var selIconIndex = -1;
var selIconOffState;
var selThumbOffState;

function closeInfoPop()
{

    var popObj = document.getElementById('infopop');
    var iconObj = document.getElementById('propicon' + selIconIndex);
    var thumbObj = document.getElementById('propthumb' + selIconIndex);
    popObj.style.visibility='hidden';
    iconObj.src = selIconOffState;
    thumbObj.src = selThumbOffState;
    selIconIndex = -1;
    //popObj.style.display='none';
}

function openInfoPop(thumbonpath, icononpath, thumbpath, iconpath, lft, tp, redirpath, iconid, ttl, dsc, img)
{
//alert(dsc);
//alert(ttl);
//alert(iconid);
//alert(id);
    var iconObj;
    var thumbObj;
    //alert(iconid);
    //alert(selIconIndex);
    if(selIconIndex==iconid)
    {
        selThumbOffState = thumbpath;
        selIconOffState = iconpath;
        closeInfoPop();
    }
    else
    {
        if(selIconIndex>=0)
        {
            try
            {
                iconObj = document.getElementById('propicon' + selIconIndex);
                thumbObj = document.getElementById('propthumb' + selIconIndex);
                iconObj.src = selIconOffState;
                thumbObj.src = selThumbOffState;
            }
            catch(err)
            {
                selIconOffState = -1;
                selThumbOffState = -1;
            }
        }
        selIconIndex = iconid;
        iconObj = document.getElementById('propicon' + iconid);
        thumbObj = document.getElementById('propthumb' + iconid);
        var popObj = document.getElementById('infopop');
        var popTitleObj = document.getElementById('popTitle');
        var popDescObj = document.getElementById('popDesc');
        var popImageObj = document.getElementById('popImage');
        var popDetailsObj = document.getElementById('popDetails');
        //popObj.style.display='inline';

        iconObj.src = icononpath;
        thumbObj.src = thumbonpath;
        
        popImageObj.src = 'Assets/s.gif';
        
        popImageObj.src = img;
        
        popObj.style.top = tp + 'px';
        popObj.style.left = lft + 'px';
        popTitleObj.innerHTML=ttl;
        popDescObj.innerHTML=dsc;
        popDetailsObj.href=redirpath;
        popObj.style.visibility='visible';
        //alert('tp=' + tp + ' top=' + popObj.style.top);
        //alert('lft=' + lft + ' left=' + popObj.style.left);
    }
}

function rollIcon(thumbpath, iconpath, id)
{
    //alert('over');
    var thumbObj = document.getElementById('propthumb' + id);
    var iconObj = document.getElementById('propicon' + id);
    //alert(id);
    //alert(selIconIndex);
    if(parseInt(id)!=selIconIndex)
    {
        thumbObj.src = thumbpath;
        iconObj.src = iconpath;
    }
    else
    {
        selThumbOffState = thumbpath;
        selIconOffState = iconpath;
    }
}

function rollThumb(thumbpath, iconpath, id)
{
    //alert('over');
    var thumbObj = document.getElementById('propthumb' + id);
    var iconObj = document.getElementById('propicon' + id);
    //alert(id);
    //alert(selIconIndex);
    if(parseInt(id)!=selIconIndex)
    {
        //alert(iconObj.id);
        thumbObj.src = thumbpath;
    }
    else
    {
        selThumbOffState = thumbpath;
        selIconOffState = iconpath;
    }
}