var offsetfrommouse=[15,25];
var defaultimageheight = 500;
var defaultimagewidth = 500;


function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function showimage(imagename,title,width,height,HoverIMG,HoverIMG1)
{
    var details=title.split("~");
    var subDet=details[0].split(":");
    var subDet2=details[1].split(":");
    var subDet3=details[2].split(":");
    var subDet4=details[3].split(":");
    var subDet5=details[4].split(":");
    if(details[5]) 
    {
        var subDet6=details[5].split(":");
    }
    
    if(details[6])
    {
        var subDet7=details[6].split(":");
    }
    if(details[7]!=undefined)
    var subDet8=details[7].split(":");
    if(details[8]!=undefined)
    var subDet9=details[8].split(":");

    if((details[10]!='' && details[10]!=undefined) || (details[11]!='' && details[11]!=undefined))
    {
        var startingBidText='Starting Bid';
        var startingBidValue='';
        var previouslyValuedText='Previously Valued To';
        var previouslyValuedValue='';
        var bulkSell="yes";
        var startingBidArray=details[10].split(":");
        startingBidText=startingBidArray[0];
        startingBidValue=startingBidArray[1];
		if(details[11]!='' && details[11]!=undefined){
			var previouslyValuedArray=details[11].split(":");
			previouslyValuedText=previouslyValuedArray[0];
			previouslyValuedValue=previouslyValuedArray[1];
		}
    }

	/*if(details[13]!='' && details[13]!=undefined){
		var subDet14=details[13].split(":");
		if(subDet14[1]=='1')
			var pre_foreclosure=1;
		else
			var pre_foreclosure=0;
	}else{
		var pre_foreclosure=0;
	}*/
		var pre_foreclosure=0;

    document.getElementById("preview_div").style.display='block';
	if(pre_foreclosure==1)
	{
		if(imagename!='')
		{
			newHTML = '<div class="border_preview"><table width="' + (2*width) + '" border="0" cellspacing="0" cellpadding="4" class="greytxt"><tr>';
			newHTML = newHTML +'<td width="50%" align="center" bgcolor="#FEFBEF" class="blu12 brdrbtm">';
			if(HoverIMG!="" || HoverIMG1!="")
			{
				newHTML = newHTML + '<div class="preview_temp_load"><table width="' + width + '" height="' + height + '" border="0" align="left" cellpadding="0" cellspacing="0" class="border-img"><tr><td width="' + width + '" height="' + height + '" style="background-image:url('+imagename+'); background-repeat:no-repeat; background-position:center;cursor:pointer;" valign="bottom">';
				if(HoverIMG!="")
				  newHTML = newHTML +'<img src="images/'+HoverIMG+'" border="0" controls="controls" align="right"/>' ;
				if(HoverIMG1!="")
				  newHTML = newHTML +'<img src="images/'+HoverIMG1+'" border="0" controls="controls" align="center"/>' ;
				
				newHTML = newHTML +'</td> </tr></table></div>';
			}else{
				newHTML = newHTML + '<div class="preview_temp_load"><img src="' + imagename + '" class="border" width="' + width + '" height="' + height + '"></div>';
			}
			newHTML = newHTML +'</td>';
		}else{
			newHTML = '<div class="border_preview"><table width="' + width + '" border="0" cellspacing="0" cellpadding="4" class="greytxt"><tr>';
		}
		newHTML = newHTML +'<td align="left" bgcolor="#FEFBEF" class="blu12 brdrbtm"><table width="100%" border="0" cellspacing="0" cellpadding="4" class="greytxt">';
		if(subDet[1]!='')
		{
			var subDet21=subDet[1].split("|");
			if(subDet21[1]!='')
			{
			newHTML = newHTML +'<tr><td align="left" valign="top" class="bluetxtbld brdrbtm">Address:</td><td align="left" valign="top" class="brdrbtm">'+subDet21[1]+'</td></tr>';
			}
		}
		if(subDet9!=undefined && subDet9[1]!='')
		{
			newHTML = newHTML +'<tr><td align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet9[0]+':</td><td align="left" valign="top" class="brdrbtm">'+subDet9[1]+'</td></tr>';
		}
		if(bulkSell=='yes')
		{
			newHTML = newHTML +'<tr><td align="left" valign="top" class="bluetxtbld brdrbtm">'+previouslyValuedText+':</td><td align="left" valign="top" class="brdrbtm">'+previouslyValuedValue+'</td></tr>';
		}
		if(bulkSell=='yes')
		{
			newHTML = newHTML +'<tr><td align="left" valign="top" class="bluetxtbld brdrbtm">Opening Bid:</td><td align="left" valign="top" class="brdrbtm">'+startingBidValue+'</td></tr>';
		}
		if(subDet3!=undefined && subDet3[1]!='')
		{
			newHTML = newHTML +'<tr><td align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet3[0]+':</td><td align="left" valign="top" class="brdrbtm">'+subDet3[1]+'</td></tr>';
		}
		newHTML = newHTML +'</table></td></tr></table>';
	}else{
		newHTML = '<div class="border_preview"><table width="' + width + '" border="0" cellspacing="0" cellpadding="4" class="greytxt"><tr><td height="15" colspan="4" align="center" bgcolor="#FEFBEF" class="blu12 brdrbtm">';
		if(subDet[1]!='')
		{
		newHTML = newHTML +' '+subDet[0]+' '+'&nbsp;<span class="orange-txt"><b>'+subDet[1]+'</b></span></td></tr>';
		}
		
		
		if(subDet9!=undefined && subDet9[1]!='' && subDet2[1]!='' && details[1]!='' && bulkSell!='yes')
		{
			newHTML = newHTML +'<tr><td  width="10%" align="left" valign="top" class="bluetxtbld brdrbtm">County</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet2[1]+'</td><td  width="15%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet9[0]+'</td><td width="20%"  align="left" valign="top">'+subDet9[1]+'</td></tr>';
		}

		if(bulkSell=='yes')
		{
			newHTML = newHTML +'<tr><td  width="10%" align="left" valign="top" class="bluetxtbld brdrbtm">'+startingBidText+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+startingBidValue+'</td><td  width="25%" align="left" valign="top" class="bluetxtbld brdrbtm">'+previouslyValuedText+'</td><td width="20%"  align="left" valign="top">'+previouslyValuedValue+'</td></tr>';
		}
		
		if(subDet3[1]!='' ||  subDet4[1]!='')
		{
			newHTML = newHTML +'<tr>';
			if(subDet3[1]!='')
			{
				newHTML = newHTML +'<td  width="15%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet3[0]+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet3[1]+'</td>';
			}
			if(subDet4[1]!='')
			{
				newHTML = newHTML +'<td  width="10%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet4[0]+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet4[1]+'</td>';
			}
			newHTML = newHTML +'</tr>';
		}
		if(details[5])
		{   
			if(subDet5[1]!='' && subDet6[1]!='')
			{
				
				newHTML = newHTML +'<tr>';
				if(subDet5[1]!='')
				{
					newHTML = newHTML +'<td  width="15%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet5[0]+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet5[1]+'</td>';
				}
				if(subDet6[1]!='')
				{
					newHTML = newHTML +'<td  width="10%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet6[0]+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet6[1]+'</td>';
				}
				newHTML = newHTML +'</tr>';
			}
		}
		else
		{
			newHTML = newHTML +'<tr><td width="15%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet5[0]+'</td><td width="20%"  colspan="3" align="left" valign="top" class="brdrbtm">'+subDet5[1]+'</td></tr>';
		}

		if(details[6])
		{
			if(subDet7[1]!='' || subDet8[1]!='')
			{
				newHTML = newHTML +'<tr>';
				if(subDet7[1]!='')
				{
					newHTML = newHTML +'<td  width="15%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet7[0]+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet7[1]+'</td>';
				}
				if(subDet8[1]!='')
				{
					newHTML = newHTML +'<td  width="10%" align="left" valign="top" class="bluetxtbld brdrbtm">'+subDet8[0]+'</td><td width="20%"  align="left" valign="top" class="brdrbtm">'+subDet8[1]+'</td>';
				}
				newHTML = newHTML +'</tr>';
			}
		}
		newHTML = newHTML +'<tr><td colspan="2">&nbsp;</td></tr></table>';
		document.getElementById("preview_div").innerHTML=newHTML;
		if(imagename!='')
		{
			
			if(HoverIMG!="" || HoverIMG1!="")
			  {     
				newHTML = newHTML + '<div class="preview_temp_load"><table width="' + width + '" height="' + height + '" border="0" align="left" cellpadding="0" cellspacing="0" class="border-img"><tr><td  width="' + width + '" height="' + height + '"   style="background-image:url('+imagename+'); background-repeat:no-repeat; background-position:center;cursor:pointer;"  valign="bottom">';
				if(HoverIMG!="")
				  newHTML = newHTML +'<img src="/images/'+HoverIMG+'" border="0" controls="controls" align="right"/>' ;
				if(HoverIMG1!="")
				  newHTML = newHTML +'<img src="/images/'+HoverIMG1+'" border="0" controls="controls" align="center"/>' ;
				
				newHTML = newHTML +'</td> </tr></table></div>';
		   }else 
			 {
			newHTML = newHTML + '<div class="preview_temp_load"> <img  src="' + imagename + '" class="border" width="' + width + '" height="' + height + '"></div>';
		 }
		}
		newHTML = newHTML + '</div>';
	}
    document.getElementById("preview_div").innerHTML=newHTML;
}
    
