// JavaScript Document
// WRITTEN FOR IMPERIAL SELECT //
// DEPENDENT ON jquery.js //
var IE = document.all?true:false
var drops = new Array();

function Normal_DropDown(width, input_arr, input_val_arr, default_op, current_val, tooltip) {
	this.width = width;
	var arr = Array();
	var val_array = Array();
	
	var cont = "";
	
	if (input_arr != null) {
		arr = input_arr;
	}
	if (input_val_arr != null) {
		val_array = input_val_arr;
	}

	this.id = "";
	drops[drops.length] = this;
	
	
	var option = "";
	
	var action_func = "";
	
	var disabled = false;
	
	this.resetDrop = function () {
		option = "";	
		
		$("#"+this.id+" .drop_left").html(default_op);
		
		this.disabled();	
	}
	
	this.setDefault = function (the_op) {
		option = "";	
		
		$("#"+this.id+" .drop_left").html(the_op);
		
	}
	
	this.disabled = function () {
		disabled = true;
		
		$(".drop_left", cont).css("background-image", "url("+path+"images/dropdown/back_over.jpg)");	
		$(".drop_left", cont).css("color", "#9d9e9e");
		
		if (tooltip != null) {
			cont.title = tooltip;
		}
		
	}	
	this.enabled = function () {
		disabled = false;
		$(".drop_left", cont).css("background-image", "url("+path+"images/dropdown/back.jpg)");	
		$(".drop_left", cont).css("color", "#626262");	
		
		cont.title = "";

	}
	
	this.render = function (container) {
		this.id = container;
		
		document.getElementById(container).style.position = "relative";
		
		cont = document.createElement("div");
		
		
		var left = document.createElement("div");
		left.className = "drop_left";
		if (IE) {
			left.style.width = (this.width-15)+"px";
		}
		else {
			left.style.width = (this.width-12)+"px";	
		}
		if (IE) {
			left.onclick = this.showOptions;
		}
		else {
			left.addEventListener("click", this.showOptions, true);
		}
		if (arr.length != 0) {
			left.innerHTML = arr[0];	
		}
		if (default_op != "") {
			left.innerHTML = default_op;	
		}
		if (current_val != "") {
			option = current_val;
			for (z = 0; z < input_val_arr.length; z++) {
				if (val_array[z] == current_val) {
					left.innerHTML = arr[z];	
				}
			}
			
		}
		
		var right =document.createElement("div");
		right.className = "drop_right";
		if (IE) {
			right.onclick = this.showOptions;
		}
		else {
			right.addEventListener("click", this.showOptions, true);
		}
		

		
		var clear = document.createElement("div");
		clear.style.clear = "both";
		clear.style.height = "0px";
		
		
		var drop = document.createElement("div");
		drop.className = "normal_drop_options";
		for (i = 0; i < arr.length; i++) {
			var drop_item = document.createElement("div");	
			drop_item.className = "normal_drop_item";
			drop_item.innerHTML = arr[i];
			drop_item.alt = i;
			if (IE) {
				drop_item.onclick = this.setOption;
			}
			else {
				drop_item.addEventListener("click", this.setOption, true);
			}
			drop.appendChild(drop_item);
			
		}
		
		
		cont.appendChild(left);
		cont.appendChild(right);
		cont.appendChild(clear);
		
		cont.appendChild(drop);

	
		
		document.getElementById(container).appendChild(cont);
		
		if (arr.length == 0) {
			this.disabled();	
		}
	}
	
	var action_func = "";
	
	this.setAction = function (func) {
		action_func = func;
	}

	this.getOptions = function () {
		
		
		return option;
		
	}
	
	this.closeDrop = function () {
		$("#"+this.id+" .normal_drop_options").slideUp(100);
		$("#"+this.id+" .drop_right").css("background-image", "url("+path+"images/dropdown/arrow.jpg)");
	}
	
	this.showOptions = function (e) {
		if (!disabled) {
			var obj = "";
			if (e != null) {
				obj = e.target;	
			}
			else {
				obj = event.srcElement;
			}
			
			var id = obj.parentNode.parentNode.id;
			if ($("#"+id+" .normal_drop_options").css("display") == "none") {
				
				for (i = 0; i < drops.length; i++) {
					drops[i].closeDrop();	
				}
				$("#"+id+" .normal_drop_options").css("display", "block");
				
				$("#"+id+" .drop_right").css("background-image", "url("+path+"images/dropdown/arrow_over.jpg)");
				
				current_drop = this;
			}
			else {
				$("#"+id+" .normal_drop_options").css("display", "none");
				$("#"+id+" .drop_right").css("background-image", "url("+path+"images/dropdown/arrow.jpg)");
				
				current_drop = "";
			}
		}
			
	}
	
	this.setOption = function (e) {
		var obj = "";
		if (e != null) {
			obj = e.target;	
		}
		else {
			obj = event.srcElement;
		}
		
		var value = obj.innerHTML;
		var id = obj.parentNode.parentNode.parentNode.id;
		option = input_val_arr[obj.alt];
		
		$("#"+id+" .drop_left").html(value);
		$("#"+id+" .drop_right").css("background-image", "url("+path+"images/dropdown/arrow.jpg)");
		$("#"+id+" .normal_drop_options").slideUp(50);	
		
		if (action_func != "") {
			action_func();
		}
	}
	

	this.updateContent = function (arr_input, val_arr_input, default_op) {
		input_arr = arr_input;
		input_val_arr = val_arr_input;
		
		$("#"+this.id+" .normal_drop_options").html("");
		
		
		
		for (i = 0; i < input_arr.length; i++) {
			if (input_arr[i] != "") {
				var drop_item = document.createElement("div");	
				drop_item.className = "normal_drop_item";
				drop_item.innerHTML = input_arr[i];
				drop_item.alt = i;
				if (IE) {
					drop_item.onclick = this.setOption;
				}
				else {
					drop_item.addEventListener("click", this.setOption, true);
				}
				$("#"+this.id+" .normal_drop_options").append(drop_item);
			}
			
		}
		

		
		
	}

	
	
}