$(document).ready(function () {
    var parent = $(".slide");
    var hoverClass = 'hoverItem';
    var selectedClass = 'selectedItem';
    var triangleClass = 'triangle';
    var timer = 10000;
    var removeHoverClass = function () {
        parent.children().removeClass(hoverClass);
    };
    var hoverF = function () {
        //removeHoverClass();
        if (!$(this).hasClass(selectedClass)) {
            $(this).addClass(hoverClass);
        }
    };
    var unhoverF = function () {
        removeHoverClass();

    };
    $("li", parent).hover(hoverF, unhoverF);
    var itr;
    var running = false;
    var cf = null;

    var cf = function (event) {
        if (event !== undefined) {
            var rsrc = event.target || event.srcElement || event.originalTarget;
            if (rsrc.tagName == 'DIV') {
                rsrc = $(rsrc).parent();
            }
            var src = $(rsrc);
            cycle(src);
        }
        if (itr !== undefined) {

            window.clearInterval(itr);
        }
    };
    $(window).hashchange(function () {
        if (cf !== undefined) { cf(); }
    });
    var lastid = 0;
    var content = $('#content');
    content.removeClass('nonhomeGrad');
    content.addClass('homeslider' + lastid);
    var cycle = function (src) {
        if (location.hash === '#!//') {

            content.removeClass('homeslider' + lastid);
            var did = src.attr('data-id');
            $('div[data-id]').hide();
            content.addClass('homeslider' + did);
            $('*[data-id="' + did + '"]').show();
            parent.children().each(function () {
                $(this).children().removeClass(triangleClass);
            });
            parent.children().removeClass(hoverClass);
            parent.children().removeClass(selectedClass);
            src.addClass(selectedClass);
            $(src.children()[0]).addClass(triangleClass);
            lastid = did;
        }

    }; 
    $(".slide").live('click', cf);
    itr = window.setInterval(function () {
        var sl = $('.' + selectedClass);
        var ns = sl.next();
        if (ns.length == 0) {
            ns = parent.children().first();
        }
        //debugger;
        cycle(ns);

    }, timer);
});