var leftPanelWidth = 310; // the default width of left panel
var panZoomBarXPos = 5; // relative to left edge of map
var scaleLineXPos = 8; // relative to left edge of map


//This code was created by the fine folks at Switch On The Code - http://blog.paranoidferret.com
//This code can be used for any purpose
//
// Modified: 
// 2008-05-01 
// Kofi Honu, MapAvenue LLC.:
// newLeft, newTop, newWidth, newHeight can be null

// Used to display stars for reviews.
function showReviewStars(revVal, maxVal)
{
	var x = 0;
	var revStarHTML = "";
	var flr = Math.floor(revVal);	

	// display full stars
	for (x = 0; x < flr; x++)
	{
		revStarHTML += "<img src=images/rev_star_1.png>";
	}				

	if (x < maxVal)
	{
		// display half stars
		if ((revVal % 1) < 1){
			x++;
			revStarHTML += "<img src=images/rev_star_2.png>";
		}
	}				

	if (x < maxVal)
	{
		// display empty stars
		for (var s = x; s < maxVal; s++)
		{
			revStarHTML += "<img src=images/rev_star_3.png>";
		}
	}
	return revStarHTML;
}

function animate(elementID, newLeft, newTop, newWidth,
      newHeight, time, callback)
{
  var el = document.getElementById(elementID);
  if(el == null)
    return;
 
  var cLeft = parseInt(el.style.left);
  var cTop = parseInt(el.style.top);
  var cWidth = parseInt(el.style.width);
  var cHeight = parseInt(el.style.height);
 
  var totalFrames = 1;
  if(time> 0)
    totalFrames = time/40;

	if (newLeft == null)
	{
		newLeft = cLeft;
	}
	else
	{
		var fLeft = newLeft - cLeft;
		if(fLeft != 0)
		fLeft /= totalFrames;
	}

	if (newTop == null)
	{
		newTop = cTop;
	}
	else
	{
		var fTop = newTop - cTop;
		if(fTop != 0)
		fTop /= totalFrames;
	}
 
 	if (newWidth == null)
	{
		newWidth = cWidth;
 	}
	else
	{
		var fWidth = newWidth - cWidth;
		if(fWidth != 0)
		fWidth /= totalFrames;
	}
 	
 	if (newHeight == null)
	{
		newHeight = cHeight;
    	}
	else
	{
		var fHeight = newHeight - cHeight;
		if(fHeight != 0)
		fHeight /= totalFrames;
	}
   
  doFrame(elementID, cLeft, newLeft, fLeft,
      cTop, newTop, fTop, cWidth, newWidth, fWidth,
      cHeight, newHeight, fHeight, callback);
  
  
 
}

function doFrame(eID, cLeft, nLeft, fLeft,
      cTop, nTop, fTop, cWidth, nWidth, fWidth,
      cHeight, nHeight, fHeight, callback)
{
   var el = document.getElementById(eID);
   if(el == null){
     alert("element is null");     
     return;
   }

  cLeft = moveSingleVal(cLeft, nLeft, fLeft);
  cTop = moveSingleVal(cTop, nTop, fTop);
  cWidth = moveSingleVal(cWidth, nWidth, fWidth);
  //cHeight = moveSingleVal(cHeight, nHeight, fHeight);

  el.style.left = Math.round(cLeft) + 'px';
  el.style.top = Math.round(cTop) + 'px';
  el.style.width = Math.round(cWidth) + 'px';
  //el.style.height = Math.round(cHeight) + 'px';
 
  if(cLeft == nLeft && cTop == nTop && cHeight == nHeight
    && cWidth == nWidth)
  {
    if(callback != null)
      callback();
    return;
  }
   
  setTimeout( 'doFrame("'+eID+'",'+cLeft+','+nLeft+','+fLeft+','
    +cTop+','+nTop+','+fTop+','+cWidth+','+nWidth+','+fWidth+','
    +cHeight+','+nHeight+','+fHeight+','+callback+')', 40);
}

function moveSingleVal(currentVal, finalVal, frameAmt)
{
  if(frameAmt == 0 || currentVal == finalVal)
    return finalVal;
 
  currentVal += frameAmt;
  if((frameAmt> 0 && currentVal>= finalVal)
    || (frameAmt <0 && currentVal <= finalVal))
  {
    return finalVal;
  }
  return currentVal;
}

function slidePanelIfCollapsed(){
//alert('comment out this thing: slidePanelIfCollapsed');

   var elementLeftPanel = document.getElementById('leftPanel');
   
   if( elementLeftPanel.up) {
     slidePanel();
     
   }
   
   
}

