var ie4 = (document.all && !document.getElementById);
var ie5 = (document.all && document.getElementById);
var ns6 = (!document.all && document.getElementById);

var messages = new Array();

function element(id)
{
	if(ie4)	// Explorer 4
		return document.all[id];
	else	// Explorer 5+, Netscape 6+ and Mozilla
		return document.getElementById(id);
}

function makePage()
{
	var content = new String('\n');
	for(var n=0; n<indexArray.length; n++)
	{	
		content += '<img src="/2005/files/';
		content += indexArray[n][0];
		content += '/';
		content += indexArray[n][1];
		content += '/image3.jpg" ';
		content += 'width="100" height="76" alt="" border="1" style="cursor: pointer; cursor: hand; border-color:black" onclick="Show('+n+')" onmouseover="doTooltip(event,'+n+')" onmouseout="hideTip()">\n';
		messages[n] = new Array('Agent: ',indexArray[n][0],'Name: ', indexArray[n][1],'/2005/files/'+indexArray[n][0]+'/'+indexArray[n][1]+'/image0.jpg"','/2005/files/'+indexArray[n][0]+'/'+indexArray[n][1]+'/image1.jpg"','/2005/files/'+indexArray[n][0]+'/'+indexArray[n][1]+'/image2.jpg"','/2005/files/'+indexArray[n][0]+'/'+indexArray[n][1]+'/image3.jpg"');
	}
	element('PageContent').innerHTML = content;
}

function Show(n)
{
	var link = "http://www.cubicasa.com/2005/index.html?agent=";
	link += indexArray[n][0];
	link += "&name=";
	link += indexArray[n][1];
	link += "&lan=uk";
	window.open(link,'tnt','width=800,height=800,status=no,toolbar=no,menubar=no,location=no,scrollbars=no,resizable=yes').focus();
}

//-->

/////////////////////////////////////////////////////////////////////////////////
//////////////////////////// Tool Tip settings begin ////////////////////////////
/////////////////////////////////////////////////////////////////////////////////

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var moie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var moie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !moie4 && !moie5) ? true : false;

if (nodyn) { event = "nope" }

var t1,t2;	// for setTimeouts
var enterCount = 0;
var tipFollowMouse= true;	
var tipWidth= 240;
var tipWidthText= 240;
var offX= -120;	// how far from mouse to show tip
var offY= 20; 
var tipFontFamily= "Verdana, Arial, Helvetica, sans-serif";
var tipFontSize= "10px";
var tipFontWeight= "bold";
var tipFontColor= "#000000";
var tipBgColor= "#DDDDDD"; 
var tipBorderColor= "gray";
var tipBorderWidth= 1;
var tipBorderStyle= "ridge";
var tipPadding= 2;

curFontColor = tipFontColor;
var startStr = '<table width="' + tipWidth + '" style="font-family:'+tipFontFamily+'; font-size:'+tipFontSize+'; color:'+curFontColor+';"><tr><td colspan="2" align="center" width="100%">';
//var startStr1 = '<tr><td colspan="2" align="center" width="100%>';
var imgStartStr = '</td></tr><tr><td align="center"><img src="';
var imgStr = '</td><td align="center"><img src="';
var midStr = '</td></tr><tr><td colspan="2" valign="top" align="center">';
var endStr = '</td></tr></table>';

//////////////////////////// initTip() //////////////////////////////////////////
function initTip() 
{	
	
	tooltip = element('tipDiv');
	tipcss = element('tipDiv').style;
	tipcss.width = tipWidth+"px";
	tipcss.fontFamily = tipFontFamily;
	tipcss.fontSize = tipFontSize;
	tipcss.color = tipFontColor;
	//tipcss.fontWeight= tipFontWeight;
	tipcss.backgroundColor = tipBgColor;
	tipcss.borderColor = tipBorderColor;
	tipcss.borderWidth = tipBorderWidth+"px";
	tipcss.padding = tipPadding+"px";
	tipcss.borderStyle = tipBorderStyle;
	if (ns4)
		document.captureEvents(Event.MOUSEMOVE);
	if(tipFollowMouse)
		document.onmousemove = positionTip;	
}

//////////////////////////// doTooltip(evt, num)/////////////////////////////////
function doTooltip(evt, num) 
{
	tipWidth = messages[num][1].length+tipWidthText;	
	initTip();

	
	enterCount=1;
	curBgColor = tipBgColor;

//	var tip = startStr + messages[num][0] + startStr1 +messages[num][1] +startStr1 +messages[num][2]+ midStr + '<span style="font-family:'+tipFontFamily+'; font-size:'+tipFontSize+'; color:'+curFontColor+';"><b>'+ messages[num][3]+'</b>'+messages[num][4]+'<b>'+ messages[num][5]+'</b>'+messages[num][6]+'</span>' + endStr;
	var tip = startStr + '<b>'+ messages[num][0]+'</b>'+messages[num][1]+midStr+'<b>'+messages[num][2]+'</b>'+messages[num][3]+imgStartStr+messages[num][4]+imgStr+messages[num][5]+imgStartStr+messages[num][6]+imgStr+messages[num][7]+endStr;

 	tooltip.innerHTML = tip;
 	element('tipDiv').style.visibility = "visible";
 	positionTip(evt);
 	
}
//////////////////////////// positionTip(evt)////////////////////////////////////
function positionTip(evt) 
{
	var mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	var mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
    	tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";    	
}

//////////////////////////// hideTip() //////////////////////////////////////////
function hideTip() 
{
	enterCount=0;
	t2 = setTimeout("hideTip_re()",10);	
	document.onmousemove = null; 	 	
}
//////////////////////////// hideTip_re() ///////////////////////////////////////
function hideTip_re()
{
	
	if(enterCount==0)
		element('tipDiv').style.visibility = 'hidden';
}