$(document).ready(function()
	{
		preloadimages("ImagesHP/banner1.jpg", "ImagesHP/banner2.jpg","ImagesHP/banner3.jpg","ImagesHP/banner4.jpg");
		//preloadimages("ImagesHP/loading.jpg");
		//activateBanner();
		
		function activateBanner()
		{
			var allBanners = ["banner1", "banner2","banner3","banner4"];
			var currentBanner = "banner1";
			showBanner("banner1");

			 var timer = setTimeout ( nextBanner, 12000 );
			 var needToPause = "false";
			 var paused = "false";
			 
			 activateHover();
			 
			 function activateHover()
			 {
				 for (var i = allBanners.length; i--;) 
				{
					$("#"+allBanners[i]).bind('mouseover', over)
					$("#"+allBanners[i]).bind('mouseleave', leave)
				}
				$("#pause,#play").bind('mouseover', over)
				$("#pause,#play").bind('mouseleave', leave)
			 }
			 
			 function over()
			 {
				 if(paused == "false")
				 {
					 $("#pause").css("display","block");
					 $("#play").css("display","none");
				 }
				 else
				 {
					  $("#play").css("display","block");
					  $("#pause").css("display","none");
				 }
			 }
			 function leave()
			 {
				 $("#pause,#play").css("display","none");
			 }

//			$("#banner1").click(function()
//			{
//				 window.location.href = "force_sites.php";
//			});
			
			$("#next").click(function()
			{
				needToPause = "true";
				 paused = "true";
				clearTimeout(timer);
				nextBanner();
				
			});
			$("#prev").click(function()
			{
				needToPause = "true";
				paused = "true";
				clearTimeout(timer);
				prevBanner();
			});
			
			$("#pause").click(function()
			{
				clearTimeout(timer);
				needToPause = "true";
				paused = "true";
				$(this).css("display","none");
			});
			$("#play").click(function()
			{
				needToPause = "false";
				nextBanner();
				paused = "false";
				$(this).css("display","none");
			});
			
			function nextBanner()
			{
				if(needToPause == "false")
				{
					timer = setTimeout ( nextBanner, 12000 );
				}
				switch (currentBanner)
				{
					case "banner1":
					showBanner("banner2");
					break;
					case "banner2":
					showBanner("banner3");
					break;
					case "banner3":
					showBanner("banner4");
					break;
					case "banner4":
					showBanner("banner1");
					break;
				}
			}
			
			function prevBanner()
			{
				switch (currentBanner)
				{
					case "banner1":
					showBanner("banner4");
					break;
					case "banner2":
					showBanner("banner1");
					break;
					case "banner3":
					showBanner("banner2");
					break;
					case "banner4":
					showBanner("banner3");
					break;
				}
			}
			
			function showBanner()
			{
				for (var i = allBanners.length; i--;) 
				{
					$("#"+allBanners[i]).css("display","none");
				}
				 $("#"+arguments[0]).css("display","block");
				 currentBanner = arguments[0];
			}
		}
		
		function preloadimages()
		{
			var cache = [];
			var args_len = arguments.length;
			for (var i = args_len; i--;) 
			{
				var cacheImage = document.createElement('img');
				cacheImage.src = arguments[i];
				cache.push(cacheImage);
			}
			$("#prev,#next").css("display","block");
			activateBanner();
		}
});