// JavaScript Document
 
$(document).ready(function () {
// Start code Scroll Player						   
	 var index = $("#scrollme ul li").length;
	
	var scroll_length = 0;
	for(i=1;i<=index;i++) {
		scroll_length += $("#scrollme ul li:nth-child("+i+")").width();
		 		
	}
	
	if(scroll_length > 530)
		$("#scrollme ul").width(scroll_length);
	//else 		$("#scrollme ul").width(530);
			
							   
	var pos = 0;
		 
	$('#scrollme').serialScroll({
		/* items:'li',
		duration:3000,
		force:true,
		axis:'x',
		easing:'linear',
		lazy:true,// NOTE: it's set to true, meaning you can add/remove/reorder items and the changes are taken into account.
		interval:1, // yeah! I now added auto-scrolling
		step:2 // scroll 2 news each time
		
		items:'li',		
		axis:'x',
		start:0,
		step:1,		
		interval:1,
		duration:2000,
		force:true
		*/
		
		items:'li',
		prev:'a#prev',
		next:'a#next',
		axis:'x',
		start:0,
		duration:300,
		force:true,
		cycle:false
				 
	});	 		
	
	$("a#prev").click(function(){
		//$('#scrollme').trigger( 'stop');
		//$('#scrollme').trigger( 'prev');
		//setTimeout("$('#scrollme').trigger( 'start')",1000);
		//$('#scrollme').trigger( 'start');
		//$('#scrollme').trigger( 'goto', [ 3 ] );
		 return false;
	 });
	 $("a#next").click(function(){
	 	//$('#scrollme').trigger( 'stop');
	 	//$('#scrollme').trigger( 'next');
	 	//setTimeout("$('#scrollme').trigger( 'start')",1000);
	 	//$('#scrollme').trigger( 'start');
		return false;
	 });  
// End code Scroll Player
}); 


$(function() {
// Start code player sus
	var player_length = $('#image ul li').length;
	var t;
	var player_pos = 0;
	var player_timer;
	var player_transition_time = 3000;
	var player_fade_time = 1000;
	if(player_length == 1) {
		$('a#player_left').hide();
		$('a#player_right').hide();
	}
	else {
		PlayerStart();		
	}
	
	$('a#player_left').click(function(){
		PlayerStop();		
		if(player_pos > 0) {
			$('li#player_'+(player_pos-1)).fadeIn(player_fade_time);
			$('li#player_'+player_pos).fadeOut(player_fade_time);	
			player_pos--;			
		} else if(player_pos == 0) {
			$('li#player_'+(player_length-1)).fadeIn(player_fade_time);
			$('li#player_0').fadeOut(player_fade_time);
			player_pos = player_length-1;
		}
		PlayerStart();
		return false;
	});
		
	$('a#player_right').click(function(){
		PlayerStop();
		if(player_pos < player_length-1) {
			$('li#player_'+(player_pos+1)).fadeIn(player_fade_time);
			$('li#player_'+player_pos).fadeOut(player_fade_time);
			player_pos++							
		} else if(player_pos == player_length-1) {
			$('li#player_0').fadeIn(player_fade_time);
			$('li#player_'+player_pos).fadeOut(player_fade_time);
			player_pos = 0;
		}
		
		PlayerStart();
		return false;
	});	
	$("#image").click(function() {
		 if(player_pos < player_length-1) {
			$('li#player_'+(player_pos+1)).fadeIn(player_fade_time);
			$('li#player_'+player_pos).fadeOut(player_fade_time);
			player_pos++;				
		} else {
			$('li#player_0').fadeIn(player_fade_time);
			$('li#player_'+(player_length-1)).fadeOut(player_fade_time);
			player_pos = 0;
		}
	});
	function PlayerStart() {		
		t = setInterval('$("#image").trigger("click")',player_transition_time);
	}
	
	function PlayerStop() {		
		t = clearInterval(t);
	}
	
// End code player sus


});