$(document).ready(function(){
    $('#leftStaticPanel').click(function(){
        // $('#leftSlidePanel').toggle('fast');
        $('#leftSlidePanel').toggle('fast', function(){
            if (this.style.display != "none")
            {
                jQuery('ul#accCollection').trigger("accordeonRebuilded");
                jQuery('ul#accCollection').trigger("visible");
            }
            else
            {
                jQuery('ul#accCollection').trigger("hidden");
            }
        });

        $('.logo h1').toggle('slow');
        /*var heightSP = ($('#leftSlidePanel').css('height', jQuery('body').css('height'))) - 3;*/
    });

    $('.closeBlackPanel').click(function(){
        $('#leftSlidePanel').hide();
        $('.logo h1').show();
    });

});

function protectLeftAccordionFromSWF()
{
    var leftHeaderPosition = $("#pnlRelativeHeader").position();
    var leftStaticPosition = $("#leftStaticPanel").position();
    protectMozillaDivFromFlash("leftSlidePanel", leftHeaderPosition.left + 1 + (leftStaticPosition.left > 0 ? leftStaticPosition.left : (-1 * leftStaticPosition.left)));

    setTimeout(function(){
        protectLeftAccordionFromSWF();
    }, 50);
}


/**
 * Protects Login window in Mozilla
 *
 * @param  {String} htmlObjectId
 * @param  {Number} posLeft
 * @return void
 */
function protectMozillaDivFromFlash(htmlObjectId, posLeft)
{
    if (jQuery.browser.msie) return;

    var protectedObject = jQuery("#" + htmlObjectId);

    // --- Creting Protect Frame for Div Element --- //
    var protectFrameId = htmlObjectId + '_ProtectFrame';

    if (!protectedObject.is(':visible'))
    {
        jQuery('#' + protectFrameId).hide();
        return;
    }

    if (!jQuery("#" + protectFrameId).length)
    {
        jQuery('body').append('<iframe id="' + protectFrameId + '"  style="position: absolute; display: block;" src="javascript:false;" frameBorder="0" scrolling="no"></iframe>');
    }

    var frmHover  = jQuery('#' + protectFrameId);
    var objectPosition = protectedObject.position();
    frmHover.css('left', (objectPosition.left + posLeft) + "px");
    frmHover.css('top', protectedObject.css('top'));
    frmHover.width(protectedObject.width());
    frmHover.height(protectedObject.height());
    frmHover.css('zIndex', 1000);
    frmHover.show();

    protectedObject.css('zIndex', frmHover.css('zIndex') + 20);

    return protectFrameId;
}

