function obj(id)
{
    return document.getElementById(id);
}
function switchSlide(oldId, newId)
{
    var oldSlide=obj(oldId);
    var newSlide=obj(newId);
    if(oldSlide && newSlide)
    {
        oldSlide.style.display = "none";
        newSlide.style.display = "block";
    }
    
    var oldSmallSlide = obj("SlideSmallImage" + retrieveID(oldId));
    var newSmallSlide = obj("SlideSmallImage" + retrieveID(newId));
    if(oldSmallSlide && newSmallSlide)
    {
        oldSmallSlide.style.display = "none";
        newSmallSlide.style.display = "block";
    }
}

function retrieveID(str)
{
    var retval = "";
    if(str.length > 5)
        retval = str.substring(5);

    return retval

}



function mouseX(evt) 
{
    if (!evt) evt = window.event; 
    if (evt.pageX) 
        return evt.pageX; 
    else if (evt.clientX)
        return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
    else 
        return 0;
}

function mouseY(evt) 
{
    if (!evt) evt = window.event; 
    if (evt.pageY) 
        return evt.pageY; 
    else if (evt.clientY)
        return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
    else 
        return 0;
}

function follow(evt) 
{
    var offX = 15; 
    var offY = 15; 
    if (document.getElementById) 
    {
        var obj = document.getElementById('ProdInfo').style; 
        obj.visibility = 'visible';
        
        obj.left = (parseInt(mouseX(evt))+offX) + 'px';
        obj.top = (parseInt(mouseY(evt))+offY) + 'px';
    }
}

function setData(objDataId, prodName)
{
    var objProdInfo = document.getElementById('ProdInfo'); 
    objProdInfo.innerHTML = prodName + '<br />';

    
    var i = 0;
    var objData = document.getElementById(objDataId + "_" + i); 
    while(objData != null)
    {
        objProdInfo.innerHTML += objData.innerHTML;
        i++;
        objData = document.getElementById(objDataId + "_" + i); 
    }
    if(mouseoverinfo)
    {
        objProdInfo.innerHTML += mouseoverinfo;
    }
}

function hide()
{
    var obj = document.getElementById('ProdInfo'); 
    obj.style.visibility = 'hidden';
    obj.innerHTML = '';
}