/*******************
* JS Select element
*******************/
function selectInit(id) {
	var sel = document.getElementById('select_'+id);
	var opt = document.getElementById('options_'+id);
	var val = document.getElementById('selectvalue_'+id);
	var optsel = document.getElementById('optsel_'+id);
	var opts = opt.getElementsByTagName('li');
	
	sel.onclick = function() {
		selectOpen(id);
	}
	for (var i=0;i<opts.length;i++) {
		opts[i].onmouseover = function() {
			this.className='hover';
		}
		opts[i].onmouseout = function() {
			this.className='';
		}
		opts[i].onclick = function() {
			selectSel(id,this);
		}
		if (opts[i].value==val.value) optsel.innerHTML=opts[i].innerHTML;
	}
}
function selectOpen(id) {
	var opt = document.getElementById('options_'+id);
	if ($("#options_" +id+ " li").length <= 0) {return;};
	if (opt.style.display=='none' || opt.style.display=='') {
		opt.style.display='block';
	} else {
		opt.style.display='none';
	}
}
function selectSel(id,o) {
	var optsel = document.getElementById('optsel_'+id);
	var val = document.getElementById('selectvalue_'+id);
	val.value = o.value;
	optsel.innerHTML = o.innerHTML;
}


document.onclick=check;

function check(e) {
	var ids = Array(1,2,3);
	var target = (e && e.target) || (event && event.srcElement);
	
	for (var i=0;i<ids.length;i++) {
		if (document.getElementById('options_'+ids[i]) && document.getElementById('select_'+ids[i])) {
			var obj = document.getElementById('options_'+ids[i]);
			var obj2 = document.getElementById('select_'+ids[i]);
			if (checkParent(target, obj)) {
				if (checkParent(target, obj2)) obj.style.display='none';
			}
		}
	}

}
function checkParent(t, o) {
	while (t.parentNode) {
		if(t==o) {
			return false
		}
		t=t.parentNode
	}
	return true
}