var popsearchcity = {
normalBackgroundColor : "#ffffff",
normalForegroundColor : "#0000cc",
hoverBackgroundColor : "#3366cc",
hoverForegroundColor : "#ffffff",

enableClose : function(menuDesc) {
				  menuDesc.canClose = true;
			  },

getAbsolutePos : function(e) {
					 var l=e.offsetLeft;
					 var t=e.offsetTop;
					 while(e=e.offsetParent) {
						 l+=e.offsetLeft;
						 t+=e.offsetTop;
					 }
					 var pos = new Object();
					 pos.x=l;
					 pos.y=t;
					 return pos;
				 },

toggleMenu : function(menuDesc) {               
				 var menu = menuDesc.menuDiv;
				 if(!menuDesc.display) {
					 var link = menuDesc.menuLink;
					 var e = link;
					 var pos = this.getAbsolutePos(e);
					 var left = pos.x;
					 var top = pos.y + e.offsetHeight;					 
					 menu.style.left = left + "px";
					 menu.style.top = top + "px";
					 menu.style.display = "block";
					 menuDesc.canClose = false;
					 setTimeout(function() {popupMenu.enableClose(menuDesc);}, 200);
				 } else {
					 menu.style.display = "none";
				 }
				 menuDesc.display = !menuDesc.display;
				 menuDesc.menuLink.blur();
				 return false;
			 },
closeMenu : function(menuDesc) {
				if(menuDesc.display && menuDesc.canClose) {
					this.toggleMenu(menuDesc);
				}
			},
//addEvent : function(elm, evType, fn, useCapture) {
//			   if (elm.addEventListener) {
//				   elm.addEventListener(evType, fn, useCapture);
//				   return true;
//			   } else if (elm.attachEvent) {
//				   var r = elm.attachEvent('on' + evType, fn);
//				   return r;
//			   } else {
//				   elm['on' + evType] = fn;
//			   }
//		   },
setHoverColor: function(item) {
				item.style.backgroundColor = this.hoverBackgroundColor;
				item.style.color = this.hoverForegroundColor;
			},
unsetHoverColor: function(item) {
				item.style.backgroundColor = this.normalBackgroundColor;
				item.style.color = this.normalForegroundColor;
			},
createMenu :function(menuDesc) {
				var menu = menuDesc.menuDiv;
				for(var i = 0; i < menuDesc.items.length; i++) {
					    var item = menuDesc.items[i];
					    var div = document.createElement("div");					  
//					    div.onmouseover = function() {popupMenu.setHoverColor(this);};
//					    div.onmouseout = function() {popupMenu.unsetHoverColor(this);};
					    div.className=item.areaclass;
					    div.innerHTML = '<img src="'+item.img+'" alt="'+item.area+'" />';
					    //div.innerHTML = '<img src="/images/beiqu.gif" alt="'+item.area+'" />';
					    
					    menu.appendChild(div);
					    var divdity = document.createElement("div");	
					    divdity.className=item.cityclass;
					    var cityitem = eval(item.city);
					    //alert(eval(item.city))
					    var html = "";
					    for(j=0;j<cityitem.length;j++)
					    {
					        if(html=="")
					            html='<a href="javascript:void(0);" onclick="setCity(\''+cityitem[j].citycode+'\',\''+cityitem[j].cityname+'\');">'+cityitem[j].cityname+'</a>';
					        else
					            html+=' | <a href="javascript:void(0);" onclick="setCity(\''+cityitem[j].citycode+'\',\''+cityitem[j].cityname+'\');">'+cityitem[j].cityname+'</a>';
					    }					    
					    divdity.innerHTML = html;
					    menu.appendChild(divdity);
				    }
				Event.observe(document,"click",function() {popsearchcity.closeMenu(menuDesc)});
				Event.observe(menuDesc.menuLink,"click",function() {popsearchcity.toggleMenu(menuDesc)});
			}
}