/// <reference path="jquery-1.4.1.js"/>

(function ($) {

    var name_space = 'ReelHandler';

    $.fn[name_space] = function () {

        var currentSelectionKey = "None";

        var contentsMap = {
            "None"           : ".disco_top",
            "reelplayer_btn1" : ".first_album",
            "reelplayer_btn2" : ".second_album",
            "reelplayer_btn3" : ".appli_1",
            "reelplayer_btn4" : ".pvs"
        };

        var selectorParent = ".reelbtns";

        var htmlMap = {
            "None"           : "",
            "reelplayer_btn1" : "",
            "reelplayer_btn2" : "",
            "reelplayer_btn3" : "",
            "reelplayer_btn4" : ""
        };

        return function (options) {

            currentSelectionKey = "None";

            var fadeSpeed = 200;
            var selectors = $(selectorParent).children();
            
            htmlMap["reelplayer_btn1"] = $(".first_album" ).html();
            htmlMap["reelplayer_btn2"] = $(".second_album").html();
            htmlMap["reelplayer_btn3"] = $(".appli_1"     ).html();

            $(".first_album" ).empty();
            $(".second_album").empty();
            $(".appli_1"     ).empty();

            selectors.each(function() {

                var thisKey = $(this).attr("class");
                $(contentsMap[thisKey]).css("opacity", 0);
                if ( thisKey == "reelplayer_btn3" )
                {
                    $(".hero_mini").css("opacity", 0);
                    $(".maji_mini").css("opacity", 0);                        
                }
                   
                $(this).click(function () {

                    var newSelectionKey = $(this).attr("class");

                    if ( newSelectionKey == currentSelectionKey )
                        return;

                    var newContentsObjectName = contentsMap[newSelectionKey];         
                    var oldContentsObjectName = contentsMap[currentSelectionKey];
                    
                    $(newContentsObjectName).append(htmlMap[newSelectionKey]);
                             
                    $(newContentsObjectName).animate({opacity : 1.0}, fadeSpeed, function(){$(".prettyPhoto").prettyPhoto({theme: 'facebook'});}); // , /* light_rounded / dark_rounded / light_square / dark_square / facebook */
                    $(oldContentsObjectName).animate({opacity : 0.0}, fadeSpeed, function(){$(oldContentsObjectName).empty()});

                    if ( newSelectionKey == "reelplayer_btn3" )
                    {
                        $(".hero_mini").animate({opacity : 1.0}, fadeSpeed);
                        $(".maji_mini").animate({opacity : 1.0}, fadeSpeed);                        
                    }

                    if ( currentSelectionKey == "reelplayer_btn3" )
                    {
                        $(".hero_mini").animate({opacity : 0.0}, fadeSpeed);
                        $(".maji_mini").animate({opacity : 0.0}, fadeSpeed);                        
                    }

                    currentSelectionKey = newSelectionKey;
                });            
            });

            $('.openreelimg').click(function () {currentSelectionKey = "None"});
            $('#Musics').click(function () {currentSelectionKey = "None"});

            return this;
        };

    }();

})(jQuery);