function slidePanelIfNotCollapsed(){

//alert('comment out this thing: slidePanelIfNotCollapsed');

   var elementLeftPanel = document.getElementById('leftPanel');
   
   if( elementLeftPanel.down) {
     slidePanel();
     
   }
      
}

function slidePanel()
{
   var elementLeftPanel = document.getElementById('leftPanel');
   var elementScrollLeftPanel = document.getElementById('scrollLeftPanel');
   
   if(elementLeftPanel.up == null || elementLeftPanel.down)
   {
      
	//animate(elementID, newLeft, newTop, newWidth, newHeight, time, callback)

	animate('leftPanel', null, null, 0, null, 250, null);
	animate('scrollLeftPanel', 0, null, null, null, 250, null);

	elementLeftPanel.up = true;
	elementLeftPanel.down = false;


	MWS.MWS_MapObj.removeControl(MWS.PanZoomBar);    
	MWS.PanZoomBar = new OpenLayers.Control.PanZoomBar();
	MWS.MWS_MapObj.addControl(MWS.PanZoomBar); 


	MWS.MWS_MapObj.removeControl(MWS.ScaleLine);    
	MWS.ScaleLine = new OpenLayers.Control.ScaleLine();
	MWS.MWS_MapObj.addControl(MWS.ScaleLine);    

	div=document.getElementById('scrollLeftPanel');
	div.innerHTML = "<table width=100% height=100% cellpaddiing=0 cellspacing=0><tr><td><img src='images/arrow_right2.png' /></td></tr></table>";
	div.style.background = "#ffffff";    



	MWS.PanZoomBar.div.style.left = panZoomBarXPos; 
	MWS.ScaleLine.div.style.left = scaleLineXPos;
   }
   else
   {
      
	//animate(elementID, newLeft, newTop, newWidth, newHeight, time, callback)

	//animate('leftPanel', null, null, leftPanelWidth, null, 250, null);
	//animate('scrollLeftPanel', leftPanelWidth, null, null, null, 250, null);

	elementLeftPanel.down = true;
	elementLeftPanel.up = false;

	MWS.MWS_MapObj.removeControl(MWS.PanZoomBar);    
	MWS.PanZoomBar = new OpenLayers.Control.PanZoomBar();
	MWS.MWS_MapObj.addControl(MWS.PanZoomBar);    

	MWS.MWS_MapObj.removeControl(MWS.ScaleLine);    
	MWS.ScaleLine = new OpenLayers.Control.ScaleLine();
	MWS.MWS_MapObj.addControl(MWS.ScaleLine);    

	div=document.getElementById('scrollLeftPanel');
	div.innerHTML = "<table width=100% height=100% cellpaddiing=0 cellspacing=0><tr><td><img src='images/arrow_left2.png' /></td></tr></table>";     
	div.style.background = "#ffffff"; 

	MWS.PanZoomBar.div.style.left = leftPanelWidth + panZoomBarXPos; 
	MWS.ScaleLine.div.style.left = leftPanelWidth + scaleLineXPos;
   }   
   
}


function clearText(thefield){
if (thefield.defaultValue==thefield.value)
	thefield.value = ""
} 

function setLeftPanelTitle(txt){
		var elementLeftPanelHeader = document.getElementById('leftPanelHeader');	    
		elementLeftPanelHeader.innerHTML = txt;
}

