// Created by Joseph Gallagher
// March 2010


// Four panel slider

$(document).ready(function () {
    lastBlock = $("ul.promotionalBoxFour li div.slider");
    otherBlocks = null;
    maxWidth = 806;
    maxWidth_Done = 810;
    minWidth = 49;
    defaultWidth = 238;
    defaultWidth_Done = 239;

    $("ul.promotionalBoxFour li:not(.open) div.slider div.titleBar").click(function () {
        if (this == lastBlock) {
            
			// Clicked on the open tab, reset all to default.
            $(this).parent().removeClass("open");

            $(this).parent().animate({ width: defaultWidth + "px" }, { queue: false, duration: 400 });
            $(otherBlocks).animate({ width: defaultWidth + "px" }, { queue: false, duration: 400, complete: function () { $("ul.promotionalBoxFour li div.slider").css({width: ""}) } });

            // Reset the plus/minus + objects
            $(this).find("span.minus").hide();
            $(this).find("span.plus").show();
            $("div.object, div.silverlightWrapper").hide();
            $("div.objectPlaceholder").show();

            // Reset lastblock
            lastBlock = $("ul.promotionalBoxFour li div.slider");
        }
        else {
            $(lastBlock).parent().removeClass("open");
            $(this).parent().addClass("open");

            otherBlocks = $("ul.promotionalBoxFour li:not(.open) div.slider");

            $(otherBlocks).animate({ width: minWidth + "px" }, { queue: false, duration: 400 });
            $(this).parent().animate({ width: maxWidth + "px" }, { queue: false, duration: 400 });

            lastBlock = this;
        }
    });

    // hide all minus symbols and videos.
    $("span.minus").hide();
	$("ul.promotionalBoxFour li div.object").hide();

    //when the mouse enters a list item.
    $("ul.promotionalBoxFour li div.slider div.titleBar").mouseover(function () {
        $(this).animate({ bottom: "-15px" }, { queue: false, duration: 50 });
    });
    //when the mouse leaves a list item.
    $("ul.promotionalBoxFour li div.slider div.titleBar").mouseout(function () {
        $(this).animate({ bottom: "-20px" }, { queue: false, duration: 50 });
    });

    //when you click slide 1.
    $("ul.promotionalBoxFour li.slide1 div.slider div.titleBar").click(function () {
        if ($(this).parent().hasClass('open')) {
            $("ul.promotionalBoxFour li.slide1 span.plus").hide();
            $("ul.promotionalBoxFour li.slide1 span.minus").show();
            $("ul.promotionalBoxFour li.slide2 span.plus, ul.promotionalBoxFour li.slide3 span.plus, ul.promotionalBoxFour li.slide4 span.plus").show();
            $("ul.promotionalBoxFour li.slide2 span.minus, ul.promotionalBoxFour li.slide3 span.minus, ul.promotionalBoxFour li.slide4 span.minus").hide();
            $("ul.promotionalBoxFour li.slide1 div.objectPlaceholder").hide();
            $("ul.promotionalBoxFour li.slide1 div.silverlightWrapper, ul.promotionalBoxFour li.slide1 div.object").show();
            $("ul.promotionalBoxFour li.slide2 div.objectPlaceholder, ul.promotionalBoxFour li.slide3 div.objectPlaceholder, ul.promotionalBoxFour li.slide4 div.objectPlaceholder").show();
            $("ul.promotionalBoxFour li.slide2 div div.silverlightWrapper, ul.promotionalBoxFour li.slide3 div div.silverlightWrapper, ul.promotionalBoxFour li.slide4 div div.silverlightWrapper").hide();
        }
    });

    //when you click slide 2.
    $("ul.promotionalBoxFour li.slide2 div.slider div.titleBar").click(function () {
        if ($(this).parent().hasClass('open')) {
            $("ul.promotionalBoxFour li.slide2 span.plus").hide();
            $("ul.promotionalBoxFour li.slide2 span.minus").show();
            $("ul.promotionalBoxFour li.slide1 span.plus, ul.promotionalBoxFour li.slide3 span.plus, ul.promotionalBoxFour li.slide4 span.plus").show();
            $("ul.promotionalBoxFour li.slide1 span.minus, ul.promotionalBoxFour li.slide3 span.minus, ul.promotionalBoxFour li.slide4 span.minus").hide();
            $("ul.promotionalBoxFour li.slide2 div.objectPlaceholder").hide();
            $("ul.promotionalBoxFour li.slide2 div div.silverlightWrapper, ul.promotionalBoxFour li.slide2 div.object").show();
            $("ul.promotionalBoxFour li.slide1 div.objectPlaceholder, ul.promotionalBoxFour li.slide3 div.objectPlaceholder, ul.promotionalBoxFour li.slide4 div.objectPlaceholder").show();
            $("ul.promotionalBoxFour li.slide1 div div.silverlightWrapper, ul.promotionalBoxFour li.slide3 div.silverlightWrapper, ul.promotionalBoxFour li.slide4 div.silverlightWrapper").hide();
        }
    });

    //when you click slide 3.
    $("ul.promotionalBoxFour li.slide3 div.slider div.titleBar").click(function () {
        if ($(this).parent().hasClass('open')) {
            $("ul.promotionalBoxFour li.slide3 span.plus").hide();
            $("ul.promotionalBoxFour li.slide3 span.minus").show();
            $("ul.promotionalBoxFour li.slide1 span.plus, ul.promotionalBoxFour li.slide2 span.plus, ul.promotionalBoxFour li.slide4 span.plus").show();
            $("ul.promotionalBoxFour li.slide1 span.minus, ul.promotionalBoxFour li.slide2 span.minus, ul.promotionalBoxFour li.slide4 span.minus").hide();
            $("ul.promotionalBoxFour li.slide3 div.objectPlaceholder").hide();
            $("ul.promotionalBoxFour li.slide3 div.silverlightWrapper, ul.promotionalBoxFour li.slide3 div.object").show();
            $("ul.promotionalBoxFour li.slide1 div.objectPlaceholder, ul.promotionalBoxFour li.slide2 div.objectPlaceholder, ul.promotionalBoxFour li.slide4 div.objectPlaceholder").show();
            $("ul.promotionalBoxFour li.slide1 div.silverlightWrapper, ul.promotionalBoxFour li.slide2 div.silverlightWrapper, ul.promotionalBoxFour li.slide4 div.silverlightWrapper").hide();
        }
    });

    //when you click slide 4.
    $("ul.promotionalBoxFour li.slide4 div.slider div.titleBar").click(function () {
        if ($(this).parent().hasClass('open')) {
            $("ul.promotionalBoxFour li.slide4 span.plus").hide();
            $("ul.promotionalBoxFour li.slide4 span.minus").show();
            $("ul.promotionalBoxFour li.slide1 span.plus, ul.promotionalBoxFour li.slide2 span.plus, ul.promotionalBoxFour li.slide3 span.plus").show();
            $("ul.promotionalBoxFour li.slide1 span.minus, ul.promotionalBoxFour li.slide2 span.minus, ul.promotionalBoxFour li.slide3 span.minus").hide();
            $("ul.promotionalBoxFour li.slide4 div.objectPlaceholder").hide();
            $("ul.promotionalBoxFour li.slide4 div.silverlightWrapper, ul.promotionalBoxFour li.slide4 div.object").show();
            $("ul.promotionalBoxFour li.slide1 div.objectPlaceholder, ul.promotionalBoxFour li.slide2 div.objectPlaceholder, ul.promotionalBoxFour li.slide3 div.objectPlaceholder").show();
            $("ul.promotionalBoxFour li.slide1 div.silverlightWrapper, ul.promotionalBoxFour li.slide2 div.silverlightWrapper, ul.promotionalBoxFour li.slide3 div.silverlightWrapper").hide();
        }
    });
});
