﻿var UI={
	Init:function(obj){
		var childNodes;
		if (obj==null||typeof(obj)=="undefined")
		    obj=document;
		childNodes=obj.getElementsByTagName("input");
		for (var i=0;i<childNodes.length;i++){
			if (childNodes[i].type){
				switch (childNodes[i].type.toLowerCase()){
					case "text":
					case "password":
					    UI.InitTextBox(childNodes[i]);
						break;
					case "file":
					    UI.InitFileUpLoad(childNodes[i]);
						break;
					case "button":
					case "submit":
					case "reset":
					    UI.InitButton(childNodes[i]);
						break;
				}
			}
		}
		
		childNodes=obj.getElementsByTagName("table");
		for (var i=0;i<childNodes.length;i++){		
			if (childNodes[i].className){
				switch (childNodes[i].className){
					case "GridView":
						UI.InitDataGrid(childNodes[i]);
						break;
				}
			}
		}
		
		childNodes=obj.getElementsByTagName("select");
		for (var i=0;i<childNodes.length;i++){		
			UI.InitDropDownList(childNodes[i]);
		}		
		
		childNodes=obj.getElementsByTagName("textarea");
		for (var i=0;i<childNodes.length;i++){
			UI.InitMultiTextBox(childNodes[i]);
		}
	},
	InitTextBox:function(ctl){
		ctl.className="TextBox";
		ctl.attachEvent("onfocus",function(){event.srcElement.className="TextBox_focus";});
		ctl.attachEvent("onblur",function(){event.srcElement.className="TextBox";});
	},
	InitButton:function(btn){	    
	    normalCss="ImageButton";
	    focusCss="ImageButton_over";
	    if (btn.offsetWidth<=33){
		    normalCss="ImageButton_33";
		    focusCss="ImageButton_33_over";
	    }
	    else{
		    if (btn.offsetWidth<=64){
			    normalCss="ImageButton";
			    focusCss="ImageButton_over";
		    }
		    else{
			    if (btn.offsetWidth<=100){
				    normalCss="ImageButton_100";
				    focusCss="ImageButton_100_over";
			    }
			    else{
				    normalCss="ImageButton_big";
				    focusCss="ImageButton_big_over";
			    }
		    }							
	    }	
	    btn.className=normalCss;
	    btn.setAttribute("focusCss",focusCss);
	    btn.setAttribute("normalCss",normalCss);
	    btn.attachEvent("onmouseover",function(){event.srcElement.className=event.srcElement.getAttribute("focusCss");});
	    btn.attachEvent("onmouseout",function(){event.srcElement.className=event.srcElement.getAttribute("normalCss");});
	},
	InitDataGrid:function(tbl){
		if (tbl.tagName&&tbl.tagName.toLowerCase()=="table"){
			var rows=tbl.rows;
			for (var j=0;j<rows.length;j++){
			    if (rows[j].className.toLowerCase()=="head"||rows[j].className.toLowerCase()=="floor")
			        continue;
				rows[j].onmouseover=function(){
					this.className="hoverRow";
				}
				rows[j].onmouseout=function(){
					this.className="";
				}
			}
		}
	},
	InitDropDownList:function(ctl){
	    ctl.className="DropDownList";
	},
	InitMultiTextBox:function(ctl){
		ctl.className="MultiTextBox";
		ctl.attachEvent("onfocus",function(){event.srcElement.className="MultiTextBox_focus";});
		ctl.attachEvent("onblur",function(){event.srcElement.className="MultiTextBox";});
	},
	InitFileUpLoad:function(ctl){
		ctl.className="FileUpLoad";
		ctl.attachEvent("onfocus",function(){event.srcElement.className="FileUpLoad_focus";});
		ctl.attachEvent("onblur",function(){event.srcElement.className="FileUpLoad";});
	}
	
}

if (Page){
	Page.RegLoadEvent(UI.Init);
}