$(document).ready(function() {
   	// put all your jQuery goodness in here.
	//paralax
	$('#footer').append("<div id='echo'></div>");
	/*
	$("body,html").mousemove(function(e){
		
		var per = e.pageX / $("body,html").width();
		
		var movebg = 1000 * per;
		
		movebg = movebg - 500;
		
		var cssobj = {'background-position' : ''+movebg+'px 0px'}
		
		
		$('div#page-content').css(cssobj);
		$('#echo').html(movebg+" ");
		
	});
	*/
	//navigation content li's
	var navigation_content_lis = navigation_content_lis = $('#navigation-content ul li').toArray();
	var navigation_content_li_current = 0;
	
	//calculate margin top
	$(navigation_content_lis)
		.each( function(){
			
			//margin top
			var mtop = $('#navigation-content ul').offset().top - $('#'+$(this).attr('id')).offset().top;
			$(this).attr('mtop', mtop);
			
		});
		
	var content_top_position = $('a[name$="' + $('.navigation-content-link').first().attr('id')+'"]').position().top;
		
	//navigation content a's
	$('.navigation-content-link').each( function(){
		
		$(this).bind("dblclick", function(){ return false; });
		$(this).bind("click", function(){ return false; });
		
		$(this).mousedown( function(){
			
			var name = $(this).attr('id');
			
			$('body,html').stop().animate(
				{
					scrollTop:""+$('a[name$="'+name+'"]').position().top - content_top_position+""
				}, 
				{duration:500})
		});
		
		$(this).mouseover( function(){
			
			$(this).parent().addClass('hover');
			
		});
		
		$(this).mouseout( function(){
			
			$(this).parent().removeClass('hover');
			
		});
		
	});
	
	function set_active_content(){
		
		var scrolltop = $('body').scrollTop();
		
		scrolltop = $('html').scrollTop() > scrolltop ? $('html').scrollTop() : scrolltop;

		var scrolloffset = scrolltop + content_top_position;
		
		var current = false;

		$( navigation_content_lis )
			.each(function(){
				
				if( $(this).hasClass('active') ){
					
					$(this).removeClass('active');
					
				}

				var id = $(this).children('a').attr('id');

				var top = $('a[name$="'+id+'"]').offset().top;

				if( scrolloffset >= Math.floor(top) ){

					current = id;
					

				}

			});
		
		$( '#navigation-content-'+current ).addClass('active');
			
	}
	
	set_active_content();
	
	//while scrolling
	$(window).scroll(function() {

		set_active_content();

	});
	
	
	
	$(window).resize(function() {
		var navigation_content_height = $(window).height() - content_top_position - 130;
		
		$('#navigation-content').height(navigation_content_height);
		
		//last content
		var page_content_end_height  = $(window).height() - 100 - $('div.content').last().height();
		
		if( page_content_end_height < 110 )page_content_end_height = 110;
		
		$('#page-content-end').height( page_content_end_height );
		
		
		
		if( $('#navigation-content').height() < $('#navigation-content ul').height() ){
			
			$('.content-navigation-control').show();
			
			$('.content-navigation-control').unbind();
			
			$('.content-navigation-control').bind( "mouseup" , content_navigation_break );
			$('.content-navigation-control').bind( "mousedown" , content_navigation_hold );
			
			
		}else{
			
			navigation_content_li_current = 0;
			
			$('.content-navigation-control').unbind();
			
			$('.content-navigation-control').hide();
			
			$('#navigation-content ul')
				.css('marginTop', '0px');
			
		}
	}).resize();

	
	
	
	
	
	

	function content_navigation_hold( event ) {
		
		var target = event.currentTarget;
		
		switch( $(target ).attr('id') ){
			
			case 'content-navigation-up'	:
				
				set_navigation_content_move( 1 );
				
			break;
			
			case 'content-navigation-down'	:
			
				set_navigation_content_move( -1 );
			
			break;
			
		}
	}
	
	function content_navigation_break( event ) {
		
		clear_navigation_content_move();
	}
	
	
	
	var navigation_content_move_interval_id = 0;
	
	function set_navigation_content_move( where ){
		
		clear_navigation_content_move();
		
		navigation_content_move_dir = where;
		
		navigation_content_moving = 1;
		
		navigation_content_move();
		
		navigation_content_move_interval_id = setInterval( function(){ navigation_content_move() }, 500 );
		
	}
	
	
	
	
	
	function clear_navigation_content_move(){
		
		if(navigation_content_move_interval_id != 0 )clearTimeout( navigation_content_move_interval_id );
		
		navigation_content_move_interval_id = 0;
		
	}
	
	var navigation_content_move_dir = 0;
	

	
	function navigation_content_move(){
		
		var next = navigation_content_li_current + navigation_content_move_dir;
		
		if( navigation_content_lis[next] == undefined ){
			
			clear_navigation_content_move();
			
		}else{
			
			var mtop =  $( navigation_content_lis[next] ).attr('mtop');

			navigation_content_li_current = next;

			$('#navigation-content ul')
				.stop()
				.animate( {marginTop:mtop+"px"}, {easing:'linear'}, { duration:250 } );
			
		}
		
		
	}

		
	$('.active-mark')
		
		.each(function(){
			var id = $(this).attr('id');
			
			var ulid = id.replace("-active","");

			var left = $("#"+ulid+" a.active").position().left - $("#"+ulid).position().left + ($("#"+ulid+" a.active").width() / 2) - ($(this).width() / 2);
		
			
			$(this).css({'left':$("#"+ulid).position().left+'px'});
			$(this).css({'top': ( $("#"+ulid).position().top + $("#"+ulid).height() + 4 ) + 'px'});

			$(this).stop().animate(
			{marginLeft:left+"px"}, 
			{duration:500})
		})
 });