var	fixedX = -1			// x position (-1 if to appear below control)
	var	fixedY = -1			// y position (-1 if to appear below control)
	var imgDir = "Script/img/"			// directory for images ... e.g. var imgDir="/img/"

	var	crossobj, ctlToPlaceValue, ctlNow

	var	bPageLoaded=false
	var	ie=document.all
	var	dom=document.getElementById

	var	ns4=document.layers

	var bShow = false;

    /* hides <select> and <applet> objects (for IE only) */
    function hideElement( elmID, overDiv )
    {
      if( ie )
      {
        for( i = 0; i < document.all.tags( elmID ).length; i++ )
        {
          obj = document.all.tags( elmID )[i];
          if( !obj || !obj.offsetParent )
          {
            continue;
          }
      
          // Find the element's offsetTop and offsetLeft relative to the BODY tag.
          objLeft   = obj.offsetLeft;
          objTop    = obj.offsetTop;
          objParent = obj.offsetParent;
          
          while( objParent.tagName.toUpperCase() != "BODY" )
          {
            objLeft  += objParent.offsetLeft;
            objTop   += objParent.offsetTop;
            objParent = objParent.offsetParent;
          }
      
          objHeight = obj.offsetHeight;
          objWidth = obj.offsetWidth;
          
          //hidden dropdownlist
          if(( overDiv.offsetLeft + overDiv.offsetWidth ) <= objLeft );
          else if(( overDiv.offsetTop + overDiv.offsetHeight ) <= objTop );
          else if( overDiv.offsetTop >= ( objTop + objHeight ));
          else if( overDiv.offsetLeft >= ( objLeft + objWidth ));
          else
          {
            obj.style.visibility = "hidden";
          }
        }
      }
    }
     
    /*
    * unhides <select> and <applet> objects (for IE only)
    */
    function showElement( elmID )
    {
      if( ie )
      {
        for( i = 0; i < document.all.tags( elmID ).length; i++ )
        {
          obj = document.all.tags( elmID )[i];
          
          if( !obj || !obj.offsetParent )
          {
            continue;
          }
        
          obj.style.visibility = "";
        }
      }
    }

	if (dom)
	{
		document.write ("<div onclick='bShow=true' id='city' style='z-index:+999;position:absolute;visibility:hidden;'><table width='260px' style='font-family:arial;font-size:11px;font-family:arial; font-size:11px;}' bgcolor='#ffffff'><tr bgcolor='#0000aa'><td><table width='258px'><tr><td style='padding:2px;font-family:arial; font-size:11px;'><font color='#ffffff'><B><span id='caption'></span></B></font></td><td align=right><a href='javascript:hideCity()'><IMG SRC='"+imgDir+"close.gif' WIDTH='15' HEIGHT='13' BORDER='0' ALT='Close'></a></td></tr></table></td></tr><tr><td style='padding:5px' bgcolor=#ffffff><span id='content'></span></td></tr>")
		document.write ("</table></div>");
	}

	function init()	
	{
		if (!ns4)
		{
			crossobj=(dom)?document.getElementById("city").style : ie? document.all.city : document.city
			hideCity()

			sHTML1="[热门城市]"
			
			document.getElementById("caption").innerHTML  =	sHTML1

			bPageLoaded=true
		}
	}

	function hideCity()	
	{
		crossobj.visibility="hidden"

	    showElement( 'SELECT' );
		showElement( 'APPLET' );
	}

	function closeCity(value) 
	{
		hideCity();
		ctlToPlaceValue.value =	value
	}
	
	function constructCity ()
	{
		sHTML =	"<table style='font-size:12px'><tr><td>"
        sHTML += "<a href='javascript:closeCity(\"广州\");'>广州</a> "
        sHTML += "<a href='javascript:closeCity(\"杭州\");'>杭州</a> "
        sHTML += "<a href='javascript:closeCity(\"武汉\");'>武汉</a> "
        sHTML += "<a href='javascript:closeCity(\"香港\");'>香港</a> "
        sHTML += "<a href='javascript:closeCity(\"重庆\");'>重庆</a> "
        sHTML += "<a href='javascript:closeCity(\"宁波\");'>宁波</a> "
        sHTML += "<a href='javascript:closeCity(\"澳门\");'>澳门</a>"
        sHTML += "</td></tr><tr><td>"
        sHTML += "<a href='javascript:closeCity(\"南京\");'>南京</a> "
        sHTML += "<a href='javascript:closeCity(\"成都\");'>成都</a> "
        sHTML += "<a href='javascript:closeCity(\"北京\");'>北京</a> "
        sHTML += "<a href='javascript:closeCity(\"青岛\");'>青岛</a> "
        sHTML += "<a href='javascript:closeCity(\"大连\");'>大连</a> "
        sHTML += "<a href='javascript:closeCity(\"上海\");'>上海</a> "
        sHTML += "<a href='javascript:closeCity(\"天津\");'>天津</a>"
        sHTML += "</td></tr><tr><td>"
        sHTML += "<a href='javascript:closeCity(\"苏州\");'>苏州</a> "
        sHTML += "<a href='javascript:closeCity(\"深圳\");'>深圳</a> "
        sHTML += "<a href='javascript:closeCity(\"西安\");'>西安</a> "
        sHTML += "<a href='javascript:closeCity(\"沈阳\");'>沈阳</a> "
        sHTML += "<a href='javascript:closeCity(\"三亚\");'>三亚</a> "
        sHTML += "<a href='javascript:closeCity(\"昆明\");'>昆明</a> "
        sHTML += "<a href='javascript:closeCity(\"哈尔滨\");'>哈尔滨</a>"
        sHTML += "</td></tr><tr><td>"
        sHTML += "<a href='javascript:closeCity(\"伦敦\");'>伦敦</a> "
        sHTML += "<a href='javascript:closeCity(\"巴黎\");'>巴黎</a> "
        sHTML += "<a href='javascript:closeCity(\"纽约\");'>纽约</a> "
        sHTML += "<a href='javascript:closeCity(\"东京\");'>东京</a> "
        sHTML += "<a href='javascript:closeCity(\"悉尼\");'>悉尼</a> "
        sHTML += "<a href='javascript:closeCity(\"曼谷\");'>曼谷</a> "
        sHTML += "<a href='javascript:closeCity(\"新加坡\");'>新加坡</a>"
        sHTML += "</td></tr></table>"
		
		document.getElementById("content").innerHTML   = sHTML
	}

	function popUpCity(ctl,	ctl2) 
	{
		var	leftpos=0
		var	toppos=0

		if (bPageLoaded)
		{
			if ( crossobj.visibility ==	"hidden" ) {
				ctlToPlaceValue	= ctl2

				aTag = ctl
				do {
					aTag = aTag.offsetParent;
					leftpos	+= aTag.offsetLeft;
					toppos += aTag.offsetTop;
				} while(aTag.tagName!="BODY");

				crossobj.left =	fixedX==-1 ? ctl.offsetLeft	+ leftpos :	fixedX
				crossobj.top = fixedY==-1 ?	ctl.offsetTop +	toppos + ctl.offsetHeight +	2 :	fixedY
				constructCity();
				crossobj.visibility=(dom||ie)? "visible" : "show"

				hideElement( 'SELECT', document.getElementById("city") );
				hideElement( 'APPLET', document.getElementById("city") );			

				bShow = true;
			}
			else
			{
				hideCity()
				if (ctlNow!=ctl) {popUpCalendar(ctl, ctl2)}
			}
			ctlNow = ctl
		}
	}

	document.onkeypress = function hidecal1 () 
	{ 
		if (event.keyCode==27) 
		{
			hideCity()
		}
	}
	document.onclick = function hidecal2 () 
	{ 		
		if (!bShow)
		{
			hideCity()
		}
		bShow = false
	}

	if(ie)
	{
		init()
	}
	else
	{
		window.onload=init
}