function unSetLeftPanelLoading(){
		var elementLeftPanelHeader = document.getElementById('leftPanelHeader');	    
		var tcurr = elementLeftPanelHeader.innerHTML;  
		elementLeftPanelHeader.innerHTML = tcurr.replace('[Loading...]', '');		
}
   
   /*
function sfm(event, elName) 
{
	if (event && event.which == 13)
	{
		//document.getElementById(elName).click();
		MWS.searchPOIFunction1();
	}
	else
	return true;
}
*/
/*
var tabIdList = new Array();
var tabTitleList = new Array();
var tabOnClick = new Array();
var tabLinkList = new Array();
var tabContent = new Array();

i=0;

tabIdList[i] = 'tab'+i;
tabTitleList[i] = 'Find a place on the map';
tabOnClick[i] = 'MWS.clearRoutingLayer();ManageTabPanelDisplay(' + i + '); MWS.MWS_Select(\'search\');';
tabLinkList[i] = '<a href="javascript:void(0);" onclick="' + tabOnClick[i] + 'return false;">' + tabTitleList[i] + '</a>';
tabContent[i] = '<table cellspacing=0 cellpadding=0 border=0>' +
					 '<tr><td class="tinytxt" nowrap>e.g. Post Office</td><td></td></tr>' +
					 '<tr><td nowrap><input type="text" name="mav_SearchText" size="25" maxlength="50" value=""/></td>' +
					 '<td>&nbsp;&nbsp;<input type="button" name="mav_SearchGo" value="Search" onClick="MWS.searchPOIFunction1(this); " /></td>' +
					 '</tr></table>';



i++;
tabIdList[i] = 'tab'+i;
tabTitleList[i] = 'Get Directions';
tabOnClick[i] = 'MWS.clearRoutingLayer();ManageTabPanelDisplay(' + i + '); MWS.MWS_Select(\'getroute\');';
tabLinkList[i] = '<a href="javascript:void(0);" onclick="' + tabOnClick[i] + 'return false;">' + tabTitleList[i] + '</a>';
tabContent[i] = '<table cellspacing="0" cellpadding="0" border="0">' +
					 '<tr><td nowrap></td><td class="tinytxt" nowrap>e.g. Arts Center</td><td nowrap></td>' +
					 '<td class="tinytxt" nowrap>e.g. Kanda Post Office</td><td nowrap></td></tr>' +
					 '<tr><td class="smalltxt" nowrap>From: </td>' +
					 '<td nowrap><input class="tinytxt" onChange="this.form.routingPoint1.value=""" ' +
					 'type="text" name="routingStartLocation" size="20"  value=""/></td>' +
					 '<td class="smalltxt" nowrap>&nbsp;&nbsp;To: </td>' +
					 '<td nowrap><input  class="tinytxt" onChange="this.form.routingPoint2.value=""" ' +
					 'type="text" name="routingEndLocation" size="20"  value=""/></td>' +
					 '<td nowrap>&nbsp;&nbsp;<input type="button" value="Get Directions" name="routingSubmit" ' +
					 'onClick="MWS.routingFunction0(\'getroute\');"/>' +
					 '<input type="hidden" value="" name="routingPoint1"/>' +
					 '<input type="hidden" value="" name="routingPoint2"/>' +
					 '<input type="hidden" value="" name="routingPointCurrent"/></td></tr></table>' ;
											
//alert('x=' + tabContent[i]);

i++;
tabIdList[i] = 'tab'+i;
tabTitleList[i] = 'Real Estate Search';
tabOnClick[i] = 'MWS.clearRoutingLayer();ManageTabPanelDisplay(' + i + '); MWS.MWS_Select(\'realestatesearch\');';
tabLinkList[i] = '<a href="javascript:void(0);" onclick="' + tabOnClick[i] + 'return false;">' + tabTitleList[i] + '</a>';
tabContent[i] = '<table cellpadding="0" cellspacing="0" border="0" >' +
					 '<tr><td valign="top" align="left" class="tinytxt" nowrap>&nbsp;</td></tr>' +
					 '<tr><td valign="top" align="left" class="smalltxt" nowrap></td></tr></table>';

i++;
tabIdList[i] = 'tab'+i;
tabTitleList[i] = 'My Points of Interest';
tabOnClick[i] = 'MWS.MWS_EBSelect(\'clear\');ManageTabPanelDisplay(' + i + '); MWS.MWS_EBSelect(\'poimanager\');';
tabLinkList[i] = '<a href="javascript:void(0);" onclick="' + tabOnClick[i] + 'return false;">' + tabTitleList[i] + '</a>';
tabContent[i] = '';

//alert ('x=' + tabOnClick[i]);

function ManageTabPanelDisplay(tabindex) 
{
	//alert('in');
	
	for(var i = 0; i < tabIdList.length; i++) 
	{
		if(tabIdList[i] == 'tab'+tabindex) 
		{ 
			if (document.getElementById(tabIdList[i]).className.substring(4, 5) == "x"){				
				document.getElementById(tabIdList[i]).className = "tab xtabfocus";
			}
			else
			{
				document.getElementById(tabIdList[i]).className = "tab tabfocus";
			}
			document.getElementById(tabIdList[i]).innerHTML = '&nbsp;' + tabTitleList[i] + '&nbsp;';
			
			document.getElementById('tabcontent').innerHTML = tabContent[i];
		}
		else 
		{ 	

			if (document.getElementById(tabIdList[i]).className.substring(4, 5) == "x"){				
				document.getElementById(tabIdList[i]).className = "tab xtabhold";
			}
			else
			{
				document.getElementById(tabIdList[i]).className = "tab tabhold";
			}
			document.getElementById(tabIdList[i]).innerHTML = '&nbsp;' + tabLinkList[i] + '&nbsp;';
					
		}
			
		
	}
	
}

*/