// gmail code
	var isIE=(window.attachEvent && !window.opera);
	var Ka=navigator.userAgent.toLowerCase();
	var rt=Ka.indexOf("opera")!=-1;
	var r=Ka.indexOf("msie")!=-1&&(document.all&&!rt);
	
	function myAttachEvent(a,b,c){if(r){a.attachEvent("on"+b,c)}else{a.addEventListener(b,c,false)}}


function getXCoord(el) {
	x = 0;
	while(el){
		x += el.offsetLeft;
		el = el.offsetParent;
	}
	return x;
}

function getYCoord(el) {
	y = 0;
	while(el){
		y += el.offsetTop;
		el = el.offsetParent;
	}
	return y;
}


function insertAfter( referenceNode, newNode ){
	referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
	

var jsdropdelay=500;
var jsdropdelaytimer;
var dropLastItemObj;
function jsdrop(input){
	var obj=$(input);
	
	if(!obj){
		return false;
	}
	var divDrop_id="divDrop_"+input;
	var divDrop_container_id=divDrop_id+"_container";
	var divDropItem_id=divDrop_id+"_item";
	

	if(!$(divDrop_id)){
	
		var divDrop_container = document.createElement('div');
		divDrop_container.id = divDrop_container_id;
		divDrop_container.className = obj.className;
		divDrop_container.style.position = 'relative';
		//divDrop_container.style.left =getXCoord(obj) +0+'px';
		//divDrop_container.style.top =getYCoord(obj) +'px';


		insertAfter(obj,divDrop_container);
		
		
		var divDrop = document.createElement('div');
		divDrop.id = divDrop_id;
		divDrop.className = "drophead";
		divDrop.style.position = 'absolute';
		divDrop.style.height = obj.getHeight() + "px";
		divDrop.style.width = obj.getWidth()-22 + "px";
	
		divDrop.style.left =0 +0+'px';
		divDrop.style.top =0 +'px';
		divDrop.style.overflow = "hidden";
		// mouse out to hide
		myAttachEvent(divDrop_container,"mouseover",jsdrop_over);
		myAttachEvent(divDrop_container,"mouseout",jsdrop_out);
		//myAttachEvent(divDrop,"mouseout",jsdrop_out);
		divDrop_container.appendChild(divDrop);
		
		
	

		// hide select obj
		//obj.style.visibility="hidden";
		obj.style.display="none";
		
		
		var divDropItem = document.createElement('div');
		divDropItem.id = divDropItem_id;
		divDropItem.style.display="none";
		divDropItem.className = "dropitem";
		divDropItem.style.position = 'absolute';
		divDropItem.style.textAlign = 'left';

		
		// clear timeout
		myAttachEvent(divDropItem,"mouseover",jsdropitem_over);
		myAttachEvent(divDropItem,"mouseout",jsdropitem_out);
		
		// click event
		myAttachEvent(divDropItem,'click', jsdropitem_click); 
		document.body.appendChild(divDropItem);
		
	
		for(var i=0; i<obj.length; i++) {
			var item=document.createElement('a');
			item.href="#1";
			item.innerHTML=obj.options[i].text;
			divDropItem.appendChild(item);
			myAttachEvent(item,'click', function(){ return false;}); 
		}
	
		if(obj.selectedIndex){
			divDrop.innerHTML=obj.options[obj.selectedIndex].text;
		}else{
			divDrop.innerHTML=obj.options[0].text;
		}
		
		myAttachEvent(divDrop_container,'click', jsdrop_show); 

	
		divDropItem.style.display="";
		divDropItem.style.visibility="hidden"; /* for cal  offsetWidth */
		
		if( divDropItem.offsetWidth < divDrop_container.offsetWidth ){
			
			var childrens = divDropItem.childNodes;
			for(var i = 0 ; i < childrens.length; i++){
				childrens[i].style.width=divDrop_container.offsetWidth + 'px';
			}
	
			divDropItem.style.width = divDrop_container.offsetWidth+7 + "px";
		}	
		if(divDropItem.offsetHeight>200){
			divDropItem.style.height=200+'px';
			divDropItem.style.width=divDropItem.offsetWidth+15+'px';
		}
		divDropItem.style.display="none";
		divDropItem.style.visibility=""; 
	
	
	}else{
		divDrop=$(divDrop_id);
	}
	
}
function jsdrop_show(e){
	
	var targ = e.srcElement ? e.srcElement : e.target;	
	if(targ.id!=""){
		if(targ.id.indexOf("_container")>0){
			var temp=(targ.id.replace("_container",""));
			targ=$(temp);
		}
		
		var itemList=$(targ.id+"_item");
	
		if(dropLastItemObj){
			dropLastItemObj.style.display="none";
		}
		var obj_height=targ.offsetHeight;
		if(isIE){
			obj_height=obj_height-2;
		}
		
		itemList.style.left = getXCoord(targ) +'px';
		itemList.style.top =getYCoord(targ)  + obj_height+'px';
		itemList.style.display="";
		
		dropLastItemObj=itemList;
	}	
}

function jsdropitem_click(e){
	var targ = e.srcElement ? e.srcElement : e.target;

	var obj_itemList=$(targ.parentNode);
	var obj_drop=$(obj_itemList.id.replace("_item",""));
	obj_drop.innerHTML=targ.innerHTML;
	
	var temp=(targ.parentNode.id.replace("_item",""));
		temp=temp.replace("divDrop_","");
		
	var obj_select=$(temp);
	
	for(var i=0; i<obj_select.length; i++) {
		if(targ.innerHTML==obj_select.options[i].text){
			obj_select.selectedIndex=i;
		}
	}
	
	
	if(obj_select.id=="countryID"){
		changeCost($("countryID"));
	}
	//hide item list
	obj_itemList.style.display="none";
	
}

function jsdrop_over(e){
	var targ = e.srcElement ? e.srcElement : e.target;
	
	if(dropLastItemObj ){
		var temp = targ.id;
		temp=temp.replace("_item","");
		temp=temp.replace("_container","");
		var obj_item=$(temp+"_item");
	
		if(obj_item!=dropLastItemObj){
			dropLastItemObj.style.display = 'none';	
			dropLastItemObj=null;
		}
	}
	jsdropitem_clear();
	
}

function jsdrop_out(e){
	var targ = e.srcElement ? e.srcElement : e.target;
	
	if(targ.id==""){
		targ=targ.parentNode;
	}
		
	if(targ.id.indexOf("_container")>0){
		var temp=(targ.id.replace("_container",""));
		targ=$(temp);
	}
	if(targ.id.indexOf("_item")>0){
		var temp=(targ.id.replace("_item",""));
		targ=$(temp);
	}

	var itemList=$(targ.id+"_item");
	
	jsdropitem_clear();

	jsdropdelaytimer=setTimeout(function(){
		itemList.style.display = 'none';			
	},jsdropdelay);
}


function jsdropitem_over(e){
	jsdropitem_clear();
}

function jsdropitem_clear(e){
	clearTimeout(jsdropdelaytimer);
}
function jsdropitem_out(e){

	var targ = e.srcElement ? e.srcElement : e.target;

	if(targ.id.indexOf("_item")>0){
		var itemList=$(targ);
	}else if(targ.parentNode.id.indexOf("_item")>0){
		var itemList=$(targ.parentNode);
	}

	jsdropitem_clear();

	jsdropdelaytimer=setTimeout(function(){
		itemList.style.display = 'none';			
	},jsdropdelay);
		
}