function animslide(slide,dir){
	switch(slide){
		case 1:
			if(dir=='in') {
				$("#slide1 .info").css({ marginLeft: "-200px", opacity: 0 } );
				$("#slide1 .image").css({ marginLeft: "900px", opacity: 0 } );
				$("#slide1 .info").delay(500).animate({ marginLeft: "0px", opacity:1 }, { duration: 1000, queue: true } );
				$("#slide1 .image").animate({ marginLeft: "410px", opacity:1 }, { duration: 1000, queue: false } );
			}
			else {
				$("#slide1 .info").css({ opacity: 0 });
				$("#slide1 .image").css({ opacity: 0 });
			}
		break;
		case 2:
			if(dir=='in') {
				$("#slide2 .info").css({ marginLeft: "-200px", opacity: 0 } );
				$("#slide2 .image").css({ marginLeft: "900px", opacity: 0 } );
				$("#slide2 .info").delay(500).animate({ marginLeft: "0px", opacity:1 }, { duration: 1000, queue: true } );
				$("#slide2 .image").animate({ marginLeft: "410px", opacity:1 }, { duration: 1000, queue: false } );
			}
			else {
				$("#slide2 .info").css({ opacity: 0 } );
				$("#slide2 .image").css({ opacity: 0 } );
			}
		break;
		case 3:
			if(dir=='in') {
				$("#slide3 .info").css({ marginLeft: "-200px", opacity: 0 } );
				$("#slide3 .image").css({ marginLeft: "900px", opacity: 0 } );
				$("#slide3 .info").delay(500).animate({ marginLeft: "0px", opacity:1 }, { duration: 1000, queue: true } );
				$("#slide3 .image").animate({ marginLeft: "410px", opacity:1 }, { duration: 1000, queue: false } );
			}
			else {
				$("#slide3 .info").css({ opacity: 0 } );
				$("#slide3 .image").css({ opacity: 0 } );
			}
		break;
		case 4:
			if(dir=='in') {
				$("#slide4 .info").css({ marginLeft: "-200px", opacity: 0 } );
				$("#slide4 .image").css({ marginLeft: "900px", opacity: 0 } );
				$("#slide4 .info").delay(500).animate({ marginLeft: "0px", opacity:1 }, { duration: 1000, queue: true } );
				$("#slide4 .image").animate({ marginLeft: "410px", opacity:1 }, { duration: 1000, queue: false } );
			}
			else {
				$("#slide4 .info").css({ opacity: 0 } );
				$("#slide4 .image").css({ opacity: 0 } );
			}
		break;
		case 5:
			if(dir=='in') {
				$("#slide5 .phone1").css({ marginLeft: "600px", opacity: 0 });
				$("#slide5 .phone2").css({ marginLeft: "440px", opacity: 0 });
				$("#slide5 .phone3").css({ marginLeft: "300px", opacity: 0 });
				$("#slide5 .phone4").css({ marginLeft: "145px", opacity: 0 });
				$("#slide5 .info").css({ marginLeft: "-200px", opacity: 0 });
				$("#slide5 .phone1").animate({ opacity:1 }, { duration: 1000, queue: true });
				$("#slide5 .phone2").delay(200).animate({ opacity:1 }, { duration: 1000, queue: true });
				$("#slide5 .phone3").delay(400).animate({ opacity:1 }, { duration: 1000, queue: true });
				$("#slide5 .phone4").delay(600).animate({ opacity:1 }, { duration: 1000, queue: true });

				$("#slide5 .phone2").animate({ marginLeft: "550px" }, { duration: 500, queue: true });
				$("#slide5 .phone3").animate({ marginLeft: "500px" }, { duration: 500, queue: true });
				$("#slide5 .phone4").animate({ marginLeft: "440px" }, { duration: 500, queue: true });

				$("#slide5 .info").delay(1500).animate({ marginLeft: "0px", opacity:1 }, { duration: 1000, queue: true });
			}
			else {
				$("#slide5 .phone1").css({ opacity: 0 });
				$("#slide5 .phone2").css({ opacity: 0 });
				$("#slide5 .phone3").css({ opacity: 0 });
				$("#slide5 .phone4").css({ opacity: 0 });
				$("#slide5 .info").css({ opacity: 0 });
				$("#slide5 .phone4").css({ opacity: 0 });
			}
		break;
	}
}
		$(document).ready(function() {

			var Interval = 100000;
			/*
			**	LEFT SLIDER
			*/

			var currentPosition=0;
			var slideWidth=784;
			var slides=$('#banner .slide');
			var numberOfSlides=slides.length;
			var intervalID = '';
			var dotsCenter=$('<div id="dots"></div>');

			animslide(currentPosition+1,'out');
			animslide(currentPosition+1,'in');


			$('#banner').prepend(dotsCenter);

			slides.wrapAll('<div id="sliderIn"></div>').css({'float':'left','width':slideWidth});
			$('#sliderIn').css('width',slideWidth*numberOfSlides);
			$('#slider').append(dotsCenter);

			for(var i=0;i<numberOfSlides;i++)
			{
				if(i===currentPosition)
				{
					dotsCenter.append('<span class="dot active" title="'+i+'"></span>');
				}
				else
				{
					dotsCenter.append('<span class="dot" title="'+i+'"></span>');
				}
			}

			$('.dot').click(function()
			{
				animslide(currentPosition,'out');

				clearInterval(intervalID);
				$('.dot').removeClass('active');


				currentPosition=parseInt($(this).prop("title"));
				$('#sliderIn').delay(5000).css({'marginLeft':slideWidth*(-currentPosition)});
				$('.dot[title="'+currentPosition+'"]').addClass('active');

				animslide(currentPosition+1,'in');

				intervalID = setInterval(autoScroll, Interval);
			});

			intervalID = setInterval(autoScroll, Interval);
			function autoScroll()
			{
				animslide(currentPosition,'out');

				if (currentPosition == numberOfSlides-1)
				{
					currentPosition = 0;
				}
				else
				{
					currentPosition++;
				}
				$('.dot').removeClass('active');
				$('.dot[title="'+currentPosition+'"]').addClass('active');
				$('#sliderIn').delay(5000).css( {'marginLeft':slideWidth*(-currentPosition) });

				animslide(currentPosition+1,'in');
			}
/*
			$("#banner").mouseenter(function(){
				clearInterval(intervalID);
			});
			$("#banner").mouseleave(function(){
				intervalID=setInterval(autoScroll, Interval);
			});
*/
		});