var ddopen 		= false;
var closeTimer 	= false;
var timerOn		= false;
var ddinit		= false;
function createDropdown(id,html,width,x,y){

	dDiv = document.getElementById(id);
	ddinit = false;
	if(!x) 			var x 		= 0;
	if(!y) 			var y 		= 0;

	dDiv.style.cursor = 'pointer'
	dDiv.onclick= function(){
		actionDropdown(id, 'open');
	}
	dDiv.innerHTML = dDiv.innerHTML + '<div id="'+ id + '_Container" style="width:'+width+'px;"></div>';
	ddDiv = document.getElementById(id + '_Container');
	ddDiv.style.display 		= 'block'
	ddDiv.style.position 		= 'absolute'
	ddDiv.style.overflow 		= 'hidden'
	ddDiv.style.marginTop 		= y + 'px'
	ddDiv.style.marginLeft 		= x + 'px'
	ddDiv.style.width 			= width;
	var dd = '<div class="'+id+'Top"></div>';
	for(var i=0;i<opties.length;i++){
		dd += '<div class="'+id+'Normal"'+
				' onmouseover="this.className=\''+id+'Over\';actionDropdown(\''+id+'\',\'open\');"'+
				' onmouseout="this.className=\''+id+'Normal\';actionDropdown(\''+id+'\',\'close\');"'+
				' onclick="window.location=\''+opties[i][0]+'\';"><a href="'+opties[i][0]+'">'+opties[i][1]+'</a></div>';
	}
	dd += '<div class="'+id+'Bottom"></div>';
	ddDiv.innerHTML 			= ddDiv.innerHTML + '<div style="position:absolute;width:100%;"  id="'+ id + '_List">'+dd+'</div>'
	dddDiv 						= document.getElementById(id + '_List');
}

function actionDropdown(id,type){

	dDiv 		= document.getElementById(id);
	ddDiv 		= document.getElementById(id + '_Container');
	dddDiv 		= document.getElementById(id + '_List');
	if(ddinit != true){
		ddDiv.style.height 		= dddDiv.offsetHeight + 'px';
		dddDiv.style.top 		= (-1*parseInt(ddDiv.style.height)) + 'px';
		ddinit = true;
	}
	if(type == 'open'){
		if(closeTimer)	clearTimeout(closeTimer);
		timerOn		= false;
		
		mover(id + '_List',false,'0',false,false,3)
		ddopen 		= true;
	}else{
		if(closeTimer)	clearTimeout(closeTimer);
		closeTimer 	= setTimeout('closeAction(\''+id+'\')',500);
		timerOn		= true;			
		ddopen 		= false;
	}
}

function closeAction(id){
	ddDiv 		= document.getElementById(id + '_Container');
	dddDiv 		= document.getElementById(id + '_List');
	if(closeTimer) clearTimeout(closeTimer);
	timerOn		= false;					
	var moveToPos = ((-1*parseInt(ddDiv.style.height))) + '';
	mover(id + '_List',false,moveToPos,false,false,3)
}