// JavaScript Document

var timer;
var offset;
var abs_position;
var slide_height;
var scroller_height;
var frame_height;
var current_slide;


$(document).ready(function(){
	$('#scroller_navigation a').click(function(){
		goto_slide($(this).attr('id').substring(4));
	});
	$(window).scroll(function(){
		scroller();
	});
	slider_init();
	$("html, body").mousemove(function(){
		reset_timer();
	});
	
});
function reset_timer(){
	clearTimeout(timer);
	timer = setTimeout("goto_slide("+(parseInt(current_slide)+1)+")",10000);
}

function slider_init(){
	if ( 1/*$.browser.msie*/ ) {
		handle = setTimeout("goto_slide(1)",800);
	} else {
		//$("html,body").scrollTop(0);
	}

	var i=0;
	$('#frame').find('.slide').each(function(){
		i++;
		$(this).attr('id','slide-'+i);
	});

	if ( $.browser.msie && $.browser.version<9) {
		$("#frame").css('top','-30px');
	}


	frame_height=$('#frame').height();
	offset = $('#scroller').offset();
	abs_position = $(window).scrollTop();
	scroller_height = $('#scroller').height();
	slide_height = $('#text div').height() + parseInt($('#text div').css('paddingBottom')) + parseInt($('#text div').css('paddingTop'));
	
	if (abs_position==0) current_slide=1;
	else current_slide = Math.round(0.5 + abs_position/slide_height);
	
	reset_timer();

	$('#frame #slide-'+current_slide).addClass('current_slide');
	$('#frame #slide-'+(current_slide+1)).addClass('coming_slide');
	$('#scroller_navigation #nav-'+current_slide).addClass('active');
	scroller();
}
function scroller(){
	if (abs_position==0) new_slide=1;
	else new_slide = Math.round(0.5 + abs_position/slide_height);

	//$('#temp').html(" current: "+current_slide+" | new: "+new_slide);
	
	if (new_slide<current_slide){
		current_slide=new_slide;
		$('#scroller .current_slide').removeClass('current_slide');
		$('#scroller #slide-'+current_slide).addClass('current_slide');
		$('#scroller .coming_slide').removeClass('coming_slide');
		$('#scroller #slide-'+(current_slide+1)).addClass('coming_slide');
	}
	if (new_slide>current_slide){
		current_slide=new_slide;
		$('#scroller .current_slide').removeClass('current_slide');
		$('#scroller #slide-'+current_slide).addClass('current_slide');
		$('#scroller .coming_slide').removeClass('coming_slide');
		$('#scroller .coming_slide').height(0);
		$('#scroller #slide-'+(current_slide+1)).addClass('coming_slide');
	}
	
	reset_timer();
	
	abs_position = $(window).scrollTop();

	var slide_offset=Math.round(abs_position-(current_slide-1)*slide_height);
	var current_slide_bottom_offset=Math.round((slide_offset) * 0.08 );
	var coming_slide_bottom_offset=Math.round((slide_offset) * 0.2 -220);
	var coming_slide_height = slide_offset-(slide_height-frame_height)-coming_slide_bottom_offset;
	if (coming_slide_height<0) coming_slide_height=0;


	$('#scroller .current_slide').css('bottom',current_slide_bottom_offset+'px');
	$('#scroller .coming_slide').css('bottom',coming_slide_bottom_offset+'px');
	
	$('#scroller .current_slide .image').css("background-position", "100px "+ (25+(current_slide_bottom_offset)*1.5) + "px");
	$('#scroller .coming_slide .image').css("background-position", "100px "+ (25+(coming_slide_bottom_offset)*1.5)+ "px");
	
	
	$('#scroller #frame .slide.coming_slide').height(coming_slide_height);



	//$('#temp').append(" coming_slide_height: "+coming_slide_height+" slide_offset:"+slide_offset);
	

	
	/*if (slide_offset<0){
		current_slide--;
		$('#scroller .current_slide').removeClass('current_slide');
		$('#scroller #slide-'+current_slide).addClass('current_slide');
		$('#scroller .coming_slide').removeClass('coming_slide');
		$('#scroller #slide-'+(current_slide+1)).addClass('coming_slide');
	}
	if (slide_offset>=slide_height){
		current_slide++;
		$('#scroller .current_slide').removeClass('current_slide');
		$('#scroller #slide-'+current_slide).addClass('current_slide');
		$('#scroller .coming_slide').removeClass('coming_slide');
		$('#scroller #slide-'+(current_slide+1)).addClass('coming_slide');
	}*/

	if ($('#scroller_navigation .active').attr('id').substring(4)!=current_slide) {
		$('#scroller_navigation a').removeClass('active');
		$('#scroller_navigation #nav-'+current_slide).addClass('active');
	}

	var percentage = abs_position/scroller_height;
	$('#scroller #texture').css('top','-'+Math.round(percentage*300)+'px');
}
function goto_slide(goto){
	clearTimeout(timer);
	if (goto>5) {
		$('html, body').animate({ 
			scrollTop: 0
		}, 5000,'easeInOutExpo', function(){
			reset_timer();
		});
	} else {
		var offset = $('#scroller').offset();
		var abs_position = $(window).scrollTop();
		var goto_position = (slide_height+5)*(goto-1)-offset.top+30;
	
		var distance = goto_position - abs_position;
		var scroll_time = Math.round(Math.sqrt(Math.abs(distance))*35+400);
		
		
		$('html, body').animate({ 
			scrollTop: goto_position
		}, scroll_time,'easeInOutExpo');
		//$('#temp').html(goto_position);
		reset_timer();
	}
}