$(document).ready(function(){
	
	//This keeps track of the slideshow's current location
	var elementlength=$('#slideshow').find('li').length;
	var elementlength2=$('#slideshow1').find('li').length;
	var current_panel = 1;
	var current_panel1=1;
	//Controlling the duration of animation by variable will simplify changes
	var animation_duration = 2500;
	
	$.timer(6000, function (timer) {
		//Determine the current location, and transition to next panel
		switch(current_panel){
			case 1:
				$("#slideshow").stop().animate({left: "-151px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//-192px
				$("#slideshowlink1").stop().animate({left: "-151px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-205px", top: "0px"
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel = 1;
				}
				else
				{
					current_panel = 2;
				}
				
			break;
			case 2:
				$("#slideshow").stop().animate({left: "0px", top: "-128px"}, {easing: 'easeOutBack', duration: animation_duration});//-25px;top: "-143px"
				$("#slideshowlink1").stop().animate({left: "0px", top: "-45px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-25px", top: "-50px"
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel = 1;
				}
				else
				{
				current_panel = 3;
				}
			break;
			case 3:
				$("#slideshow").stop().animate({left: "-151px", top: "-128px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px"
				$("#slideshowlink1").stop().animate({left: "-151px", top: "-45px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-215px", top: "-50px"
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel = 1;
				}
				else
				{
				current_panel = 4;
				}
			break;
			case 4:
				$("#slideshow").stop().animate({left: "0px", top: "-256px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-284px"
				$("#slideshowlink1").stop().animate({left: "0px", top: "-90px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-90px"
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel = 1;
				}
				else
				{
				current_panel = 5;
				}
			break;
			case 5:
			$("#slideshow").stop().animate({left: "-151px", top: "-256px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-284px"
			$("#slideshowlink1").stop().animate({left: "-151px", top: "-90px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-204px", top: "-90px"
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel = 1;
				}
				else
				{
				current_panel = 6;
				}
				break;
			case 6:
			$("#slideshow").stop().animate({left: "0px", top: "-384px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-425px"
			$("#slideshowlink1").stop().animate({left: "0px", top: "-135px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-130px"
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel = 1;
				}
				else
				{
				current_panel = 7;
				}
				break;
			case 7:
			$("#slideshow").stop().animate({left: "-151px", top: "-384px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-425px"
			$("#slideshowlink1").stop().animate({left: "-151px", top: "-135px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//{left: "-20px", top: "-0px"}
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel = 1;
				}
				else
				{
				current_panel = 8;
				}
				break;
				case 8:
			$("#slideshow").stop().animate({left: "0px", top: "-512px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-559px"
			$("#slideshowlink1").stop().animate({left: "0px", top: "-180px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel = 1;
				}
				else
				{
				current_panel = 9;
				}
				break;
				case 9:
			$("#slideshow").stop().animate({left: "-151px", top: "-512px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-559px"
			$("#slideshowlink1").stop().animate({left: "-151px", top: "-180px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel = 1;
				}
				else
				{
				current_panel = 10;
				}
				break;
				case 10:
			$("#slideshow").stop().animate({left: "0px", top: "-640px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-697px"
			$("#slideshowlink1").stop().animate({left: "0px", top: "-225px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel = 1;
				}
				else
				{
				current_panel = 11;
				}
				break;
				case 11:
			$("#slideshow").stop().animate({left: "-151px", top: "-640px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-697px"
			$("#slideshowlink1").stop().animate({left: "-151px", top: "-225px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength==current_panel)
				{
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel = 1;
				}
				else
				{
				current_panel = 12;
				}
				break;
				case 12:
			$("#slideshow").stop().animate({left: "0px", top: "-768px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
			$("#slideshowlink1").stop().animate({left: "0px", top: "-270px"}, {easing: 'easeOutBack', duration: animation_duration});
			if(elementlength==(current_panel+1))
				{
				 
					$("#slideshow").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel = 1;
				}
				else
				{
				current_panel = 1;
				}
				break;
	  		timer.reset(12000);
		}
	});
	//==============================================================================================
	$.timer(6000, function (timer) {
		//Determine the current location, and transition to next panel
		switch(current_panel1){
			case 1:
				$("#slideshow1").stop().animate({left: "-151px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-192px", top: "0px"
			$("#slideshowlink2").stop().animate({left: "-151px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-217px", top: "0px",align:"center
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel1 = 1;
				}
				else
				{
					current_panel1 = 2;
				}
				
			break;
			case 2:
				$("#slideshow1").stop().animate({left: "0px", top: "-128px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-25px", top: "-143px"
				$("#slideshowlink2").stop().animate({left: "0px", top: "-45px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-26px", top: "-50px"
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-50px"
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 3;
				}
			break;
			case 3:
				$("#slideshow1").stop().animate({left: "-151px", top: "-128px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-149px"
				$("#slideshowlink2").stop().animate({left: "-151px", top: "-45px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-205px", top: "-50px"
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 4;
				}
			break;
			case 4:
				$("#slideshow1").stop().animate({left: "0px", top: "-256px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-284px"
				$("#slideshowlink2").stop().animate({left: "0px", top: "-90px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-90px"
				
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 5;
				}
			break;
			case 5:
			$("#slideshow1").stop().animate({left: "-151px", top: "-256px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-284px"
			$("#slideshowlink2").stop().animate({left: "-151px", top: "-90px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-192px", top: "-90px"
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "-20px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel1 = 1;
					
				}
				else
				{
				current_panel1 = 6;
				}
				break;
				case 6:
			$("#slideshow1").stop().animate({left: "0px", top: "-384px"}, {easing: 'easeOutBack', duration: animation_duration});//{left: "-20px", top: "-425px"
			$("#slideshowlink2").stop().animate({left: "0px", top: "-135px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-130px"
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "0px"
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 7;
				}
				break;
			case 7:
			$("#slideshow1").stop().animate({left: "-151px", top: "-384px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-191px", top: "-425px"
					$("#slideshowlink2").stop().animate({left: "-151px", top: "-135px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});//left: "-20px", top: "-0px"
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 8;
				}
				break;
				case 8:
			$("#slideshow1").stop().animate({left: "0px", top: "-512px"}, {easing: 'easeOutBack', duration: animation_duration});
			$("#slideshowlink2").stop().animate({left: "0px", top: "-180px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 9;
				}
				break;
				case 9:
			$("#slideshow1").stop().animate({left: "-151px", top: "-512px"}, {easing: 'easeOutBack', duration: animation_duration});
			$("#slideshowlink2").stop().animate({left: "-151px", top: "-180px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					$("#slideshowlink1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 10;
				}
				break;
				case 10:
			$("#slideshow1").stop().animate({left: "0px", top: "-640px"}, {easing: 'easeOutBack', duration: animation_duration});
			$("#slideshowlink2").stop().animate({left: "0px", top: "-225px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 11;
				}
				break;
				case 11:
			$("#slideshow1").stop().animate({left: "-151px", top: "-640px"}, {easing: 'easeOutBack', duration: animation_duration});
			$("#slideshowlink2").stop().animate({left: "-151px", top: "-225px"}, {easing: 'easeOutBack', duration: animation_duration});
				if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 12;
				}
				break;
				case 12:
			$("#slideshow1").stop().animate({left: "0px", top: "-768px"}, {easing: 'easeOutBack', duration: animation_duration});
			$("#slideshowlink2").stop().animate({left: "0px", top: "-270px"}, {easing: 'easeOutBack', duration: animation_duration});
			if(elementlength2==current_panel1)
				{
					$("#slideshow1").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					$("#slideshowlink2").stop().animate({left: "0px", top: "0px"}, {easing: 'easeOutBack', duration: animation_duration});
					current_panel1 = 1;
				}
				else
				{
				current_panel1 = 1;
				}
				break;
	  		timer.reset(12000);
		}
	});
});