/*
fade image+text+thumb every 5 seconds
pause on text or thumb.active mouseover
continue on text or thumb.active mouseout
jump on thumb click

if counter_new > counter, fade in _new, hide old
else show new, fade out old
*/

function featured_fade_out(el) {
    $(el).fadeOut(speed);
}
function featured_fade_in(el) {
    $(el).fadeIn(speed);
}
function featured_next() {
    var counter_old = counter;
    counter ++;
    if (counter >= count) {
        counter = counter - count;
    }
    featured_fade_out($(featured_text).eq(counter_old));
    featured_fade_in($(featured_text).eq(counter));
    featured_thumb(counter);
    if (counter > counter_old) {
        $(featured_images).eq(counter).fadeIn(speed, function(){
            $(featured_images).eq(counter_old).hide();
        });
    } else {
        $(featured_images).eq(counter).show();
        featured_fade_out($(featured_images).eq(counter_old));
    }
}
function featured_item(num) {
    if (counter != num) {
        featured_fade_out($(featured_text).eq(counter));
        featured_fade_in($(featured_text).eq(num));
        featured_thumb(num);
        if (num > counter) {
            $(featured_images).eq(num).fadeIn(speed, function(){
                $(featured_images).eq(counter).hide();
                counter = num;
            });
        } else {
            $(featured_images).eq(num).show().fadeIn(speed);
            featured_fade_out($(featured_images).eq(counter));
            counter = num;
        }
    }
    featured_pause();
}
function featured_thumb(num) {
    if (!$(featured_thumbs).eq(num).hasClass('active')) {
        $(featured_thumbs).removeClass('active');
        $(featured_thumbs).eq(num).addClass('active');
    }
}
function featured_pause() {
    if (featured_timer) {
        clearInterval(featured_timer);
        featured_timer = false;
    }
}
function featured_play() {
    if (!featured_timer) {
        featured_timer = setInterval("featured_next()", delay);
    }
}

$(document).ready(function(){
    delay = 4000;
    speed = 'slow';
    count = $('div.home_featured_thumbnail').length;
    counter = 0;
    featured_images = $('img.home_featured_image');
    featured_text = $('div.home_featured_text');
    featured_thumbs = $('div.home_featured_thumbnail a');
    
    // featured_timer = false;
    featured_timer = setInterval("featured_next()", delay);
    
    $(featured_text).hover(function(){
        featured_pause();
    }, function(){
        featured_play();
    });
    $(featured_thumbs).mouseout(function(){
        featured_play();
    }).each(function(index){
        $(this).click(function(){
            featured_item(index);
            featured_thumb(index);
            return false;
        });
    });
});