var FlgSwitcher = false;

jQuery.fn.bannerContoroll = function() {

    var targetObj = jQuery("#newindex-banner-wrapper");
    var targetInnerObj = jQuery("#newindex-newatopic_viewer,#newindex-banner-navi");

    var targetController = jQuery("#newindex-banner-controller-switcher");
    var btnCloser = jQuery("#switcher-closer");
    var btnOpener = jQuery("#switcher-opener");
    
    var $objCloser = jQuery("<img />");
    $objCloser.addClass("overop");
    $objCloser.attr({
        "src":"http://wailea.co.jp/cms_veri/wp-content/themes/wailea-type01/images/newindex/button_opener.png" ,
        "alt":"CLOSE",
        "ID" :"switcher-closer"
    });
    $objCloser.css({
        "display":"block" ,
        "opacity":1 ,
        "cursor":"pointer"
    });
    
    var $objOpener = jQuery("<img />");
    $objOpener.addClass("overop");
    $objOpener.attr({
        "src":"http://wailea.co.jp/cms_veri/wp-content/themes/wailea-type01/images/newindex/button_opener_open.png" ,
        "alt":"OPEN",
        "ID" :"switcher-opener"
    });
    $objOpener.css({
        "display":"block" ,
        "opacity":1 ,
        "cursor":"pointer"
    });
    
    var openFunc = function(){
    
        targetController.empty();
        targetController.append($objCloser);

        targetObj.animate( {
            "margin-left": "0"
        } , 600 ,function(){
        

            $objCloser.css("display","block");
            $objCloser.animate({ "opacity" : 1 }, 150 );
            $objCloser.click(closeFunc);
            
            targetInnerObj.css("display","block");
            targetInnerObj.animate({ 
                "opacity" : 100
            }, 350);
            
        });
        
        FlgSwitcher = false;
    }
    
    var closeFunc = function(){
        
        targetInnerObj.animate({ 
            "opacity" : 0
        }, 150 ,function(){
            targetObj.animate({
                "margin-left": "-250px"
            }, 450 ,
                function(){
    
                    targetController.empty();
                    targetController.append($objOpener);
                    $objOpener.css("display","block");
                    $objOpener.animate({ "opacity" : 1 }, 150 );
                    $objOpener.click(openFunc);
                    
                }
            )
        });
        
        FlgSwitcher = true;
    }
    
    jQuery("#switcher-closer").click(closeFunc);
};


jQuery(function(){ 
    jQuery("#switcher-closer").css("cursor","pointer");
    jQuery("#newindex-banner-wrapper").bannerContoroll();
});