var tmrPhotoPopupDiv;
var timeoutInterval = 200;
var sPhotoPopupDivName = 'floatingDivPhotoPopUp';
var popupPropertyLinks = 'popupPropertyLinks';

var ieFix = null;

function showDelayedPhotoPopupDiv2(img, propUrl, imgUrl1, imgUrl2, imgUrl3, imgUrl4)
{  
    document.getElementById("imgProperty").src = imgUrl1;
    document.getElementById("imgProperty1").src = imgUrl1;
    document.getElementById("imgProperty2").src = imgUrl2;
    document.getElementById("imgProperty3").src = imgUrl3;
    document.getElementById("lnkDetails").href = propUrl;
    document.getElementById("lnkContact").href = propUrl.replace(/propertyoverview/i,'lead');
    if (imgUrl1 == '')
    {
        document.getElementById("imgProperty").style.visibility = "hidden";
        document.getElementById("imgProperty1").style.visibility = "hidden";
    }
    else
    {
        document.getElementById("imgProperty").style.visibility = "visible";
        document.getElementById("imgProperty1").style.visibility = "visible";
    }
    if (imgUrl2 == '')
        document.getElementById("imgProperty2").style.visibility = "hidden";
    else
        document.getElementById("imgProperty2").style.visibility = "visible";
    if (imgUrl3 == '')
        document.getElementById("imgProperty3").style.visibility = "hidden";
    else
        document.getElementById("imgProperty3").style.visibility = "visible";
   
    var divPopup = document.getElementById(sPhotoPopupDivName);
    divPopup.style.position = "absolute";
    divPopup.style.left = (img.offsetParent.offsetLeft + img.offsetWidth + 160) + 'px';
    divPopup.style.top = (img.offsetParent.offsetTop - 80) + 'px';    
    divPopup.style.display = "block";
    
    ieFix = new IE6Select(document.getElementById(sPhotoPopupDivName));
    ieFix.Hide();
    
    var popup = new JPositioner(document.getElementById(sPhotoPopupDivName));

    var links = new JPositioner(document.getElementById(popupPropertyLinks));
    document.getElementById(popupPropertyLinks).style.left = ((popup.w - links.w) / 2) + "px";
    selectImage(document.getElementById("imgProperty1"));
    return false;
}

function selectImage(img)
{ 
    var tempImg = new Image();
    tempImg.src = img.src;
    tempImg.className = "";
    var bigImg = document.getElementById("imgProperty");
    bigImg.className = "";
    bigImg.src = tempImg.src;
    bigImg.width = tempImg.width;
    bigImg.height = tempImg.height;
    
    resizeImageSr(bigImg, 196, 146, 'imgPopup');
    return;
}

function resizeImage(img)
{
    var iImgHeight = img.height;
    var iImgWidth = img.width;
    var iMaxHeight = img.offsetParent.style.height.replace(/px/,'');
    var iMaxWidth = img.offsetParent.style.width.replace(/px/,'');
    
    iMaxHeight = img.offsetParent.offsetHeight;
    iMaxWidth = img.offsetParent.offsetWidth;
    resizeMCImage(img, img);

    return;
}

function resizeImageSr(img, imgWidth, imgHeight, styleClass){
	if(img.width<img.height){
		iMaxHeight = imgHeight;
		iMaxWidth = imgWidth;
		resizeMCImage(img, img);
	}
	else
	{
	    if (styleClass == null)   
		    img.className='srPhotoLg';
		else
		    img.className=styleClass;
	}
	return;
}

function hideDelayedPhotoPopupDiv2()
{
    document.getElementById(sPhotoPopupDivName).style.display = "none";
    ieFix.UndoHide();
}

