/* home feature */

jQuery(document).ready(function($) {
	 $('#feature .listeditem').wrapAll('<div id="fade" />');
	$('#fade').css('background', '#F1F1F2');
	
 var featureCt = $('#fade .listeditem').length;
    if (featureCt > 1) {
        $('#feature').each(function() {
            var controlDiv = $('<div />').attr('id', 'switcher');
            for (var i = 1; i <= featureCt; i++) {
                var control = $('<a href="#" class="selector" id="s' + i + '">' + i + '</a>');
                if (i == 1) control.addClass('selected first');
                if (i == featureCt) control.addClass('last');
                controlDiv.append(control);
            }
            $(this).append(controlDiv);
        });
    }

 $("#fade").innerfade({
        speed: 2000,
        timeout: 5000,
        containerheight: 267,
        tracker: "switcher",
        trackerclass: "selected",
        repeat: 1
    });
    $(".selector").click(function() {
        if($("#fade").data("timer")) {
            clearTimeout($("#fade").data("timer"));
            $("#fade").removeData("timer");
        }

        var id = Number(this.id.substr(1));
        $(".selector").removeClass("selected");
        $(this).addClass("selected");
        $("#fade>div:visible").fadeOut(2000);
        $("#fade>div").eq(id - 1).fadeIn(2000);
        return false;
    });
});