HI.UI.sideMenu = {
    focus:false,
    setup: function(Default,Options){
	var dropDown = HI.addHTML('div',document.body,{id:'dropDownMenu',style:{cssText:"float:left;width:100%;height:100%;"}});
	var overlay = new YAHOO.widget.Overlay("overlay_sites", { context:[Dom.get('mysites'),"tl","bl"], visible:false });
	 
	YAHOO.util.Event.addListener(Dom.get('mysites'), "mouseover", overlay.show, overlay, true);
	overlay.setBody(dropDown);
//	overlay.style.margin = '13px 0 0 0';
	overlay.render(document.body);
	var hide = function(e) {
	    overlay.hide();
	};
	
	var _changed = function(e){
	    var value =  this.id;
	    switch(value){
	    case "1":
		window.location.href = HI.LINKS.home+'/dashboard';
		break;
	    case "10":
		window.location.href = HI.LINKS.home+'/hoverlets/edit';
		break;
	    default:
		window.location.href = HI.LINKS.home +'/change.yaws?hash='+ value  +'&return='+ encodeURIComponent(window.location.href) ;
	    }
	};
	for(var i =0;i< Options.length;i++){
	    var opt = HI.addHTML('div',dropDown,{id:Options[i].value,className:'user_sites',onclick:_changed});
	    HI.addHTML('span',opt,{innerHTML:Options[i].text});
	    if(Default==Options[i].value){
		opt.selected = true;
		opt.checked=true;
	    }
	}
	var element = document.getElementById('overlay_sites'); // some div/DOM element whose reference you store in some variable
	var _later = function(){
	    if(!HI.UI.sideMenu.focus){
		overlay.hide();
	    }
	};
	var mmove = function(e){
           var plotXY = YAHOO.util.Event.getXY(e); //returns an array of x,y coordinates of current mouse pointer
           var mousePoint = new YAHOO.util.Point(plotXY[0], plotXY[1] ); 

           var elementRegion = YAHOO.util.Dom.getRegion(element);
           //allow even if near some area around the target object
            if(elementRegion ){
                     elementRegion.top = (elementRegion.top > 20 )?  elementRegion.top - 20 : 30;               
                     elementRegion.left -= 20;
                     elementRegion.right += 20;
                     elementRegion.bottom += 20;

                    if (elementRegion.contains(mousePoint)) {
			HI.UI.sideMenu.focus=true;
			window.setTimeout(_later,1000);
                    }else{
			HI.UI.sideMenu.focus = false;
		    }
            }
	};
	HI.Event.addEvent(document, 'mousemove' , mmove  , {ignore:100} );
    }    
};