var _detailsDIV;
var _timeout;

function showProductDetails(li) {
    if(!_detailsDIV) {
        _detailsDIV = document.getElementById('divProductDetails');
        
        var productdiv = document.getElementById('products');
        
        if(window.location.href.indexOf('/ar/') < 0) {
			_detailsDIV.style.left = (getLeft(productdiv) - 1 - 312) + 'px';
		}
		else {
			_detailsDIV.style.left = (getLeft(productdiv) - 1 + productdiv.offsetWidth) + 'px';
		}
        _detailsDIV.style.top = getTop(productdiv) + 'px';
    }
    
    if(_detailsDIV) {
        clearTimeout(_timeout);
        
        var title = li.getElementsByTagName('span')[0].innerHTML;
        var divOtherDetails = li.getElementsByTagName('div')[0];
        
        var image = divOtherDetails.getElementsByTagName('img');
        if(image.length > 0)
            image = image[0];
        else
            image = null;
            
        var tdDetails = divOtherDetails.getElementsByTagName('td');
        var desc = tdDetails[0].innerHTML;
        var url = tdDetails[1].innerHTML;
        
        var img = _detailsDIV.getElementsByTagName('img')[0];
        if(image) {
            img.src = image.src;
            img.alt = image.alt;
            
            img.style.display = '';
        }
        else {
            img.style.display = 'none';
        }
        
        var h3 = _detailsDIV.getElementsByTagName('h3')[0];
        h3.innerHTML = title;
        
        var td = _detailsDIV.getElementsByTagName('td')[0];
        td.innerHTML = desc;
        
        td = _detailsDIV.getElementsByTagName('td')[1];
        if(url.length > 0) {
            td.innerHTML = url;
            td.style.display = '';
        }
        else {
            td.style.display = 'none';
        }
        
        _detailsDIV.style.display = '';
    }
}


function hideProductDetails() {
    _timeout = setTimeout(hideProductDetailsNow, 1000);
}

function hideProductDetailsNow() {
    if(_detailsDIV) {
        _detailsDIV.style.display = 'none';
    }
}

function keepShowingProductDetails() {
    clearTimeout(_timeout);
}


function getLeft(obj) {
    if(!obj || obj.id == 'wrapper') {
        return 0;
    }
    else {
        return obj.offsetLeft + getLeft(obj.offsetParent);
    }
}
function getTop(obj) {
    if(!obj || obj.id == 'wrapper') {
        return 0;
    }
    else {
        return obj.offsetTop + getTop(obj.offsetParent);
    }
}