/* Summary: Shows panel if hidden and hides it if shown
   Parameters:
        * ctlSender - sender object
        * ctlPanel - panel that will be shown 
*/
function ShowHideTemplatePanel(ctlSender, ctlPanelId)
{    
    var ctlPanel = document.getElementById(ctlPanelId);       
    if (ctlPanel.className == 'Main_Hidden')
    {
        ShowTemplatePanel(ctlSender, ctlPanelId);
    }
    else
    {
        HideTemplatePanel(ctlSender, ctlPanelId);
    }       
} 

/* Summary: Shows panel if hidden and hides it if shown
   Parameters:
        * ctlSender - sender object
        * ctlPanel - panel that will be shown 
*/
function ShowHideTemplatePanel(ctlSender, ctlPanelId, bAlignLeft)
{        
    var ctlPanel = document.getElementById(ctlPanelId);       
    if (ctlPanel.className == 'Main_Hidden')
    {
        ShowTemplatePanelAlign(ctlSender, ctlPanelId, bAlignLeft);                    
    }
    else
    {
        HideTemplatePanel(ctlSender, ctlPanelId);                
    }       
} 

/* Summary: Shows panel if hidden and hides it if shown
   Parameters:
        * ctlSender - sender object
        * ctlPanel - panel that will be shown 
*/
function ShowHideTemplatePanelFlash(ctlSender, ctlPanelId, bAlignLeft, sFlashName)
{        
    var ctlPanel = document.getElementById(ctlPanelId);           
    if (ctlPanel.className == 'Main_Hidden')
    {        
        ShowTemplatePanelAlign(ctlSender, ctlPanelId, bAlignLeft);                                                                                
        PlayFlashMovie(sFlashName);    
    }
    else
    {
        //StopFlashMovie(sFlashName);  
        //RewindFlashMovie(sFlashName);      
        HideTemplatePanel(ctlSender, ctlPanelId);                    
    }       
}

/* Summary: Shows panel if hidden and hides it if shown
   Parameters:
        * ctlSender - sender object
        * ctlPanel - panel that will be shown 
*/
function ShowHideTemplatePanel(ctlSender, ctlPanelId, bAlignLeft, sFlowplayerId)
{    
    var ctlPanel = document.getElementById(ctlPanelId);       
    if (ctlPanel.className == 'Main_Hidden')
    {
        ShowTemplatePanelAlign(ctlSender, ctlPanelId, bAlignLeft);        
        $f(sFlowplayerId).play();
    }
    else
    {
        HideTemplatePanel(ctlSender, ctlPanelId);
        $f(sFlowplayerId).stop();
    }       
}        

/* Summary: Shows panel
   Parameters:
        * ctlSender - sender object
        * ctlPanel - panel that will be shown 
*/
function ShowTemplatePanel(ctlSender, ctlPanelId)
{    
    ShowTemplatePanelAlign(ctlSender, ctlPanelId, true);
}  

/* Summary: Shows panel
   Parameters:
        * ctlSender - sender object
        * ctlPanel - panel that will be shown 
        * bAlignLeft - panel alined left flag
*/
function ShowTemplatePanelAlign(ctlSender, ctlPanelId, bAlignLeft)
{              
    var ctlPanel = document.getElementById(ctlPanelId); 
    
    ctlPanel.className = 'visibilityHidden';  
    
    var nLeft = OffsetLeft(ctlSender) + ctlSender.offsetWidth + 30;        
    
    if (!bAlignLeft)
    {      
        if (GetBrowserAgent() != BrowserAgents.IE6)
        {                      
            if (nLeft + ctlPanel.offsetWidth > WindowWidth())
            {
                nLeft = WindowWidth() - ctlPanel.offsetWidth;
            }
        }
    }
    else
    {
        nLeft = OffsetLeft(ctlSender) - (ctlPanel.offsetWidth + 30);
    }
      
    var nTop = OffsetTop(ctlSender) - ctlPanel.offsetHeight / 2 + ctlSender.offsetHeight / 2;     
     
    if (nTop < 0)
    {
        nTop = 0;
    }   
                   
    ctlPanel.style.top = nTop.toString() + 'px';  
    ctlPanel.style.left = nLeft.toString() + 'px';                     
    
    ctlPanel.className = 'Main_NotHidden';  
}

/* Summary: Hides panel
   Parameters:
        * ctlSender - sender object
        * ctlPanelId - panel that will be hidden 
*/
function HideTemplatePanel(ctlSender, ctlPanelId)
{
    var ctlPanel = document.getElementById(ctlPanelId);  
    
    ctlPanel.className = 'Main_Hidden';               
}