// JavaScript Document
var banners = 6;
	var bdelay = 15000;
	var i = 1;
	
function bannerScroll(n) {
	var margin = n*627;
	$("#justBanner").animate({ 
	    	marginLeft: "-"+margin+"px"
  		}, 1500 );	
}
function highlightBox(div, shown) {
	$(div).animate({
			opacity: shown
	});
}
$(document).ready(function() {
	$("#justContainer").hide().slideDown(1000);
	$("#justWindow").addClass('overflowHidden');
	$("#justBanner").hide().show();
	
	$("#justBanners li").animate({opacity: 0.3});
	$("#justBanners li:first").animate({opacity: 1.0});
	function rotateBanner() {
		if(i < 6) {
				bannerScroll(i); //Trigger the paging and slider function
				n=i+1;
				$("#justBanners li").animate({opacity: 0.3});
				$("#justBanners li").removeClass("active");
				$("#small-"+n).addClass("active");
				highlightBox("#small-"+n, 1.0);	
				i ++;
				
			} else {
				bannerScroll(0);
				$("#justBanners li").animate({opacity: 0.3});
				$("#justBanners li").removeClass("active");
				$("#small-"+n).addClass("active");
				highlightBox("#small-1", 1.0);
				i = 1;
			}
			
	}
	function goNext()
	{
		
	}
	rotateSwitch = function(){
		play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
			rotateBanner();
			}, bdelay);
	}
	rotateSwitch();
	$("#justBanners li").mouseenter(
	function() { 
		highlightBox(this, 1.0);
	}
);
	var listname = $("#justBanners li");
	
		$("#justBanners li").mouseleave(
			function() { 
				if($(this).hasClass("active")) {
					highlightBox(this, 1.0);
					//alert("class");
				} else {
					highlightBox(this, 0.3);
					//alert("noclass");
				}
			});
	$(".next").click(function() {
		clearInterval(play);
		if(i < 6) {
			bannerScroll(i);
			i ++;
		} else {
			bannerScroll(0);
			i=1;
		}
		//alert(j);
		return false;
		});
	$(".prev").click(function() {
		clearInterval(play);
		
			j = i-2;
			bannerScroll(j);
			i = i -1;
		
		//alert(j);
		return false;
		});
	/*$("#justBanners li a").click(function() {
		clearInterval(play);
		var theString = this.className;
		var lastPos = theString.length-1;
		var goTo = theString.charAt(lastPos) -1;
		bannerScroll(goTo);
		$("#justBanners li").removeClass("active");
		$("#small-"+theString.charAt(lastPos)).addClass("active");
		$("#justBanners li").animate({opacity: 0.3});
		highlightBox("#small-"+theString.charAt(lastPos), 1.0);
		return false;
	});*/
	
});//Close Function