/*var lastWindowWidth = window.innerWidth;
var minPadding = 108;*/
$(document).ready(function () {
    $('ul.sf-menu').supersubs({ minWidth: 5, maxWidth: 13, extraWidth: 0 }).superfish({ speed: 75, autoArrows: true, animation: { height: 'show'} }).find('ul').bgIframe({ opacity: false });
    $('.sf-menu>li').hover(function () {
        $('.sf-menu li.sfHover').removeClass('sfHover');
        $(this).addClass('sfHover');
    }, function () {
        $(this).removeClass('sfHover');
    });
    //resizeWindow();
});

//window.onresize = function () { resizeWindow(); }
var cynosureMaster = function () {
    var init = function () {
        var objControl = new sliderControl();
    }
    init();
}

/*function resizeWindow() {
    var difference = 0;
    if (window.innerWidth<lastWindowWidth){// && (window.innerWidth<960 + minPadding)) {
        delta = -1; //window.innerWidth-lastWindowWidth;
        resizeElement('#Header', delta);
        resizeElement('#ContentBodyWhite', delta);
        resizeElement('#ContentDropShadow', delta);
        resizeElement('#.shadowBody', delta);
    }
    else if(window.innerWidth>lastWindowWidth){// && (window.innerWidth<960+minPadding)){
        delta = 1;
        resizeElement('#Header', delta);
        resizeElement('#ContentBodyWhite', delta);
        resizeElement('#ContentDropShadow', delta);
        resizeElement('#.shadowBody', delta);
    }
    lastWindowWidth = window.innerWidth;
}

function resizeElement(target, delta) {
    if ($(target).width() > 960) {
        $(target).width($(target).width() + delta);
    }
}*/

var sliderControl = function () {
    var $slider;
    var $controls = $("#controlBox li");

    var init = function () {
        $slider = new divSlide($("#slider"), {
            autoplay: true,
            animationTime: 1000,
            delay: 3000,
            animationComplete: setSelectedControl
        });

        $controls.each(function (intIndex, obj) {
            $controls.eq(intIndex).click(function () {
                $slider.setIndex(intIndex, true);
                setSelectedControl(intIndex);
            });
        });

    }

    var setSelectedControl = function (intIndex) {
        $controls.removeClass("selected");
        $controls.eq(intIndex).addClass("selected");
    }

    init();
}

var divSlide = function (el, options) {
    var $el = $(el);
    var $imgs = $el.find("img");
    var intIndex = 0;
    var intImages = $imgs.size() - 1;
    var stopped = false;
    var $opts = {
        autoplay: true,
        animationTime: 500,
        delay: 3000,
        animationComplete: null
    };

    var init = function () {
        $opts = $.extend($opts, options);
        if ($opts.autoplay && intImages > 0) {
            setTimeout(play, $opts.delay);
        }
    };

    var play = function () {
        intIndex += 1;
        if (intIndex > intImages) {
            intIndex = 0;
        }
        setIndex(intIndex, false);
    };

    var animate = function () {
        var $img = $imgs.eq(intIndex);
        var left = $img.position().left * -1;

        $el.animate({ left: left }, $opts.animationTime, function () {
            if (!stopped) {
                setTimeout(play, $opts.delay);
            }

            if ($opts.animationComplete != null) {
                $opts.animationComplete(intIndex);
            }
        });
    };

    var stop = function () {
        stopped = true;
    };

    var setIndex = function (index, blnStop) {
        intIndex = index; if (blnStop) { stop(); } animate();
    };

    init();

    return {
        el: $el,
        stop: stop,
        setIndex: setIndex
    };
}

$(function () {
    var objMaster = new cynosureMaster();
});