var currentlySelected = 0;
var timer;
function selectHPItem(index) {

    clearTimeout(timer);
    if ($('.work li:eq(' + index + ')').hasClass('preson')) {

        $('.service').css({ display: "none" });

        $('.service:eq(' + index + ')').fadeIn(300);

        currentlySelected = index;

        timer = setTimeout('showSlide("' + (parseInt(currentlySelected) + 1) + '")', 8000);

    }



}
function showSlide(index) {
    $('.work li').removeClass("preson");
    if (index < $('.work li').length) {

        $('.work li:eq(' + index + ')').addClass("preson");

        selectHPItem(index);
    }
    else {
        $('.work li:eq(0)').addClass("preson");
        selectHPItem(0);
    }
}
function delayShowSlide(index) {
    $('.work li').removeClass("preson");
    $('.work li:eq(' + index + ')').addClass("preson");

    setTimeout('selectHPItem(' + index + ')', 500);
}

$(document).ready(function() {
    $('.work li').each(function(i) {
        $(this).mouseover(function() {
            delayShowSlide(i);
        });
    });
    delayShowSlide(0);
});