var PopupImageThumbs = null;
var PopInfo = [
{
	'ProjectName' : 'Crossroads #2',
	'Contractors' : 'Stucco Rite, Delta Construction',
	'Materials' : 'Stucco, Stone, Brick, Block'
},
{
	'ProjectName' : 'Panda Express, Longmont',
	'Contractors' : 'Stucco Rite, Facilities',
	'Materials' : 'Stucco & Stone'
},
{
	'ProjectName' : 'Holiday Inn, Loveland',
	'Contractors' : 'Stucco Rite, Wilco',
	'Materials' : 'Stucco & Stone'
},
{
	'ProjectName' : 'Hwy 34 Monument, City of Greeley',
	'Contractors' : 'Stucco Rite',
	'Materials' : 'Natural Stone, Precast, Block, Sand Blast Panels'
},
{
	'ProjectName' : 'Crossroads #16',
	'Contractors' : 'Stucco Rite, Delta Construction',
	'Materials' : 'Stucco, Stone, Brick, Block'
},
{
	'ProjectName' : 'St. Michaels #4',
	'Contractors' : 'Stucco Rite',
	'Materials' : 'Stucco'
},
{
	'ProjectName' : 'St. Michaels #3',
	'Contractors' : 'Stucco Rite',
	'Materials' : 'Stucco'
},
{
	'ProjectName' : 'Fox Run #5, Greeley',
	'Contractors' : 'Stucco Rite',
	'Materials' : 'Stucco & Stone'
}
];


var CurrentPop = null;
function SetPopup(itemID)
{
	itemIndex = itemID.split('_')[1];
	CurrentPop = itemIndex;
	if (CurrentPop != null)
	{
		document.getElementById('Detail_ProjectName').innerHTML = PopInfo[itemIndex].ProjectName;
		document.getElementById('Detail_Contractors').innerHTML = PopInfo[itemIndex].Contractors;
		document.getElementById('Detail_Materials').innerHTML = PopInfo[itemIndex].Materials;
		document.getElementById('Detail_Img').src = PopupImageThumbs[itemIndex].src;
		
		if (CurrentPop % 2)
		{
			document.getElementById('TailL').style.display='none';
			document.getElementById('TailR').style.display='';
		}
		else
		{
			document.getElementById('TailL').style.display='';
			document.getElementById('TailR').style.display='none';
		}
	}
	return true;
}

var PopupShowing=false;
var PopDivName='DetailDisplay';
var xOffsetLeft = -225;
var xOffsetRight = 25;

function mouseX(evt) {
if (evt.pageX) return evt.pageX;
else if (evt.clientX)
   return evt.clientX + (document.documentElement.scrollLeft ?
   document.documentElement.scrollLeft :
   document.body.scrollLeft);
else return null;
}
function mouseY(evt) {
if (evt.pageY) return evt.pageY;
else if (evt.clientY)
   return evt.clientY + (document.documentElement.scrollTop ?
   document.documentElement.scrollTop :
   document.body.scrollTop);
else return null;
}

function FindTarget(e)
{
	var targ;
	if (!e) e=window.event;
	if (e.target) targ=e.target;
	else if (e.srcElement) targ=e.srcElement;
	if (targ.nodeType==3) targ = targ.parentNode;
	return targ.id;
}

function UpdatePopup(evt)
{
	var SourceElem = FindTarget(evt);
	if ((SourceElem == "homeMap") || (SourceElem.indexOf("HomeImg_") != -1)) StartPopups();
	else
	{
		StopPopups();
		return;
	}
	var CurrentxOffset = xOffsetRight;
	if (CurrentPop != null)
	  CurrentxOffset = (CurrentPop %2) ? xOffsetLeft : xOffsetRight;
	newmouseX=mouseX(evt);//evt.pageX?evt.pageX:evt.clientX;
	newmouseY=mouseY(evt);//tevt.pageY?evt.pageY:evt.clientY;
	PopupHandle().style.left=newmouseX+CurrentxOffset;
	PopupHandle().style.top=newmouseY-45;
}

function PopupHandle()
{
	return document.getElementById(PopDivName);
}

function StartPopups ()
{
	if (PopupShowing) return;
	PopupHandle().style.display='';
	PopupShowing=true;
}

function StopPopups ()
{
	if (!PopupShowing) return;
	PopupHandle().style.display='none';
	PopupShowing=false;
}

function ImageLoader()
{
    if (PopupImageThumbs==null) PopupImageThumbs = new Array();
    for (var j=0; j < PopInfo.length; j++)
	{
		PopupImageThumbs[j] = new Image;
		PopupImageThumbs[j].src = 'images/home' + j + '.jpg';
	}
}