/***************************
Author: Sherwin Sena Aborot
Date: 10/21/2008
Purpose:
	To implement functionality of the model house on feature page for brookfield.
***************************/

function showSubFeatures(targetDom) {
	var features = document.getElementById( 'featureNav' ).getElementsByTagName( 'UL' );
	
	for ( i=0;i<features.length;i++ ) {
		features[i].style.display = "none";
	}

	targetDom.getElementsByTagName( 'UL' )[0].style.display = "block";
}

function showFeatureInfo(targetDomId,domCtr,isMenuLink) {
	// isMenuLink parameter is not being used as of now but will not be remove for future useto differentiate onclick event on Menu Links and Image Links.
	var items = document.getElementById( targetDomId ).parentNode.getElementsByTagName( 'LI' );
	var itemCount = items.length;
	var prevCtr = 0;
	var nextCtr = 0;
	if ( domCtr > 0 ) { prevCtr = domCtr - 1; }
	if ( domCtr < itemCount ) { nextCtr = domCtr + 1; }
	var nextItem = items[nextCtr];
	var prevItem = items[prevCtr];

	var description = document.getElementById( targetDomId+'Info' ).innerHTML;
	var title = "<div class='featureTitle'>" + document.getElementById( targetDomId ).getElementsByTagName('A')[0].innerHTML + "</div>";
	var descBox = document.getElementById( 'featureDescription' );
	
	var controlStatus = "<table class='featureCtrl' width='100%' cellspacing='0' cellpadding='0' border='0'><tr><td align='left'>"+(domCtr+1)+" of "+itemCount+"</td><td align='right'>";
	var controlPrev = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";
	var controlNext = "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;";

	if ( domCtr > 0 ) { controlPrev = "<a href='javascript:void(0);' onclick='showFeatureInfo(\""+prevItem.id+"\","+prevCtr+","+isMenuLink+");return false;'>Previous</a>&nbsp;&nbsp;";	}
	if ( domCtr < (itemCount-1) ) { controlNext = "<a href='javascript:void(0);' onclick='showFeatureInfo(\""+nextItem.id+"\","+nextCtr+","+isMenuLink+");return false;'>Next</a>&nbsp;&nbsp;"; }
	var controlClose = "<a class='featureClose' href='javascript:void(0);' onclick='closePopUpFeature();'>Close</a></td></tr></table>"
	var control = controlStatus + controlPrev + controlNext + controlClose;
	
	var info = title + "<div class='featureDesc'>" + description + "</div>" + control;
	
	descBox.innerHTML = info;
	showPopUpFeature();
}

function showFeatureTips(targetDomId,event) {
	var description = document.getElementById( targetDomId+'Details' ).innerHTML;
	if ( description != "" ) {
		var descBox = document.getElementById( 'popupTips' );
		
		if(!event) var event=window.event;
		if (document.all){ zxcMseX=event.clientX; zxcMseY=event.clientY; }
		else {zxcMseX=event.pageX; zxcMseY=event.pageY; }

		descBox.innerHTML = description;
		descBox.style.display = "block";
		var width = descBox.offsetWidth;
		var height = descBox.offsetHeight;
		descBox.style.top = (event.clientY-(height))+"px";
		descBox.style.left = (event.clientX-(width+20))+"px";
	}
}

function hideFeatureTips() {
	document.getElementById( 'popupTips' ).style.display = "none";
}

function showPopUpFeature() {
	var popUp = document.getElementById( 'popupFeature' );
	var cloak = document.getElementById( 'grayCloak' );
	
	popUp.style.width = "550px";
	popUp.style.left = "100px";
	cloak.style.left = "0px";
}

function closePopUpFeature() {
	var popUp = document.getElementById( 'popupFeature' );
	var cloak = document.getElementById( 'grayCloak' );
	
	popUp.style.width = "0px";
	popUp.style.left = "-3000px";
	cloak.style.left = "-3000px";
}