﻿$(document).ready(function() {

    $('#contentboxfeature li').each(function(i) {
        i = i + 1;
        $(this).addClass('item' + i);
    });

    $('#contentboxfeature li').hide();
    $('#contentboxfeature li.item1').show();
    $('#featuretab1').addClass('tab_here');

    $('#featuretabs div').click(function() {
        var tgt = $(this).attr('target');
        $('#contentboxfeature li').hide();
        $('#featuretabs div.tab_here').removeClass('tab_here');
        $('#contentboxfeature li.item' + tgt).show();
        $(this).addClass('tab_here');

    });

    $(function() {
        var timer = setInterval(showLi, 1500);
        var timedelay = 4000;
        var counter = 0;
        var linkcounter = 0;
        $('#featuretabs div').click(function() {
            clearInterval(timer);
        });
        $('#contentboxfeature li').each(function(i) {
            i = i + 1;
            $('#contentboxfeature li.item' + i).click(function() {
                window.location = $('#contentboxfeature li.item' + i + ' .sf_postTitle a').attr('href');
            });
        });
        $('#contentboxfeature').hover(function() {
            pauseit();
            //$('#contentboxfeature').css('background-color', '#e5e5e5'); 
        },
				function() {
				    resumeit();
				    //$('#contentboxfeature').css('background-color', '#FFFFFF');
				});
        function pauseit() {
            clearInterval(timer);
            timer = setInterval(showLi, 3000000);
        }
        function resumeit() {
            clearInterval(timer);
            timer = setInterval(showLi, 500);
        }
        function showLi() {
            if (counter == 0) { counter = 2; linkcounter = 1; return; }
            else if (counter == 4) { timedelay = 2000; }
            else if (counter == 5) { counter = 1; linkcounter = 1; return; }
            $('#contentboxfeature li').hide();
            $('#featuretabs div.tab_here').removeClass('tab_here');
            $('#featuretab' + counter).addClass('tab_here');
            $('#contentboxfeature li.item' + counter).fadeIn('medium');
            clearInterval(timer);
            timer = setInterval(showLi, timedelay);
            timedelay = 4000;
            counter++;
            linkcounter++;
        }
    });

});
