var HighlightImage = new Image();
//HighlightImage.src= "/files/images/global/panel-hi.gif";


function DetectVersion()
{
    var xmlHttp = null;
    
    try
    {
        xmlHttp = new XMLHttpRequest(); //IE7, Firefox, Safari etc
        return true;
    }
    catch(e)
    {
        return false;
    }
}









function Resize()
{
    if(DetectVersion())
    {
       ContainerWidth = document.getElementById("productpromotionpanels").offsetWidth-10;
       DefaultPanelWidth = 312 + 20;
       
       Numberofpanels = parseInt(ContainerWidth / DefaultPanelWidth);
       
       if(Numberofpanels>4) Numberofpanels = 4;
       
       GreySpace = ContainerWidth - (Numberofpanels*DefaultPanelWidth);
       
       GreySpacePerPanel = parseInt(GreySpace/Numberofpanels);
       
           elems = document.getElementsByTagName("div");
           for (var i=0;i<elems.length;i++) 
           {    
                //alert(elems[i].className);
                if(elems[i].className=="promotionalpanel" || elems[i].className=="promotionalpanelheader")
                {
                    elems[i].style.width = (DefaultPanelWidth-22) + GreySpacePerPanel + "px";
                }
           }
       }
}


function Highlight(Panel, Highlight)
{
    PanelImage = null;
    
     images = document.getElementsByTagName("img");
   
    for (var i=0;i<images.length;i++) 
    {
        if(images[i].id=="effect")
        {
            images[i].style.display = 'none';
        }
    }
   
    images = Panel.parentNode.parentNode.getElementsByTagName("img");
   
    for (var i=0;i<images.length;i++) 
    {
        if(images[i].id=="effect")
        {
            PanelImage = images[i];
        }
    }
    
    if(Highlight)
    {
        if(PanelImage.src!="") PanelImage.src = HighlightImage.src;
        
        //width = parseInt(Panel.style.width.replace("px", ""));
        PanelImage.style.width = Panel.style.width;
       
        
        PanelImage.style.height = "150px";
        PanelImage.parentNode.style.height = "0px";
       
        
        PanelImage.style.display = 'block';
    }
    else
    {
        PanelImage.style.display = 'none';
        //PanelImage.src = "";
    }
}




function Load()
{
     window.onresize = Resize;
    Resize();
}