function hideImage()
{
    document.getElementById("preview_div").style.display='none';
    propertyId_hover='';
}



function followmouse(e)
{
    if (document.getElementById("preview_div"))
    {
        var xcoord=offsetfrommouse[0];
        var ycoord=offsetfrommouse[1];
        var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-10;
        var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight);
        if (typeof e != "undefined")
        {
            if (docwidth - e.pageX < defaultimagewidth + 2*offsetfrommouse[0])
            {
                xcoord = e.pageX - xcoord - defaultimagewidth; // Move to the left side of the cursor
            } 
            else 
            {
                xcoord += e.pageX;
            }
            if (docheight - e.pageY < defaultimageheight + 2*offsetfrommouse[1])
            {
                ycoord += e.pageY - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + e.pageY - docheight - truebody().scrollTop));
            }
            else 
            {
                ycoord += e.pageY;
            }
        }
        else if (typeof window.event != "undefined")
        {
            if (docwidth - event.clientX < defaultimagewidth + 2*offsetfrommouse[0]){
                xcoord = event.clientX + truebody().scrollLeft - xcoord - defaultimagewidth; // Move to the left side of the cursor
            } else {
                xcoord += truebody().scrollLeft+event.clientX
            }
            if (docheight - event.clientY < (defaultimageheight + 2*offsetfrommouse[1]))
            {
                ycoord += event.clientY + truebody().scrollTop - Math.max(0,(2*offsetfrommouse[1] + defaultimageheight + event.clientY - docheight));
            } 
            else 
            {
                ycoord += truebody().scrollTop + event.clientY;
            }
        }
        document.getElementById("preview_div").style.left=xcoord+"px";
        document.getElementById("preview_div").style.top=ycoord+"px";
    }
}
document.onmousemove=followmouse;