var _bImgZoomed = false;

function PageLoadSpecific()
{
    var nIdx = 0;   
    var tags = document.getElementById("divMiddleCol").getElementsByTagName("DIV");
    for( nIdx=0; nIdx < tags.length; nIdx++ )
    {
        if( tags[nIdx].className == "divProductList" )
        {   
            tags[nIdx].onmouseover = OnMouseOverOtrProduct;
            tags[nIdx].onmouseout = OnMouseOutOtrProduct;
        }
    }
    

    if( document.getElementById("divDownload") )
    {
        var tags = document.getElementById("divDownload").getElementsByTagName("DIV");
        for( nIdx=0; nIdx < tags.length; nIdx++ )
        {
            if( tags[nIdx].innerHTML != "" )
            {
                tags[nIdx].onmouseover = OnMouseOverDownload;
                tags[nIdx].onmouseout = OnMouseOutDownload;
                tags[nIdx].onclick = OnClickDownload;
            }
            else
                tags[nIdx].style.cursor = 'default';
        }
    }
    /*
    tags = document.getElementById("divMiddleCol").getElementsByTagName("DIV");
    for( nIdx=0; nIdx < tags.length; nIdx++ )
    {
        if( tags[nIdx].className == "divProductList" )
        {
            tags[nIdx].onclick = OnClickProduct;
        }
    }*/
    
    var tag = document.getElementById("UserControl1_imgProduct")
    if( tag )
    {
        tag.onclick = OnClickZoomProduct;
    }
    
    tags = document.getElementsByTagName("body");
    tags[0].onclick = OnClickBody;    
}

function OnMouseOverOtrProduct( evt )
{
    var div = GetEventObject(evt);
    while( div != null && div.className != "divProductList"  )
        div = div.parentNode;
        
    //aller chercher la "pastille" rouge avec la fleche blanche et l'afficher.
    if( div != null )
        div.getElementsByTagName("IMG")[0].style.display = "block";             
}

function OnMouseOutOtrProduct( evt )
{
    var div = GetEventObject(evt);
    while( div != null && div.className != "divProductList"  )
        div = div.parentNode;
        
    //aller chercher la "pastille" rouge avec la fleche blanche et la cacher.
    if( div != null )
        div.getElementsByTagName("IMG")[0].style.display = "none";             
}

function OnMouseOverDownload( evt )
{
    var div = GetEventObject(evt);
    while( div.tagName != "DIV" )
        div = div.parentNode;
    div.className = "divDwnlSelItm";
}

function OnMouseOutDownload( evt )
{
    var div = GetEventObject(evt);
    while( div.tagName != "DIV" )
        div = div.parentNode;
    div.className = "divDwnlItm";
}

function OnClickDownload( evt )
{
    var div = GetEventObject(evt);
    while( div.tagName != "DIV" )
        div = div.parentNode;
    
    //Aller chercher l'Url du lien contenu dans le DIV.
    window.location.href = div.getElementsByTagName("A")[0].href;
}

function OnClickProduct( evt )
{
    var div = GetEventObject(evt);
    while( div.className != "divProductList" )
        div = div.parentNode;
    
    //Aller chercher l'Url du premier lien.
    window.location.href = div.getElementsByTagName("A")[0].href;
}

function OnClickZoomProduct(evt)
{
    var img = GetEventObject(evt);
    var div = document.getElementById("divZoom");
    if( img && div )
    {
        div.style.position = "absolute";
        div.style.left = getRealLeft( img ) + 'px';
        div.style.top = getRealTop( img ) + 'px';
        div.style.display = "block";
        
        _bImgZoomed = true;
    }
}

function OnClickBody( evt )
{
    var tag = GetEventObject( evt );
    if( _bImgZoomed && tag.id != "UserControl1_imgProduct" )
    {
        var div = document.getElementById("divZoom");
        div.style.display = "none";     
    }
}