(function($) {

    /*
    ###########################################
    Rounded White Corner Wrap
    ###########################################
    */

    $.fn.boxWrap = function(options) {
        options = $.extend({
            width: '',
            height: '',
            boxType: 'whiteBoxShadow' // choices: whiteBoxShadow,blueBox
        }, options);

        $(this).each(function() {
            $(this).wrap('<div class="' + options.boxType + '_wrap" style="width:' + options.width + 'px;"><div class="bd"><div class="c"><div class="s"></div></div></div></div>');
            $(this).parent().parent().parent().parent().prepend('<div class="hd"><div class="c"></div></div>').append('<div class="ft"><div class="c"></div></div>');
        });
    }

    /*
    ###########################################
    Get the Greatest Height
    ###########################################
    */

    $.fn.greatestHeight = function() {
        $(this).each(function() {
            var Height = 0;
            $(this).children().each(function() {
                Height = $(this).height() > Height ? $(this).height() : Height;
            });
            $(this).height(Height);
        });
    }


    /*
    ###########################################
    SlideShow
    ###########################################
    */

    $.fn.slideShow = function(options) {
        options = $.extend({
            width: 400,
            height: 300,
            speed: 5, //in seconds
            leftMargin: 0
        }, options);

        $(this).each(function() {
            var slideshow_name_noHash = "slideshowWrapper_" + $(this).attr("id");
            var slideshow_interval;

            $(this).wrap("<div id='" + slideshow_name_noHash + "'><div class='slidesWindow'></div></div>");
            $(this).parent().after("<div class='slideshowControls' align='center'></div>");

            slideshow_name = "#" + slideshow_name_noHash;

            $(slideshow_name).css({
                float: "left",
                marginLeft: options.leftMargin,
                width: options.width + "px",
                height: (options.height + 20) + "px"
            });

            $(slideshow_name + " div.slidesWindow").css({
                position: "relative",
                overflow: "hidden",
                float: "left",
                width: options.width + "px",
                height: options.height + "px"
            });

            $(this).css({
                position: "relative",
                listStyle: "none",
                margin: "0px",
                padding: "0px",
                width: (options.width * $(this).children().size()) + "px",
                height: options.height
            });

            $(this).find("li").css({
                position: "relative",
                listStyle: "none",
                float: "left",
                margin: "0px",
                padding: "0px",
                width: options.width + "px",
                height: options.height + "px"
            });

            $(slideshow_name + " div.slideshowControls").css({
                position: "relative",
                float: "left",
                clear: "both",
                width: options.width + "px",
                height: "10px",
                marginTop: "10px",
                zIndex: "1000"
            });

            $(this).find("li").each(function(index) {
                $(this).attr("id", index);
                $(slideshow_name + " div.slideshowControls").append("<a href='" + window.location + "#" + index + "' class='slideshowControls_" + index + "'><img src='/Includes/Media/Images/Template/circle.png' border='0'/></a>&nbsp;");
            });

            $.localScroll.defaults.axis = 'xy';
            $(slideshow_name + " div.slideshowControls").localScroll({
                target: slideshow_name + " div.slidesWindow", // could be a selector or a $ object too.
                duration: 400,
                hash: false
            });

            $(slideshow_name + " div.slideshowControls a").click(function(event, a) {
                if (a != "continue_to_play") {
                    clearInterval(slideshow_interval);
                }
                $(slideshow_name + " div.slideshowControls a img").attr("src", "/Includes/Media/Images/Template/circle.png");
                $("img", this).attr("src", "/Includes/Media/Images/Template/circle_active.png");
                $(this).blur();
            });

            if ($(slideshow_name + " div.slidesWindow li.activeslide").length == 0) {
                $(slideshow_name + " div.slidesWindow li:first").addClass('activeSlide');
                $(slideshow_name + " div.slideshowControls a:first img").attr("src", "/Includes/Media/Images/Template/circle_active.png");
            }

            slideshow_interval = setInterval(function() {
                $(slideshow_name).nextSlide()
            }, (options.speed * 1000));
        });
    }

    /*
    ###########################################
    NextSlide (used in slideshow)
    ###########################################
    */

    $.fn.nextSlide = function() {
        var currentSlide = $(this).find("li.activeSlide").removeClass('activeSlide');
        if (currentSlide.length == 0) {
            currentSlide = $(this).find("ul li:last");
        }
        var nextSlide = currentSlide.next().length ? currentSlide.next() : $(this).find("ul li:first");
        nextSlide.addClass('activeSlide');

        var nextSlide_control = $(this).find("li.activeSlide").attr("id");
        $(this).find("a.slideshowControls_" + nextSlide_control).trigger("click", ["continue_to_play"]);
    }

    /*
    ###########################################
    SlideShow
    ###########################################
    */

    $.fn.panelShow = function(options) {
        options = $.extend({
            width: 400,
            height: 300,
            active: 1
        }, options);

        $(this).each(function() {
            $(this).width(options.width).height(options.height).boxWrap({ width: 920 });

            $(this).children(":nth-child(" + options.active + ")").addClass("active");

            var inactiveWidth = (options.width - $(this).children(".active").width()) / ($(this).children("li").size() - 1);
            $(this).children("li").each(function() {
                $(this).width(inactiveWidth).children().wrap("<div class='innerWrap'></div>");
                $(this).find("div.innerWrap").append("<div class='innerBorder'></div><div class='innerBorder2'></div>");
            });

            $(this).children("li.active").width($(this).children("li.active").children().width());
            $(this).find("div.innerBorder").width(($(this).find("li.active").width() - 45) + "px").height(($(this).find("li.active").height() - 45) + "px");
            $(this).find("div.innerBorder2").width(($(this).find("li.active").width() - 39) + "px").height(($(this).find("li.active").height() - 39) + "px");
 
            $(this).children("li").stop().hover(function() {
                if (!$(this).hasClass("active")) {
                    $(this).parent().children("li.active").removeClass("active").width(inactiveWidth);
                    $(this).addClass("active");
                    $(this).width($(this).children().width());
                }
            }, function() { });
        });
    }

})(jQuery);