function initDetails() {
	localDet = new Array();
	localDet[0] = new Array();
	localDet[0][0] = "The top of the sign will say EITHER Wisconsin or Valley, depending on your location.  All areas outside of the Fox Cities, receive a sign which reads WisconsinByOwner.com";
	localDet[0][1] = "/seller/graphics/yardsigns_WBO_VBO.gif";
	localDet[1] = new Array();
	localDet[1][0] = "Caution:  Cities / Towns may remove these signs if the signs are left at corners outside of properties beyond the day of an open house; check your local rules before assuming your sign will be safe.<br>Signs: 18&quot; x 24&quot; plastic signs, 2 metal stakes included";
	localDet[1][1] = "/seller/graphics/yardsign_openhouse.gif";
	localDet[2] = new Array();
	localDet[2][0] = "Caution:  Cities / Towns may remove these signs if the signs are left at corners outside of properties beyond the day of an open house; check your local rules before assuming your sign will be safe.<br>Signs: 18&quot; x 24&quot; plastic signs, 2 metal stakes included";
	localDet[2][1] = "/seller/graphics/yardsign_direction.gif";
	localDet[3] = new Array();
	localDet[3][0] = "30 Foot Pennant";
	localDet[3][1] = "/seller/graphics/pennant180x30px.gif";
}

function togglePallet( palletID, indexDet , objClickedID ) {
	// initDetails should be moved to an onload event if this is ever made a part of the template.
	initDetails();
	var pallet = $(palletID);
	var details = pallet.getElementsBySelector('.detail');
	if (pallet.style.visibility == "visible") 
	{
		pallet.style.visibility = "hidden";
		pallet.style.top= "0px";
		pallet.style.left= "-1000px";
	} 
	else 
	{
		if (indexDet) 
		{
			details[0].innerHTML = localDet[indexDet][0];
			details[1].setAttribute('src',localDet[indexDet][1]);
		}
		objClicked = $(objClickedID);
		var coors = Position.cumulativeOffset( objClicked );
		pallet.style.top = coors[1] + 'px';
		pallet.style.left = ( coors[0] + objClicked.offsetWidth + 5 ) + 'px';
		pallet.style.visibility = "visible";
		//addIFrame(pallet);
	}
}

function addIFrame(pallet) {
	var obj = document.createElement('IFRAME');
	obj.frameborder = 0;					
	//Element.setStyle(obj, {border: 0 + 'px', position: 'absolute', backgroundColor: '#ffffff', top: 0 + 'px', left: 0 + 'px', zIndex: -1});							
	obj.style.border="0px";
	obj.style.position="absolute";
	obj.style.backgroundColor="#ff0000";
	obj.style.top = "40px"; //pallet.style.top;
	obj.style.left = "50px"; //pallet.style.left;
	obj.style.height = "500px"; //pallet.style.height;
	obj.style.width = "500px"; //pallet.style.width;
	pallet.style.zIndex = 100;
	obj.style.zIndex= pallet.style.zIndex + 50;
	var node = document.body.firstChild;
	
	node = (node.nodeType == 3) ? node.nextSibling : node;
	
	//pallet.insertBefore(obj, document.getElementById("mapMarkerContentDiv") );

	document.body.insertBefore(obj, node);
}