var _ddmbar1x=false,_ddmbar1y=false,_ddmbar1=false;
var _ddmbasepath=false;
var _default_ddm_bar=false;


var _currentDropdown=false;
var _onbar=false,_onitem=false;

var DropdownMenu=Class.create();
function ddmWatch(){
	if(!_onbar && !_onitem){
	if(_currentDropdown)
	_currentDropdown.style.display='none';	
}
setTimeout('ddmWatch()',300);
}

DropdownMenu.prototype={
    initialize:function(menuId,containerId,basePath,defaultBar,struct){
	var ddm_conf=struct;
        this.container=$(containerId);
        this.container.className='spddmenuholder';
        this.basePath=basePath;
        var _div=document.createElement('div');
        _div.className='ddmenu';
        this.container.appendChild(_div);
        this._ph=_div;
        for(var i=0;i<ddm_conf.length;i++){
            if(i>0){
			    var div=document.createElement('div');
			    div.className='seperator';
			    _div.appendChild(div);
		    }

            var div=document.createElement('div');
            div.className='bar';
            div.unselectable='on';
            if(defaultBar && defaultBar-1==i) div.className='baron';
            if(!ddm_conf[i].TextMode){
                var img=document.createElement('img');
                img.src=basePath+'menu/img/'+ddm_conf[i].ImageNormal;
                //img.style.align='absmiddle';
                img.style.marginTop='5px';
                div.appendChild(img);
            }else{
                var span=document.createElement('span');
                span.appendChild(document.createTextNode(ddm_conf[i].ItemText));
                div.appendChild(span);
            }
            div.ItemLink=ddm_conf[i].ItemLink;
            div.Children=ddm_conf[i].Children;
		    _div.appendChild(div);
            var me=this;
            Event.observe(div,'mouseover',function(e){_onbar=true;me.barOver(e);Event.stop(e)});
            div.onmouseout=function(e){_onbar=false;}
            div.onclick=function(e){
                var _url=this.ItemLink;
                if(_url){ 
			if(_url.indexOf('http://')==0) window.location.href=_url;
			else window.location.href=me.basePath+_url;
		}
            }
            if(i==0) _ddmbar1=div;

        }
		setTimeout('ddmWatch()',300);
    },
    barOver:function(e){
        var src=e.srcElement || e.target;
        while(src.tagName!='DIV') src=src.parentNode;
        this._createDropdown(src);
        if(_currentDropdown) _currentDropdown.style.display='none';
        if(src.Dropdown){            
            src.Dropdown.style.display='';
            _currentDropdown=src.Dropdown;
        }

    },
    _createDropdown:function(src){
	    var _bar1pos=Position.cumulativeOffset(_ddmbar1);
	    _ddmbar1x=_bar1pos[0];
	    _ddmbar1y=_bar1pos[1];
    
        var _children=src.Children;
		var me=this;
        if(_children && _children.length>0){
            var position=Position.cumulativeOffset(src);
            if(!src.Dropdown){
                var _dropdown=document.createElement('div');
                _dropdown.className='dropdown';
                _dropdown.unselectable='on';
                this.container.appendChild(_dropdown);
                for(var i=0;i<_children.length;i++){
                    var _item=document.createElement('div');
                    _item.className='menuitem';
                    _item.onmouseover=function(e){this.className='menuitemOn';}
                    _item.onmouseout=function(e){this.className='menuitem';}
                    var _span=document.createElement('span');
                    _span.appendChild(document.createTextNode(_children[i].ItemText));
                    _item.appendChild(_span);
                    _dropdown.appendChild(_item);
                    _item.Link=_children[i].ItemLink;
                    _item.Target=_children[i].Target;
                    _item.onclick=function(e){
                        var _url=this.Link;
                        if((me.basePath=='http://www.vattentornet.se/') || (me.basePath=='http://vattentornte.se')) {
                            _url=_url.replace(/vattentornet\//i,'');
                        }
                        if(this.Target.length>0) window.open(me.basePath+_url);
                        else window.location.href=me.basePath+_url;
                    }
                }
                var _footer=document.createElement('div');           
	            _footer.className='footer';
                var _img=document.createElement('img');
                _img.src=this.basePath+'webroot/images/GrundDesign/menyBottom.png';            
		        _footer.appendChild(_img);
                _dropdown.appendChild(_footer);

                src.Dropdown=_dropdown;
        		Event.observe(_dropdown,'mouseout',function(e){me.mouseout(e,_dropdown);});
			    _dropdown.onmouseover=function(){_onitem=true;}
            }
            src.Dropdown.style.left=(position[0]-_ddmbar1x-(185-src.offsetWidth)/2)+'px';
            src.Dropdown.style.top=(position[1]-_ddmbar1y+30)+'px';
        }        
    },   
    mouseout:function(e,target){
        var checkTarget=Event.isMouseLeaveOrEnter(e,target);
        if(checkTarget){
		_onitem=false;
        }
    },
 
    _ph:false,
    basePath:false
}