var Timeout;
$('document').ready(function(){
//=============================================================
//  This javascript file is for the homepage
//=============================================================	
	jQuery('div#hero div#HeroControls a.HeroSelector').click(function(){
		var SlideNumber = parseInt(jQuery(this).attr('data-number')) - 1;
        var NewLeft = SlideNumber * parseInt(jQuery('div#hero ul li').css('width')) * -1;
		jQuery('div#hero div#HeroControls a.HeroSelector').removeClass('selected');
		jQuery(this).addClass('selected');
		jQuery('ul.slider').animate({
			'left': NewLeft + 'px'
		}, 1000);
    	clearInterval(Timeout);
		Timeout = setInterval('NextSlide()', 10000)
		return false;
	});
	jQuery('div#hero div#HeroControls a.HeroSelector:eq(0)').click();
    
    //let's set the hero panel clickable
    jQuery('div#hero li.panel > img').bind('click', function(){
       window.location=jQuery('div.information a', jQuery(this).parent()).attr('href');
    });
    jQuery('div#hero div.panel-overlay').bind('click', function(){
       window.location=jQuery('div.information a', jQuery(this).parent()).attr('href');
    });
});

function NextSlide(){
	clearTimeout(Timeout);
	var Current = jQuery('div#hero div#HeroControls a.HeroSelector.selected').attr('data-number');
	if(Current == jQuery('div#hero div#HeroControls a.HeroSelector').length){
		var NextSlide = 0;
	} else {
		//  Note that the "data-number held is the actual number.  We do not increment because we
		//  are offsetting the value for 0 element
		var NextSlide = Current;
	}
	jQuery('div#hero div#HeroControls a.HeroSelector:eq('+ NextSlide +')').click();
}