/* You can safely use $j in this code block to reference jQuery */





var currentImage;
var mouseOverPanel = false;
var panelActiveButton;
var fadeSpeed= 500;
var showSpeed = 4000; //used by both 



var mouseOver = false;

var myOffset = 0;
var sliderTimer;
var panelSliderHeight ;




var $j = jQuery.noConflict();

$j(document).ready(function() {	
	  panelSliderHeight = 500;
	initHero();
	 // initLineUp();
});




function initHero(){
	var heroTimer = window.setInterval("doIt();", showSpeed);
	var tempHolder;
	currentImage = $j("#imageWrapper").children()[0];
	
	$j.each($j("#imageWrapper").children(), function (i,item){
		$j("#"+item.id).fadeTo(0, 0); // turn off all items
		$j("#"+item.id).css("visibility","visible");
		$j("#"+item.id).css("top","-500px");
		tempHolder = $j("#buttonWrapper").append("<div class=\"imageButtonOff\"  >&bull;</div>");
	});

	$j.each($j("#buttonWrapper").children(), function (g,gitem){
		$j(gitem).attr("id","button"+g);
		$j(gitem).mouseover(function(){
			nextImage =	$j("#imageWrapper").children()[$j(this).index()];
			swapImage(nextImage);
		});
	});
	$j($j("#buttonWrapper").children()[0]).removeClass("imageButtonOff").addClass("imageButtonOn");
	$j("#imageWrapper").children().first().fadeTo(0, 1);
	$j("#imageWrapper").children().first().css("top","0px");

	$j("#imageWrapper").mouseover(function(e){
		mouseOver = true;
		
	});
	$j("#imageWrapper").mouseout(function(e){
		mouseOver = false;
	});
	$j("#buttonWrapper").mouseover(function(e){
		mouseOver = true;
	});
	$j("#buttonWrapper").mouseout(function(e){
		mouseOver = false;
	});
	$j("#homePromo").animate({
	opacity:0,
    top: -100,
  }, 0);
  	$j("#homePromo").delay(800).animate({
		opacity:1,
    top: 0,
  }, 1000);
}


function swapImage(nextImage){
	if($j(currentImage).attr("id") != $j(nextImage).attr("id")){
		

		$j($j("#buttonWrapper").children()[$j(currentImage).index()]).removeClass("imageButtonOn").addClass("imageButtonOff");
		$j($j("#buttonWrapper").children()[$j(nextImage).index()]).removeClass("imageButtonOff").addClass("imageButtonOn");
		$j(currentImage).stop(true,true);
		$j(currentImage).fadeTo(fadeSpeed,0, function(e){
			$j(this).css("top","-500px");
		});

		currentImage = nextImage;
		$j(currentImage).stop(true,true);
		$j(currentImage).css("top","0px");
		$j(currentImage).fadeTo(fadeSpeed,1, function(e){
		});	
	}
}

function doIt(){
	if(mouseOver==false){
		if($j(currentImage).next().length != 0){
			swapImage($j(currentImage).next());
		}else{
			swapImage($j(currentImage).parent().children().first());
		}
	}
}