/**
 * @name: dd.js
 * @description: customize dropdown 
 * @author: Marghoob Suleman - http://www.marghoobsuleman.com/
 * @version: 1.5 
 * @date: March 09, 2009
 * @released: March 31, 2009 {1.4}, March 30, 2009 {1.3}, March 22, 2009 {1.2}, March 20, 2009 {1.0}
 * @category: Javascript Custom Component
 * @copyright (c) 2009 Marghoob Suleman (powered by: http://www.giftlelo.com/)
 */
MSDropDown={
	settings:{
		theme:'blue',
		autoHide:'off',
		offClass:'aOff',
		onClass:'aOn',
		maintainHeight:0,
		idpostfixmain:'_ms',
		idpostfixchild:'_child',
		idpostfixa:'_msa',
		idposttitlediv:'_divtitle',
		idposttitle:'_title',
		idhidden:'_input',
		showTitle:true,visibleRows:7,
		iconWithTitle:true},
		styles:{
			ddclass:'msDropDown',
			childclass:'msDropDown_Child',
			arrow:'/images/menu/down.jpg',
			arrowclass:'msArrow',
			titleclass:'msDropdownTitle',
			disabled:'msDisabled',
			enabled:'msEnabled'
			},
		attributes:{
			action:"onfocus,onblur,onchange,onclick,ondblclick,onmousedown,onmouseup,onmouseover,onmousemove,onmouseout,onkeypress,onkeydown,onkeyup",
			prop:"size,multiple,disabled,tabindex"},
			selected:new Object(),
			zIndex:999,
			insideWindow:false,
			dp_array:new Object()
			,currentDiv:'',
			init:function(byID){
				this.storeNmake(byID);
			},
			storeNmake:function(byID){
				var dps=this.getAllDropDown(byID);
				var total=dps.length;
				for(var iCount=0;iCount<total;iCount++)
				{
					var currentSelect=dps[iCount];
					if(currentSelect.id!=undefined&&currentSelect.id.length>0) {
						this.addNewEvents(currentSelect.id);
						var prop=new Array();
						var selectProp=this.getSelectProperties(currentSelect.id);
						prop["selectAttributes"]=selectProp.attributes;
						prop["selectAction"]=selectProp.action;
						var width=(this.dp_array[currentSelect.id]==undefined)?$(currentSelect).width():this.dp_array[currentSelect.id].width;
						var height=(this.dp_array[currentSelect.id]==undefined)?$(currentSelect).height():this.dp_array[currentSelect.id].height;
						$(currentSelect).css({width:width+'px'});var oOptions=$("#"+currentSelect.id+"> *");var totalOptions=oOptions.length;
						for(var optionCount=0;optionCount<totalOptions;optionCount++) {
							var foundopt=false;
							if(oOptions[optionCount].nodeName=="OPTION") {
								var currentOption=oOptions[optionCount];
								var values=this.getOptionsProperties(currentOption);
								prop.push(values);
							}
							else if(oOptions[optionCount].nodeName=="OPTGROUP") {
								foundopt=true;var optinit=false;
								var oCurrentOptGroup=oOptions[optionCount].childNodes;
								for(var optoptioncount=0;optoptioncount<oCurrentOptGroup.length;optoptioncount++) {
									var currentOption=oCurrentOptGroup[optoptioncount];
									var values=this.getOptionsProperties(currentOption);
									if(values!=false){if(optinit==false){
										optinit=true;
										var opt=this.getOptGroupProperties(oOptions[optionCount]);
										values["optstart"]=opt;
									};
									prop.push(values);
								}
							};
							if(foundopt){
								prop[prop.length-1].optend="end";
							};
							};
							};
							prop["id"]=currentSelect.id;
							prop["position"]=(this.dp_array[currentSelect.id]==undefined)?$("#"+currentSelect.id).position():this.dp_array[currentSelect.id].position;prop["width"]=width;prop["height"]=height;this.store(currentSelect.id,prop);}else{throw"An id is required!";};};this.makeAdropDown(byID);},setOutOfVision:function(id){$("#"+id).css({position:'absolute',left:'-5000px',top:'-5000px'});},makeAdropDown:function(){var alldps=this.getdps();var idMain=this.settings.idpostfixmain;var idChild=this.settings.idpostfixchild;var idhidden=this.settings.idhidden;var idA=this.settings.idpostfixa;var idtitlediv=this.settings.idposttitlediv;
								var idtitle=this.settings.idposttitle;var ddclass=this.styles.ddclass;var childclass=this.styles.childclass;var arrowclass=this.styles.arrowclass;var arrow=this.styles.arrow;var titleclass=this.styles.titleclass;var counter=0;for(i in alldps){var id=i;this.setOutOfVision(id);var values=alldps[i];var selectProp=values["selectAttributes"];var selectAction=values["selectAction"];var position=values.position;var width=(values.width)+'px';var titlewidth=values.width-18+'px';var top=position.top+'px';var left=position.left+'px';var dd_id=id+idMain;if($("#"+dd_id).length>0){$("#"+dd_id).remove();}
var childid=dd_id+idChild;var childtitledivid=dd_id+idtitlediv;var titleid=dd_id+idtitle;var hiddeninput=dd_id+idhidden;var onchange=values.onchange;var childheight='';if(values.length>this.getVisibleRows())childheight='120';var ddhtml="";var zIndex=this.zIndex--;var css=(selectProp["disabled"]==true)?" "+this.styles.disabled:this.styles.enabled;ddhtml+="<div  id='"+dd_id+"' class='"+ddclass+"' style='position:relative;width:"+width+";z-Index:"+zIndex+"'>";if(selectProp["disabled"]==true){ddhtml+="<div id='"+childtitledivid+"' class='"+css+"'><div class='"+arrowclass+"'><img src='"+arrow+"' border='0' align='right' /></div><div style='white-space:nowrap;width:"+titlewidth+"' class='"+titleclass+"' id='"+titleid+"'>Loading...</div><input style='text-indent:-400px;position:absolute; top:0; left:0; border:none; background:transparent;cursor:pointer;width:0px;heigh:0px;' type='text' value='' id='"+hiddeninput+"' name='"+hiddeninput+"' /></div>";}else{ddhtml+="<div id='"+childtitledivid+"' class='"+css+"' onclick=\"MSDropDown.openDropDown('"+dd_id+"')\"><div class='"+arrowclass+"'><img src='"+arrow+"' border='0' align='right' /></div><div style='white-space:nowrap;width:"+titlewidth+"' class='"+titleclass+"' id='"+titleid+"'>Loading...</div><input style='position:absolute; top:0; left:0; border:none; background:transparent;cursor:pointer;width:0px;heigh:0px;' type='text' value='' id='"+hiddeninput+"' name='"+hiddeninput+"' /></div>";};ddhtml+="<div id='"+childid+"' class='coloredScroll "+childclass+"' style='width:"+(values.width+2)+"px'>";var ahtml="";var sValue="";var sImg="";for(var aCount=0;aCount<values.length;aCount++){var curretna=values[aCount];var aID=dd_id+"_a_"+aCount;var value=curretna.value;if(aCount==0){var selectedID=aID;};var text=curretna.text;var selected=curretna.selected;var icon=curretna.icon;if($("#"+id+" option:selected").text()==text){sValue=text;selectedID=aID;var showIcon=this.getSetting("iconWithTitle");if(icon!=undefined&&showIcon==true){sImg="<img hspace='2' align='absMiddle' src='"+icon+"' />";};}
var isDisabled=curretna.disabled;var img="";var sTitle=(this.getShowTitle()==true)?text:'';var innerStyle=(curretna.style!=undefined)?curretna.style:'';if(curretna.optstart!=undefined){var optLabel=(curretna.optstart.label==undefined)?'':curretna.optstart.label;ahtml+="<div style='display:block;clear:both;'><span style='font-weight:bold;font-style:italic'>"+optLabel+"</span><div style='display:block;text-indent:10px;clear:both:'>";};if(icon!=undefined){img="<img id='"+aID+"_icon' class='icon' align='left' src='"+icon+"' />";};if(isDisabled==undefined||isDisabled==false){ahtml+="<a id='"+aID+"' title='"+sTitle+"' style='display:block;"+innerStyle+"'+ href='javascript:changeLocation(\""+value+"\");' value='"+(value)+"' onclick=\"MSDropDown.setSelected('"+dd_id+"', '"+text+"', '"+aID+"', '"+value+"', '"+icon+"')\">";}else{ahtml+="<a id='"+aID+"' title='"+sTitle+"' style='cursor:pointer;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;display:block;"+innerStyle+"' href='javascript:void(0);' value='"+(value)+"'>";};ahtml+=img+'<span>'+text+"</span></a>";if(curretna.optend=="end"){ahtml+="</div></div>";};};sValue=(sValue=='')?values[0].text:sValue;ddhtml+=ahtml;ddhtml+="</div>";ddhtml+="</div>"
counter++;$("#"+id).after(ddhtml);if(selectProp["disabled"]==false){}else{$("#"+dd_id).css({opacity:0.4});};this.applyEvents(dd_id,values,id);if(childheight!='')$("#"+childid).css({overflowY:'scroll',overflowX:'hidden',height:childheight+'px'});$("#"+titleid).html(sImg+sValue);this.manageSelection(id,selectedID);}},hasAction:function(prop,action){var sAction=action;var selectAction=prop;for(var i in selectAction){if(i.toString().toLowerCase()==sAction.toString().toLowerCase()&&selectAction[i]==true){return true;};};return false;},applyEvents:function(id,values,parent){var sID=id;var parent_id=parent;var props=values;var selectProp=props["selectAttributes"];var selectAction=props["selectAction"];if(selectProp["disabled"]==false){for(var i in selectAction){if(selectAction[i]==true){switch(i){case'onfocus':$("#"+sID).bind("focus",function(e){$("#"+parent_id).focus();});break;case'onblur':break;case'onchange':break;case'onclick':$("#"+sID).bind("click",function(e){$("#"+parent_id).click();});break;case'ondblclick':$("#"+sID).bind("dblclick",function(e){$("#"+parent_id).dblclick();});break;case'onmousedown':$("#"+sID).bind("mousedown",function(e){$("#"+parent_id).mousedown();});break;case'onmouseup':$("#"+sID).bind("mouseup",function(e){$("#"+parent_id).mouseup();});break;case'onmouseover':$("#"+sID).bind("mouseover",function(e){$("#"+parent_id).mouseover();});break;case'onmousemove':$("#"+sID).bind("mousemove",function(e){$("#"+parent_id).mousemove();});break;case'onmouseout':$("#"+sID).bind("mouseleave",function(e){$("#"+parent_id).mouseout();});break;case'onkeypress':$("#"+sID).bind("keypress",function(e){$("#"+parent_id).keypress();});break;case'onkeydown':$("#"+sID).bind("keydown",function(e){$("#"+parent_id).keydown();});break;case'onkeyup':$("#"+sID).bind("keyup",function(e){$("#"+parent_id).keyup();});break;};};};};},addNewEvents:function(id){document.getElementById(id).refresh=function(e){MSDropDown.refresh(this.id);}},refresh:function(id){MSDropDown.storeNmake("#"+id);},manageSelection:function(id,selected){if(this.selected[id]==undefined){this.selected[id]={selected:selected,previous:selected};};this.selected[id].selected=selected;if(this.selected[id].previous!=this.selected[id].selected){$("#"+this.selected[id].previous).removeClass('selected');};$("#"+this.selected[id].selected).addClass('selected');this.selected[id].previous=this.selected[id].selected;},setSelected:function(id,value,aID,val,imgsrc){var parentID=id.split("_")[0];this.selected[parentID].current=aID;var sID=id;var oPorop=prop;var targetDiv=sID+this.settings.idposttitle;var hiddeninput=sID+this.settings.idhidden;var prop=this.getdps(parentID);$("#"+parentID+" option:selected").text(value.toString());$("#"+parentID+" option:selected").val(val.toString());if($("#"+parentID).attr("onfocus")!=undefined){$("#"+parentID).focus();$("#"+hiddeninput).focus();};if($("#"+parentID).attr("onchange")!=undefined){$("#"+parentID).change();};$("#"+hiddeninput).val(value);var showIcon=this.getSetting("iconWithTitle");if(imgsrc.toString()!='undefined'&&showIcon==true){value="<img hspace='2' align='absmiddle' src='"+imgsrc+"' />"+value;}

$("#"+targetDiv).html(value);
this.manageSelection(parentID,aID);
this.closeDropDown();
},openDropDown:function(id){ 
	var prentDiv=id;var childDiv=id+="_child";
	if($("#"+childDiv).css("display")=="block") {
		MSDropDown.closeDropDown();
		return false;
	};
	var position=$("#"+prentDiv).position();
	var childPosTop=$("#"+prentDiv).height()+parseInt($("#"+prentDiv).css("padding-top"))+'px';var parentWidth=parseInt($("#"+prentDiv).width());
	var childWidth=parseInt($("#"+childDiv).width());if(childWidth<parentWidth){$("#"+childDiv).css({width:$("#"+prentDiv).width()+'px'});
	}
this.currentDiv=childDiv;
$("#"+childDiv).css({position:'absolute',top:childPosTop,left:'-1px'});
$("#"+childDiv).slideDown("fast");
$("#"+childDiv).mouseover(function(e){MSDropDown.setInsideWindow(true);
});
$("#"+childDiv).mouseout(function(e){MSDropDown.setInsideWindow(false);
});
$(document).bind('mouseup',function(e){if(MSDropDown.insideWindow==false){$(document).unbind('mouseup');
MSDropDown.closeDropDown();
}});
},setInsideWindow:function(set){this.insideWindow=set;},closeDropDown:function(){var curerntDiv=this.currentDiv;
var parentID=curerntDiv.split("_")[0];var hiddeninput=curerntDiv+this.settings.idhidden;
if($("#"+parentID).attr("onblur")!=undefined) {
	$("#"+parentID).focus();
	$("#"+hiddeninput).focus();
};
$("#"+this.currentDiv).slideUp("fast");
},store:function(id,prop){ 
	this.dp_array[id]=prop;
},getdps:function(byID){ return(byID==undefined)?this.dp_array:this.dp_array[byID];
},getAllDropDown:function(byID){return(byID==undefined)?$("body .dd"):$(byID);},showTitle:function(show){this.settings.showTitle=show;},getShowTitle:function(){return this.settings.showTitle;},setVisibleRows:function(rows){this.settings.visibleRows=rows;},getVisibleRows:function(){return this.settings.visibleRows;},getSelectProperties:function(id){var currentSelect=id;var attributes=this.attributes.prop;var prop=new Object();var attribs=attributes.split(",");var total=attribs.length;prop.attributes=new Object();for(var iCount=0;iCount<total;iCount++){var key=attribs[iCount].toString();var value=$("#"+currentSelect).attr(key);if(value!=undefined){prop.attributes[key]=value;};};attributes=this.attributes.action;attribs=attributes.split(",");total=attribs.length;prop.action=new Object();for(var iCount=0;iCount<total;iCount++){var key=attribs[iCount].toString();var value=$("#"+currentSelect).attr(key);if(value!=undefined){prop.action[key]=true;}else{prop.action[key]=false;};};return prop;},getOptionsProperties:function(option){var currentOption=option;if(currentOption.text!=undefined){var prop=new Object();prop["text"]=currentOption.text;prop["value"]=(currentOption.value==undefined)?currentOption.text:currentOption.value;var attribs=currentOption.attributes;var total=attribs.length;for(var iCount=0;iCount<total;iCount++){var att=attribs[iCount];prop[att.nodeName]=att.nodeValue;};return prop;}else{return false;};},getOptGroupProperties:function(opt){var oOpt=opt;var prop=new Object();prop["optstart"]="start";var attribs=oOpt.attributes;var total=attribs.length;if(total>0){for(var iCount=0;iCount<total;iCount++){var att=attribs[iCount];prop[att.nodeName]=att.nodeValue;};};return prop;},showIconWithTitle:function(show){this.settings.iconWithTitle=show;},getSetting:function(prop){return this.settings[prop];}}