// JavaScript Document

/*jQuery.fn.myClear = function() {
$("#stop_1_inner").animate ({'left' : 0},500).delay(5000);
$("#stop_2_inner").animate ({'left' : 0},500).delay(5000);
$("#stop_3_inner").animate ({'left' : 0},500).delay(5000);
 return false;
};*/
$(document).ready(function(){
	var slideWidth = 900;
	var currentPosition = 1;
	
	$('#billboard').css('overflow', 'hidden');
	
	$("#stop_1_inner").animate ({'left' : -11},0);
	
	$('#billboard_inner').css('width', slideWidth * $('.slide').length);
	
	window.setTimeout(function() {
 		$("#billboard_inner, #stop_1_inner, #stop_2_inner, #stop_3_inner").stop(true).stopTime();
				$("#stop_1_inner").animate ({'left' : 0},0);
				$("#stop_3_inner").animate ({'left' : 0},0);
				$("#stop_2_inner").animate ({'left' : 0},0);
				$("#billboard_inner").animate ({'margin-left' : 0},500)
	}, 330000);
	
	$("#billboard_inner").delay(5000).everyTime (1, function (){
		if (currentPosition == 1)
			{
			$("#stop_3_inner").animate ({'left' : 0},0).delay(5500);
			$("#stop_2_inner").animate ({'left' : 0},0).delay(5500);
			$("#stop_1_inner").animate ({'left' : -11},0).delay(5500);
			$("#billboard_inner").animate ({'margin-left' : -900},500).delay(5000)
			currentPosition = 2
			}
		else if (currentPosition == 2)
			{
			$("#stop_1_inner").animate ({'left' : 0},0).delay(5500);
			$("#stop_3_inner").animate ({'left' : 0},0).delay(5500);
			$("#stop_2_inner").animate ({'left' : -11},0).delay(5500);
			$("#billboard_inner").animate ({'margin-left' : -1800},500).delay(5000)
			currentPosition = 3
			}
		else if (currentPosition == 3)
			{
			$("#stop_1_inner").animate ({'left' : 0},0).delay(5500);
			$("#stop_2_inner").animate ({'left' : 0},0).delay(5500);
			$("#stop_3_inner").animate ({'left' : -11},0).delay(5500);
			$("#billboard_inner").animate({'margin-left' : 0},500).delay(5000)
			currentPosition = 1
			}
		
		
	});
	
	$("#start").click(function(){
			$("#billboard_inner").everyTime (1, function (){
			if (currentPosition == 1)
				{
				$("#stop_1_inner").animate ({'left' : 0},0).delay(5500);
				$("#stop_3_inner").animate ({'left' : 0},0).delay(5500);
				$("#stop_2_inner").animate ({'left' : -11},0).delay(5500);
				$("#billboard_inner").animate ({'margin-left' : -900},500).delay(5000)
				currentPosition = 2
				}
			else if (currentPosition == 2)
				{
				$("#stop_1_inner").animate ({'left' : 0},0).delay(5500);
				$("#stop_2_inner").animate ({'left' : 0},0).delay(5500);
				$("#stop_3_inner").animate ({'left' : -11},0).delay(5500);
				$("#billboard_inner").animate ({'margin-left' : -1800},500).delay(5000)
				currentPosition = 3
				}
			else if (currentPosition == 3)
				{
				$("#stop_3_inner").animate ({'left' : 0},0).delay(5500);
				$("#stop_2_inner").animate ({'left' : 0},0).delay(5500);
				$("#stop_1_inner").animate ({'left' : -11},0).delay(5500);
				$("#billboard_inner").animate({'margin-left' : 0},500).delay(5000)
				currentPosition = 1
				}		
			});
	      });
	
	$("#stop_1").click(function(){
				$("#billboard_inner, #stop_1_inner, #stop_2_inner, #stop_3_inner").stop(true).stopTime();
				$("#stop_1_inner").animate ({'left' : 0},0);
				$("#stop_3_inner").animate ({'left' : 0},0);
				$("#stop_2_inner").animate ({'left' : 0},0);
				$("#billboard_inner").animate ({'margin-left' : 0},500)
				currentPosition = 1
          });	
	$("#stop_2").click(function(){
				$("#billboard_inner, #stop_1_inner, #stop_2_inner, #stop_3_inner").stop(true).stopTime();
				$("#stop_1_inner").animate ({'left' : 0},0);
				$("#stop_3_inner").animate ({'left' : 0},0);
				$("#stop_2_inner").animate ({'left' : 0},0);
				$("#billboard_inner").animate ({'margin-left' : -900},500)
				currentPosition = 2
          });
	$("#stop_3").click(function(){
				$("#billboard_inner, #stop_1_inner, #stop_2_inner, #stop_3_inner").stop(true).stopTime();
				$("#stop_1_inner").animate ({'left' : 0},0);
				$("#stop_3_inner").animate ({'left' : 0},0);
				$("#stop_2_inner").animate ({'left' : 0},0);
				$("#billboard_inner").animate ({'margin-left' : -1800},500)
				currentPosition = 3
          });
	

});