(function ($) {

    var name_space = 'ReelHandlerIE';

    $.fn[name_space] = function () {

        var currentSelectionKey = "None";

        var contentsMap = {
            "None"           : ".disco_top",
            "reelplayer_btn1" : ".first_album",
            "reelplayer_btn2" : ".second_album",
            "reelplayer_btn3" : ".appli_1",
            "reelplayer_btn4" : ".pvs"
        };

        var selectorParent = ".reelbtns";

        var htmlMap = {
            "None"           : "",
            "reelplayer_btn1" : "",
            "reelplayer_btn2" : "",
            "reelplayer_btn3" : "",
            "reelplayer_btn4" : ""
        };

        return function (options) {

            currentSelectionKey = "None";

            var fadeSpeed = 200;
            var selectors = $(selectorParent).children();
            
            htmlMap["reelplayer_btn1"] = $(".first_album" ).html();
            htmlMap["reelplayer_btn2"] = $(".second_album").html();
            htmlMap["reelplayer_btn3"] = $(".appli_1"     ).html();

            $(".first_album" ).empty();
            $(".second_album").empty();
            $(".appli_1"     ).empty();

            selectors.each(function() {

                var thisKey = $(this).attr("class");
                if ( thisKey == "reelplayer_btn3" )
                {
                    $(".hero_mini").hide();
                    $(".maji_mini").hide();                        
                }
                $(contentsMap[thisKey]).toggle();

                   
                $(this).click(function () {

                    var newSelectionKey = $(this).attr("class");

                    if ( newSelectionKey == currentSelectionKey )
                        return;

                    var newContentsObjectName = contentsMap[newSelectionKey];         
                    var oldContentsObjectName = contentsMap[currentSelectionKey];
                    
                    $(newContentsObjectName).append(htmlMap[newSelectionKey]);
                             
                    $(newContentsObjectName).show(fadeSpeed, function(){$(".prettyPhoto").prettyPhoto({theme: 'facebook'});}); // , /* light_rounded / dark_rounded / light_square / dark_square / facebook */
                    $(oldContentsObjectName).toggle(fadeSpeed, function(){$(oldContentsObjectName).empty()});

                    if ( newSelectionKey == "reelplayer_btn3" )
                    {
                        $(".hero_mini").show(fadeSpeed);
                        $(".maji_mini").show(fadeSpeed);                        
                    }

                    if ( currentSelectionKey == "reelplayer_btn3" )
                    {
                        $(".hero_mini").toggle(fadeSpeed);
                        $(".maji_mini").toggle(fadeSpeed);                        
                    }



                    currentSelectionKey = newSelectionKey;
                });            
            });

            $('.openreelimg').click(function () {currentSelectionKey = "None"});
            $('#Musics').click(function () {currentSelectionKey = "None"});

            return this;
        };

    }();

})(jQuery);

(function ($) {

    var name_space = 'ReelMessageHandler';

    $.fn[name_space] = function () {

        var currentSelectionKey = "None";

        var message = new Array("Hello.", "I am Openreel.", "Play me!" );
        
        var timer; 

        return function (options) {

            $(".reelplayer").click( function() {
                clearInterval(timer);
                $(".reelplayer_message").fadeOut(100);
                showMessages();
            } );

            var fade = 400;

            var showMessages = function () {
                var i = 0;
                $(".reelplayer").effect("bounce", { distance : 20, times: 2 }, 500, function(){ $(".reelplayer_message").fadeOut(fade, function(){ $(".reelplayer_message").empty(); $(".reelplayer_message").append(message[i]); $(".reelplayer_message").fadeIn(fade); i++;} ) });                        
                                
                timer = setInterval(
                    function () {

                        $(".reelplayer_message").fadeOut(fade, function(){ $(".reelplayer_message").empty(); $(".reelplayer_message").append(message[i]);  $(".reelplayer_message").fadeIn(fade, function(){i++; if (i>=3){  setTimeout("buttunFlash()", 700); } }); } );                        
                        
                        if (i==2)
                        {
                            clearInterval(timer);
                        }
                        return;
                    },
                    2300
                );
            };
  
            return this;
        };

    }();

})(jQuery);

var buttunFlash = function () {
    var fadeSpeed = 100;
    $(".reelplayer_btn1").animate({opacity : 1.0}, fadeSpeed, function(){
        $(".reelplayer_btn2").animate({opacity : 1.0}, fadeSpeed, function(){
            $(".reelplayer_btn1").animate({opacity : 0.0}, fadeSpeed);
            $(".reelplayer_btn3").animate({opacity : 1.0}, fadeSpeed, function(){
                $(".reelplayer_btn2").animate({opacity : 0.0}, fadeSpeed);
                $(".reelplayer_btn4").animate({opacity : 1.0}, fadeSpeed, function(){
                    $(".reelplayer_btn3").animate({opacity : 0.0}, fadeSpeed, function(){
                        $(".reelplayer_btn4").animate({opacity : 0.0}, fadeSpeed);                    
                    });               
                });
            });
        });
    });
}