function setFloatingDivPos2(divElement, offsetLeft, offsetTop) {

    var divElementLeft, divElementTop;
    var relElementLeft = 0;
    var relElementTop = 0;   
    var relElementLeftContainer, relElementLeftContainer;
    
    if (navigator.appName != 'Netscape') {
        relElementLeft = getElementLeft(relElement, document.getElementById('divContentPlaceHolder1'));
        relElementTop = getElementTop(relElement, document.getElementById('divContentPlaceHolder1'));
    } else {
        // Issue with Firefox not recognizing the element divContentPlaceHolder1 in the element heirarchy.
        // So had to go with the cludgy way of navigating to the divContentPlaceHolder1 element
        // by a defined number of levels up in the heirarchy
        var ele = relElement;
        for (iLevel=1;iLevel<=numLevels;iLevel++) {
            relElementLeft += ele.offsetLeft;
            relElementTop += ele.offsetTop;
            ele = ele.offsetParent;
        }

    }

   divElementLeft = relElementLeft + offsetLeft;
   divElementTop = relElementTop + offsetTop;

   // Check if the entire popup is within the window view
   relElementTopContainer = getElementTop(relElement, document.getElementById('container'));
   var diff = relElementTopContainer - relElementTop;
    if ((divElementTop + divElement.offsetHeight + diff) > document.documentElement.scrollTop + document.documentElement.clientHeight) {
        divElementTop = document.documentElement.clientHeight + document.documentElement.scrollTop - diff - divElement.offsetHeight;
       } else {
            if (divElementTop + diff < document.documentElement.scrollTop) {
                divElementTop = (document.documentElement.scrollTop - diff);
            }
      }

    divElementTop_Popup = divElementTop;
    relElementTop_Popup = relElementTop;

    divElement.style.left = divElementLeft + 'px';
    divElement.style.top = divElementTop + 'px';    
    divElement.style.visibility = "visible";

}




function hideDelayedPhotoPopupDiv() {
    clearTimeout(tmrPhotoPopupDiv);
}

function hidePhotoPopupDiv() {

    clearTimeout(tmrPhotoPopupDiv);
    document.getElementById(sPhotoPopupDivName).style.visibility = "hidden";
    
}

function showDelayedPhotoPopupDiv(tdPhotoId, name, address, city, state, zipcode, phone, imageUrl, detailsUrl, leadUrl, bRenderAllLinks) {

    var fnc = "showPhotoPopupDiv('" + tdPhotoId + "', '" + name + "', '" + address + "', '" + city + "', '" + state + "', '" + zipcode + "', '" + phone + "', '" + imageUrl + "', '" + detailsUrl + "', '" + leadUrl + "', " + bRenderAllLinks + ")";
    tmrPhotoPopupDiv = window.setTimeout(fnc, timeoutInterval);
    
}

function showPhotoPopupDiv(tdPhotoId, name, address, city, state, zipcode, phone, imageUrl, detailsUrl, leadUrl, bRenderAllLinks) {

    document.getElementById("tdPropName").innerHTML = name.replace("|", "'");
    document.getElementById("imgProperty").src = imageUrl;
    document.getElementById("tdAddress").innerHTML = address.replace("|", "'");
    document.getElementById("tdCityStateZip").innerHTML = city.replace("|", "'") + ", " + state + " " + zipcode;
    if (bRenderAllLinks) {
        document.getElementById("lnkContactProperty").href = leadUrl;
    }
     else {
        document.getElementById("tdImageFiller").style.display = "none";
        document.getElementById("lnkContactProperty").style.display = "none";
    }

    document.getElementById("lnkPropertyDetails").href = detailsUrl.replace("|", "'");

    var divPopup = document.getElementById(sPhotoPopupDivName);
    var tdPhoto = document.getElementById(tdPhotoId);

    // Issue with Firefox not recognizing the element divContentPlaceHolder1 in the element heirarchy.
    // So had to go with the cludgy way of navigating to the divContentPlaceHolder1 element
    // by a defined number of levels up in the heirarchy
    // numLevels is the number of levels up in element heirarchy of divContentPlaceHolder1 with respect to the divPopup element
    var numLevels;
    var pageURL = window.location.href;
    if (pageURL.search(/propertymanagement.aspx/) >= 0)
        numLevels = 6;
    else 
       numLevels = 4;
    setFloatingDivPos(divPopup, tdPhoto, tdPhoto.offsetWidth + 13, tdPhoto.offsetHeight - divPopup.offsetHeight, numLevels);

    // Set the position of the arrow
    var eleArrow = document.getElementById("divArrow");
    eleArrow.style.top = (relElementTop_Popup - divElementTop_Popup) + 'px';
}