function SetContentSize(){

	var occupiedHeight = 80 + 85 + 100 + 40 + 20;
	var occupiedWidth = 200;
	
	var mainBox = $("main");
	
	if (mainBox){
	
		var h = document.documentElement.clientHeight || document.body.clientHeight;
		
		if (h){
		
			var heightMainBox = h - (occupiedHeight);

			//window.alert(heightMainBox + "px");
			
			mainBox.style.height = heightMainBox + "px";
	
		}

		/*	
		var w = document.documentElement.clientWidth || document.body.clientWidth;
		
		if (w){
		
			var widthMainBox = w - (occupiedWidth);

			mainBox.style.width = widthMainBox + "px";
	
		}
		*/
	
	}
	
}

function SetForeColorMenu(){

	var mcr = $("mnuColorRed");
	var mcg = $("mnuColorGreen");
	var mcb = $("mnuColorBlue");
	
	if (mcr && mcg && mcb){

		var selectedRed = mcr.value;
		var selectedGreen = mcg.value;
		var selectedBlue = mcb.value;
		
		if (selectedRed && selectedGreen && selectedBlue){

			var obj = $("menu_left");

			if (obj){
			
				var lst = obj.getElementsByTagName("a");
				
				if (lst){
		
					for (var i = 0; i < lst.length; i++){
					
						var liObj = lst[i];
						
						liObj.style.color = "rgb(" + parseInt(selectedRed) + ", " + parseInt(selectedGreen) + ", " + parseInt(selectedBlue) + ")";
		
					}
		
				}
			
			}
			
		}
	
	}

}

function SetForeColorText(){

	var tcr = $("txtColorRed");
	var tcg = $("txtColorGreen");
	var tcb = $("txtColorBlue");
	
	if (tcr && tcg && tcb){

		var selectedRed = tcr.value;
		var selectedGreen = tcg.value;
		var selectedBlue = tcb.value;
		
		if (selectedRed && selectedGreen && selectedBlue){

			var obj = $("texts");

			if (obj){
			
				obj.style.color = "rgb(" + parseInt(selectedRed) + ", " + parseInt(selectedGreen) + ", " + parseInt(selectedBlue) + ")";
		
			}
			
		}
	
	}

}

function SetFontFamilyMenu(){

	var f = $("mnuFont");
	
	if (f){

		var selectedFont = f.value;
		
		if (selectedFont){

			var obj = $("menu_left");

			if (obj){
			
				var lst = obj.getElementsByTagName("a");
				
				if (lst){
		
					for (var i = 0; i < lst.length; i++){
					
						var liObj = lst[i];
						
						liObj.style.fontFamily = selectedFont;
		
					}
		
				}
			
			}
			
		}
	
	}

}

function SetFontFamilyText(){

	var f = $("txtFont");
	
	if (f){

		var selectedFont = f.value;
		
		if (selectedFont){
		
			var obj = $("texts");

			if (obj){
			
				obj.style.fontFamily = selectedFont;
		
			}
		
		}
		
	}

}

function SetBackgroundColor(){

	var cr = $("colorRed");
	var cg = $("colorGreen");
	var cb = $("colorBlue");
	
	if (cr && cg && cb){

		var selectedRed = cr.value;
		var selectedGreen = cg.value;
		var selectedBlue = cb.value;
		
		if (selectedRed && selectedGreen && selectedBlue){

			var bd = $("bd");

			if (bd){
			
				bd.style.backgroundColor = "rgb(" + parseInt(selectedRed) + ", " + parseInt(selectedGreen) + ", " + parseInt(selectedBlue) + ")";
		
			}
			
		}
	
	}

}

function SetMenuLines(){

	var ml = $("menuLines");
	
	if (ml){

		var selectedOption = ml.value;
		
		if (selectedOption == 1){

			var lst = document.getElementsByTagName("li");
			
			if (lst){
	
				$("menu_left_list").style.borderTop = "solid 1px black";

				for (var i = 0; i < lst.length; i++){
				
					var liObj = lst[i];
					
					var cn = liObj.className;
					
					if (cn){
					
						if (cn == "mi"){
						
							liObj.style.borderBottom = "solid 1px black";

						} else if (cn == "mi_top"){
						
							liObj.style.borderTop = "solid 1px black";
							liObj.style.borderBottom = "solid 1px black";
						
						} else if (cn == "mi_bottom"){
						
							liObj.style.border = "0";
						
						}
					
					}
				
				}
	
			}

		} else {
		
			var lst = document.getElementsByTagName("li");
			
			if (lst){
	
				$("menu_left_list").style.borderTop = "0";

				for (var i = 0; i < lst.length; i++){
				
					var liObj = lst[i];
					
					var cn = liObj.className;
					
					if (cn){
					
						if ((cn == "mi") || (cn == "mi_top") || (cn == "mi_bottom"))
							liObj.style.border = "0";
		
					
					}
				
				
				}
	
			}
		
		}
	
	}

}

function InitColorList(lst , selectedIdx){

	if (lst){

		for (var i = 0; i < 256; i++){
		
			var op = document.createElement("option");
			op.value = "" + i;
			if (i == selectedIdx) op.selected = true;
			op.appendChild(document.createTextNode("" + i));
			lst.appendChild(op);
			
		}	
		
	}

}

function Init(){

	var cr = $("colorRed");
	var cg = $("colorGreen");
	var cb = $("colorBlue");
	
	if (cr){

		InitColorList(cr, 0);
		cr.onchange = SetBackgroundColor;
	
	}

	if (cg){

		InitColorList(cg, 100);
		cg.onchange = SetBackgroundColor;
	
	}
	
	if (cb){

		InitColorList(cb, 255);
		cb.onchange = SetBackgroundColor;
	
	}
	
	var mcr = $("mnuColorRed");
	var mcg = $("mnuColorGreen");
	var mcb = $("mnuColorBlue");
	
	if (mcr){

		InitColorList(mcr, 0);
		mcr.onchange = SetForeColorMenu;
	
	}

	if (mcg){

		InitColorList(mcg, 0);
		mcg.onchange = SetForeColorMenu;
	
	}
	
	if (mcb){

		InitColorList(mcb, 0);
		mcb.onchange = SetForeColorMenu;
	
	}
	
	var tcr = $("txtColorRed");
	var tcg = $("txtColorGreen");
	var tcb = $("txtColorBlue");
	
	if (tcr){

		InitColorList(tcr, 0);
		tcr.onchange = SetForeColorText;
	
	}

	if (tcg){

		InitColorList(tcg, 0);
		tcg.onchange = SetForeColorText;
	
	}
	
	if (tcb){

		InitColorList(tcb, 0);
		tcb.onchange = SetForeColorText;
	
	}
	
	var ml = $("menuLines");

	if (ml){

		ml.onchange = SetMenuLines;
	
	}
	
	var mf = $("mnuFont");

	if (mf){

		mf.onchange = SetFontFamilyMenu;
	
	}

	var tf = $("txtFont");

	if (tf){

		tf.onchange = SetFontFamilyText;
	
	}

	SetContentSize();
	
}

onload = Init;