// JavaScript Document
var sliderSpeed = 3000;
var sliderTimeout = 3000;
var slideshow;
var isFirstLoaded = true;

$(document).ready(function() {
    slideshow = $('.hero-slide-image').cycle({
        fx: 'fade',
        speed: sliderSpeed,
        timeout: sliderTimeout,
        before: onBefore,
        after: onAfter
    });

    $(".hero-actions").mouseenter(function() {
        var id = this.id;
        var indx = id.substring(id.lastIndexOf("-") + 1);
        
        $('.hero-slide-image').cycle('pause');
        goSlide(indx);
    }).mouseleave(function(){
        $('.hero-slide-image').cycle('resume');  
    });
});

function onBefore(a,b,opt) {

    var cnt = $(".hero-actions").length;
    var nextSlide=0;

    nextSlide = opt.currSlide+1;

    if(nextSlide >= cnt)
        nextSlide = 0;

    if (isFirstLoaded) {
        setCurrentBtn(0);
        isFirstLoaded = false;
    }
    else
        setCurrentBtn(nextSlide);
    
}

function onAfter(a,b,opt)
{
	//setCurrentBtn(opt.currSlide);
}
function goSlide(indx) {
    $('.hero-slide-image').cycle(parseInt(indx, 10));
	setCurrentBtn(indx);

    return false;  
}
function setCurrentBtn(indx)
{
	$('.hero-action-current').removeClass('hero-action-current');
	$('#hero-actions-' + indx).addClass('hero-action-current');
}