/*#############################################################
Name: Niceforms
Version: 1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/

Feel free to use and modify but please provide credits.
#############################################################*/

//Global Variables
var niceforms = document.getElementsByTagName('form'); var inputs = new Array(); var labels = new Array(); var radios = new Array(); var radioLabels = new Array(); var checkboxes = new Array(); var checkboxLabels = new Array(); var texts = new Array(); var textareas = new Array(); var selects = new Array(); var selectText = "please select"; var agt = navigator.userAgent.toLowerCase(); this.ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1)); var hovers = new Array(); var buttons = new Array(); var isMac = new RegExp('(^|)'+'Apple'+'(|$)');

//Theme Variables - edit these to match your theme
var selectRightSideWidth = 21;
var selectLeftSideWidth = 8;
var selectAreaHeight = 21;
var selectAreaOptionsOverlap = 2;
var imagesPath = "images/";
var marked_row = new Array;
			function PMA_markRowsInit() {
		    // for every table row ...
		    var rows = document.getElementsByTagName('tr');
		    for ( var i = 0; i < rows.length; i++ ) {
		        // ... with the class 'odd' or 'even' ...
		        if ( 'odd' != rows[i].className.substr(0,3) && 'even' != rows[i].className.substr(0,4) ) {
		            continue;
		        }
		        // ... add event listeners ...
		        // ... to highlight the row on mouseover ...
		        if ( navigator.appName == 'Microsoft Internet Explorer' ) {
		            // but only for IE, other browsers are handled by :hover in css
		            rows[i].onmouseover = function() {
		                this.className += ' hover';
		            }
		            rows[i].onmouseout = function() {
		                this.className = this.className.replace( ' hover', '' );
		            }
		        }
		        // Do not set click events if not wanted
		        if (rows[i].className.search(/noclick/) != -1) {
		            continue;
		        }
		        // ... and to mark the row on click ...
		        rows[i].onmousedown = function() {
		            var unique_id;
		            var checkbox;

		            checkbox = this.getElementsByTagName( 'input' )[0];
		            if ( checkbox && checkbox.type == 'checkbox' ) {
		                unique_id = checkbox.name + checkbox.value;
		            } else if ( this.id.length > 0 ) {
		                unique_id = this.id;
		            } else {
		                return;
		            }

		            if ( typeof(marked_row[unique_id]) == 'undefined' || !marked_row[unique_id] ) {
		                marked_row[unique_id] = true;
		            } else {
		                marked_row[unique_id] = false;
		            }

		            if ( marked_row[unique_id] ) {
		                this.className += ' marked';
		            } else {
		                this.className = this.className.replace(' marked', '');
		            }

		            if ( checkbox && checkbox.disabled == false ) {
		                checkbox.checked = marked_row[unique_id];
		            }
		        }

		        // ... and disable label ...
		        var labeltag = rows[i].getElementsByTagName('label')[0];
		        if ( labeltag ) {
		            labeltag.onclick = function() {
		                return false;
		            }
		        }
		        // .. and checkbox clicks
		        var checkbox = rows[i].getElementsByTagName('input')[0];
		        if ( checkbox ) {
		            checkbox.onclick = function() {
		                // opera does not recognize return false;
		                this.checked = ! this.checked;
		            }
		        }
		    }
		}
//Initialization function - if you have any other 'onload' functions, add them here
function init() {
	if(!document.getElementById) {return false;}
	preloadImages();
	getElements();
	separateElements();
	replaceRadios();
	replaceCheckboxes();
	replaceSelects();
	PMA_markRowsInit();
	if(!isMac.test(navigator.vendor)) {
		replaceTexts();
		replaceTextareas();
		buttonHovers();
	}
}


//preloading required images
function preloadImages() {
	preloads = new Object();
	preloads[0] = new Image(); preloads[0].src = imagesPath + "button_left_xon.gif";
	preloads[1] = new Image(); preloads[1].src = imagesPath + "button_right_xon.gif";
	preloads[2] = new Image(); preloads[2].src = imagesPath + "input_left_xon.gif";
	preloads[3] = new Image(); preloads[3].src = imagesPath + "input_right_xon.gif";
	preloads[4] = new Image(); preloads[4].src = imagesPath + "txtarea_bl_xon.gif";
	preloads[5] = new Image(); preloads[5].src = imagesPath + "txtarea_br_xon.gif";
	preloads[6] = new Image(); preloads[6].src = imagesPath + "txtarea_cntr_xon.gif";
	preloads[7] = new Image(); preloads[7].src = imagesPath + "txtarea_l_xon.gif";
	preloads[8] = new Image(); preloads[8].src = imagesPath + "txtarea_tl_xon.gif";
	preloads[9] = new Image(); preloads[9].src = imagesPath + "txtarea_tr_xon.gif";
}
//getting all the required elements
function getElements() {
	var re = new RegExp('(^| )'+'niceform'+'( |$)');
	for (var nf = 0; nf < document.getElementsByTagName('form').length; nf++) {
		if(re.test(niceforms[nf].className)) {
			for(var nfi = 0; nfi < document.forms[nf].getElementsByTagName('input').length; nfi++) {inputs.push(document.forms[nf].getElementsByTagName('input')[nfi]);}
			for(var nfl = 0; nfl < document.forms[nf].getElementsByTagName('label').length; nfl++) {labels.push(document.forms[nf].getElementsByTagName('label')[nfl]);}
			for(var nft = 0; nft < document.forms[nf].getElementsByTagName('textarea').length; nft++) {textareas.push(document.forms[nf].getElementsByTagName('textarea')[nft]);}
			for(var nfs = 0; nfs < document.forms[nf].getElementsByTagName('select').length; nfs++) {selects.push(document.forms[nf].getElementsByTagName('select')[nfs]);}
		}
	}
}
//separating all the elements in their respective arrays
function separateElements() {
	var r = 0; var c = 0; var t = 0; var rl = 0; var cl = 0; var tl = 0; var b = 0;
	for (var q = 0; q < inputs.length; q++) {
		if(inputs[q].type == 'radio') {
			radios[r] = inputs[q]; ++r;
			for(var w = 0; w < labels.length; w++) {if(labels[w].htmlFor == inputs[q].id) {if(inputs[q].checked) {labels[w].className = "chosen";} radioLabels[rl] = labels[w]; ++rl;}}
		}
		if(inputs[q].type == 'checkbox') {
			checkboxes[c] = inputs[q]; ++c;
			for(var w = 0; w < labels.length; w++) {if(labels[w].htmlFor == inputs[q].id) {if(inputs[q].checked) {labels[w].className = "chosen";} checkboxLabels[cl] = labels[w]; ++cl;}}
		}
		if((inputs[q].type == "text") || (inputs[q].type == "password")) {texts[t] = inputs[q]; ++t;}
		if((inputs[q].type == "submit") || (inputs[q].type == "button")) {buttons[b] = inputs[q]; ++b;}
	}
}
function replaceRadios() {
	for (var q = 0; q < radios.length; q++) {
		//move radios out of the way
		radios[q].className = "outtaHere";
		//create div
		var radioArea = document.createElement('div');
		if(radios[q].checked) {radioArea.className = "radioAreaChecked";} else {radioArea.className = "radioArea";}
		radioArea.style.left = findPosX(radios[q]) + 'px';
		radioArea.style.top = findPosY(radios[q]) + 'px';
		radioArea.style.margin = "1px";
		radioArea.id = "myRadio" + q;
		//insert div
		radios[q].parentNode.insertBefore(radioArea, radios[q]);
		//assign actions
		radioArea.onclick = new Function('rechangeRadios('+q+')');
		radioLabels[q].onclick = new Function('rechangeRadios('+q+')');
		if(!this.ie) {radios[q].onfocus = new Function('focusRadios('+q+')'); radios[q].onblur = new Function('blurRadios('+q+')');}
		radios[q].onclick = radioEvent;
	}
	return true;
}
function focusRadios(who) {
	var what = document.getElementById('myRadio'+who);
	what.style.border = "1px dotted #333"; what.style.margin = "0";
	return false;
}
function blurRadios(who) {
	var what = document.getElementById('myRadio'+who);
	what.style.border = "0"; what.style.margin = "1px";
	return false;
}
function checkRadios(who) {
	var what = document.getElementById('myRadio'+who);
	others = document.getElementsByTagName('div');
	for(var q = 0; q < others.length; q++) {if((others[q].className == "radioAreaChecked")&&(others[q].nextSibling.name == radios[who].name)) {others[q].className = "radioArea";}}
	what.className = "radioAreaChecked";
}
function changeRadios(who) {
	if(radios[who].checked) {
		for(var q = 0; q < radios.length; q++) {if(radios[q].name == radios[who].name) {radios[q].checked = false; radioLabels[q].className = "";}} 
		radios[who].checked = true; radioLabels[who].className = "chosen";
		checkRadios(who);
	}
}
function rechangeRadios(who) {
	if(!radios[who].checked) {
		for(var q = 0; q < radios.length; q++) {if(radios[q].name == radios[who].name) {radios[q].checked = false; radioLabels[q].className = "";}}
		radios[who].checked = true; radioLabels[who].className = "chosen";
		checkRadios(who);
	}
}
function radioEvent(e) {
	if (!e) var e = window.event;
	if(e.type == "click") {for (var q = 0; q < radios.length; q++) {if(this == radios[q]) {changeRadios(q); break;}}}
}
function replaceCheckboxes() {
	for (var q = 0; q < checkboxes.length; q++) {
		//move checkboxes out of the way
		checkboxes[q].className = "outtaHere";
		//create div
		var checkboxArea = document.createElement('div');
		if(checkboxes[q].checked) {checkboxArea.className = "checkboxAreaChecked";} else {checkboxArea.className = "checkboxArea";}
		checkboxArea.style.left = findPosX(checkboxes[q]) + 'px';
		checkboxArea.style.top = findPosY(checkboxes[q]) + 'px';
		checkboxArea.style.margin = "1px";
		checkboxArea.id = "myCheckbox" + q;
		//insert div
		checkboxes[q].parentNode.insertBefore(checkboxArea, checkboxes[q]);
		//asign actions
		checkboxArea.onclick = new Function('rechangeCheckboxes('+q+')');
		if(!isMac.test(navigator.vendor)) {checkboxLabels[q].onclick = new Function('changeCheckboxes('+q+')');}
		else {checkboxLabels[q].onclick = new Function('rechangeCheckboxes('+q+')');}
		if(!this.ie) {checkboxes[q].onfocus = new Function('focusCheckboxes('+q+')'); checkboxes[q].onblur = new Function('blurCheckboxes('+q+')');}
		checkboxes[q].onkeydown = checkEvent;
	}
	return true;
}
function focusCheckboxes(who) {
	var what = document.getElementById('myCheckbox'+who);
	what.style.border = "1px dotted #333"; what.style.margin = "0";
	return false;
}
function blurCheckboxes(who) {
	var what = document.getElementById('myCheckbox'+who);
	what.style.border = "0"; what.style.margin = "1px";
	return false;
}
function checkCheckboxes(who, action) {
	var what = document.getElementById('myCheckbox'+who);
	if(action == true) {what.className = "checkboxAreaChecked";}
	if(action == false) {what.className = "checkboxArea";}
	if(checkboxes[who].id=="checkSub"){
	if(action == true){
	Ajax.Request('index.php?page=getmodel&sub=1&param=',document.getElementById('selectCategory').options[document.getElementById('selectCategory').selectedIndex].value, Ajax.Response);
	}
	else{
		Ajax.Request('index.php?page=getmodel&sub=0&param=',document.getElementById('selectCategory').options[document.getElementById('selectCategory').selectedIndex].value, Ajax.Response);
	}
	}
}
function changeCheckboxes(who) {
	
	if(checkboxLabels[who].className == "chosen") {
		checkboxes[who].checked = true;
		checkboxLabels[who].className = "";
		checkCheckboxes(who, false);
	}
	else if(checkboxLabels[who].className == "") {
		checkboxes[who].checked = false;
		checkboxLabels[who].className = "chosen";
		checkCheckboxes(who, true);
	}
	
}
function rechangeCheckboxes(who) {
	
	var tester = false;
	if(checkboxLabels[who].className == "chosen") {
		tester = false;
		checkboxLabels[who].className = "";
	}
	else if(checkboxLabels[who].className == "") {
		tester = true;
		checkboxLabels[who].className = "chosen";
	}
	checkboxes[who].checked = tester;
	checkCheckboxes(who, tester);
	
}
function checkEvent(e) {
	if (!e) var e = window.event;
	if(e.keyCode == 32) {for (var q = 0; q < checkboxes.length; q++) {if(this == checkboxes[q]) {changeCheckboxes(q);}}} //check if space is pressed
}
function replaceSelects() {
    for(var q = 0; q < selects.length; q++) {
		//create and build div structure
		var selectArea = document.createElement('div');
		var left = document.createElement('div');
		var right = document.createElement('div');
		var center = document.createElement('div');
		var button = document.createElement('a');
		var text = document.createTextNode(selectText);
		center.id = "mySelectText"+q;
		var selectWidth = parseInt(selects[q].className.replace(/width_/g, ""));
		if(isNaN(selectWidth)) {selectWidth = 150;}
		center.style.width = selectWidth - 10 + 'px';
		selectArea.style.width = selectWidth + selectRightSideWidth + selectLeftSideWidth + 'px';
		button.style.width = selectWidth + selectRightSideWidth + selectLeftSideWidth + 'px';
		button.style.marginLeft = - selectWidth - selectLeftSideWidth + 'px';
		button.href = "javascript:showOptions("+q+")";
		button.onkeydown = selectEvent;
		button.className = "selectButton"; //class used to check for mouseover
		selectArea.className = "selectArea";
		selectArea.id = "sarea"+q;
		left.className = "left";
		right.className = "right";
		center.className = "center";
		right.appendChild(button);
		center.appendChild(text);
		selectArea.appendChild(left);
		selectArea.appendChild(right);
		selectArea.appendChild(center);
		//hide the select field
        selects[q].style.display='none'; 
		//insert select div
		selects[q].parentNode.insertBefore(selectArea, selects[q]);
		//build & place options div
		var optionsDiv = document.createElement('div');
		optionsDiv.style.width = selectWidth + 20 + 'px';
		optionsDiv.className = "optionsDivInvisible";
		optionsDiv.id = "optionsDiv"+q;
		optionsDiv.style.left = findPosX(selectArea) + 'px';
		optionsDiv.style.top = findPosY(selectArea) + selectAreaHeight - selectAreaOptionsOverlap + 'px';
		
		//get select's options and add to options div
		for(var w = 0; w < selects[q].options.length; w++) {
			
			var optionHolder = document.createElement('div');
			var optionLink = document.createElement('a');
			var optionTxt = document.createTextNode(selects[q].options[w].text);
			optionLink.href = "javascript:showOptions("+q+"); selectMe('"+selects[q].id+"',"+w+","+q+");";
			optionLink.appendChild(optionTxt);
			if(!selects[q].options[w].id){selects[q].options[w].id='0';}
			k=parseInt(selects[q].options[w].id)+14;
			optionHolder.style['padding']='1px '+k+'px';
			if((w!=selects[q].options.length-1) && (parseInt(selects[q].options[w+1].id)>parseInt(selects[q].options[w].id)) && selects[q].options[w].id!='0')
			{		optionLink2 = document.createElement('a');
					optionLink2.style['background']="transparent";
					optionImgCn = document.createElement('img');
					optionImgCn.src='images/plus.gif';
					optionImgCn.style['border']=0;
					optionLink2.href = "javascript:expandChildrenOfIt('"+selects[q].id+"',"+w+",1);";
					optionLink2.appendChild(optionImgCn);
					
					optionHolder.appendChild(optionLink2);
					optionHolder.style['padding']='1px '+selects[q].options[w].id+'px';
			}
			if(selects[q].options[w].id!='1' && selects[q].options[w].id!='0'){optionHolder.style.display='none';}
			if(selects[q].options[w].id!='0'){
			optionImgCn2 = document.createElement('img');
			optionImgCn2.src='images/right.png';
			optionImgCn2.style['border']=0;
			
			optionHolder.appendChild(optionImgCn2);
			}
			optionHolder.appendChild(optionLink);
			optionHolder.id='Child_'+w+'_Of_'+selects[q].id;
			optionsDiv.appendChild(optionHolder);
			//check for pre-selected items
			if(selects[q].options[w].selected) {selectMe(selects[q].id,w,q);}
		}
		//insert options div
		document.getElementsByTagName("body")[0].appendChild(optionsDiv);
	}
}

function expandChildrenOfIt(a,b,c){
	j=b+1;
	elem=document.getElementById(a);
	//expand
	if(c==1){
		document.getElementById('Child_'+b+'_Of_'+a).getElementsByTagName("a")[0].getElementsByTagName("img")[0].src='images/minus.gif';
	document.getElementById('Child_'+b+'_Of_'+a).getElementsByTagName("img")[1].src='images/down.png';			document.getElementById('Child_'+b+'_Of_'+a).getElementsByTagName("a")[0].href="javascript:expandChildrenOfIt('"+a+"',"+b+",0);";
		for(i=j;i<elem.options.length;i++){
			if(elem.options[i].id==elem.options[j].id){
				document.getElementById('Child_'+i+'_Of_'+a).style.display='block';
				
			}
			else{
				if(parseInt(elem.options[i].id)<=parseInt(elem.options[b].id)){
					break;
				}
			}
		}
	}
	//collapse
	else{
		document.getElementById('Child_'+b+'_Of_'+a).getElementsByTagName("a")[0].getElementsByTagName("img")[0].src='images/plus.gif';
	document.getElementById('Child_'+b+'_Of_'+a).getElementsByTagName("img")[1].src='images/right.png';			document.getElementById('Child_'+b+'_Of_'+a).getElementsByTagName("a")[0].href="javascript:expandChildrenOfIt('"+a+"',"+b+",1);";
		for(i=j;i<elem.options.length;i++){
			if(parseInt(elem.options[i].id)>parseInt(elem.options[b].id)){
				document.getElementById('Child_'+i+'_Of_'+a).style.display='none';
				if(document.getElementById('Child_'+i+'_Of_'+a).getElementsByTagName("a")[0].getElementsByTagName("img")[0]){
					document.getElementById('Child_'+i+'_Of_'+a).getElementsByTagName("a")[0].getElementsByTagName("img")[0].src='images/plus.gif';
					document.getElementById('Child_'+i+'_Of_'+a).getElementsByTagName("img")[1].src='images/right.png';
					document.getElementById('Child_'+i+'_Of_'+a).getElementsByTagName("a")[0].href="javascript:expandChildrenOfIt('"+a+"',"+i+",1);";}
				
			}
			else{
				break;
			}
		}
	}
}
function showOptions(g) {
		elem = document.getElementById("optionsDiv"+g);
		thething = document.getElementById("sarea"+g); //Added
elem.style.left = findPosX(thething) + "px"; //Added
elem.style.top = findPosY(thething) + selectAreaHeight - selectAreaOptionsOverlap + 4+ "px"; //Added
		
		if(elem.className=="optionsDivInvisible") {
			elem.className = "optionsDivVisible";
			idform=selects[g].id;
			if(idform=="selectCategory"){
			for(var k = 0; k < selects[g].options.length; k++) {
				if(selects[g].options[k].selected == true)
				{noSelected=k;}
				else{
					document.getElementById("Child_"+k+"_Of_"+idform).style.background="";
				}
			}
			document.getElementById("Child_"+noSelected+"_Of_"+idform).style.background="#CCFFCC";
			noSelected1=noSelected;
			noSelected2=noSelected;
			for(var k = noSelected1; k < selects[g].options.length; k++) {
				if(selects[g].options[k].id=="1")
					break;
				if(parseInt(selects[g].options[k].id) <= parseInt(selects[g].options[noSelected1].id)){
					document.getElementById("Child_"+k+"_Of_"+idform).style.display='block';
					if(parseInt(selects[g].options[k].id) <= parseInt(selects[g].options[noSelected1].id))
					{
						noSelected1=k;
					}
				}
				
			}
			for(var k = noSelected2; k > 0; k--) {
				if(parseInt(selects[g].options[k].id) <= parseInt(selects[g].options[noSelected2].id))
				{
					
					
					document.getElementById("Child_"+k+"_Of_"+idform).style.display='block';
					if(parseInt(selects[g].options[k].id) < parseInt(selects[g].options[noSelected2].id))
					{
						document.getElementById('Child_'+k+'_Of_'+idform).getElementsByTagName("a")[0].getElementsByTagName("img")[0].src='images/minus.gif';
	document.getElementById('Child_'+k+'_Of_'+idform).getElementsByTagName("img")[1].src='images/down.png';			document.getElementById('Child_'+k+'_Of_'+idform).getElementsByTagName("a")[0].href="javascript:expandChildrenOfIt('"+idform+"',"+k+",0);";
					}
					noSelected2=k;
					if(selects[g].options[k].id=="1") break;
				}
				
			}
			}		
			 	 
			}
		else if(elem.className=="optionsDivVisible") {elem.className = "optionsDivInvisible";}
}
function hideOptions(e) { //hiding the options on mouseout
	if (!e) var e = window.event;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	if(((reltg.nodeName != 'A') && (reltg.nodeName != 'DIV')) || ((reltg.nodeName == 'A') && (reltg.className=="selectButton") && (reltg.nodeName != 'DIV'))) {this.className = "optionsDivInvisible";};
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();
}

function selectMe(selectFieldId,linkNo,selectNo) {
	
	//feed selected option to the actual select field
	selectField = document.getElementById(selectFieldId);
	for(var k = 0; k < selectField.options.length; k++) {
		if(k==linkNo) {selectField.options[k].selected = "selected";}
		else {selectField.options[k].selected = "";}
	}
	if(selectFieldId=="selectCategory"){
	if(document.getElementById('checkSub').checked){
	Ajax.Request('index.php?page=getmodel&sub=1&param=',selectField.options[linkNo].value, Ajax.Response);
	}
	else{			Ajax.Request('index.php?page=getmodel&sub=0&param=',selectField.options[linkNo].value, Ajax.Response);
	}
	
	
	}
	if((selectFieldId=="sameCa" || selectFieldId=="selSubCat") && linkNo!=0){
		window.location.href='index.php?page=model&id='+selectField.options[linkNo].value;
	}
	//show selected option
	textVar = document.getElementById("mySelectText"+selectNo);
	var newText = document.createTextNode(selectField.options[linkNo].text);
	textVar.replaceChild(newText, textVar.childNodes[0]);
	
}
function replaceNew(selectId){
	for(var q = 0; q < selects.length; q++) {
		if(selects[q].id==selectId){
				selectNo=q;
				break;
		}
	}
	newelem=document.getElementById("optionsDiv"+selectNo);
	
	newelem.id="NewIDByComNuoc";
	var selectWidth = parseInt(selects[selectNo].className.replace(/width_/g, ""));
		if(isNaN(selectWidth)) {selectWidth = 150;}
	var optionsDiv = document.createElement('div');
		optionsDiv.style.width = selectWidth + 20 + 'px';
		optionsDiv.className = "optionsDivInvisible";
		optionsDiv.id = "optionsDiv"+selectNo;
		optionsDiv.style.left = findPosX(document.getElementById("sarea"+selectNo)) + 'px';
		optionsDiv.style.top = findPosY(document.getElementById("sarea"+selectNo)) + selectAreaHeight - selectAreaOptionsOverlap + 'px';
		
		//get select's options and add to options div
		for(var w = 0; w < selects[selectNo].options.length; w++) {
			
			var optionHolder = document.createElement('div');
			var optionLink = document.createElement('a');
			var optionTxt = document.createTextNode(selects[selectNo].options[w].text);
			optionLink.href = "javascript:showOptions("+selectNo+"); selectMe('"+selects[selectNo].id+"',"+w+","+selectNo+");";
			optionLink.appendChild(optionTxt);
			if(!selects[selectNo].options[w].id){selects[selectNo].options[w].id='0';}
			k=parseInt(selects[selectNo].options[w].id)+14;
			optionHolder.style['padding']='1px '+k+'px';
			if((w!=selects[selectNo].options.length-1) && (parseInt(selects[selectNo].options[w+1].id)>parseInt(selects[selectNo].options[w].id)) && selects[selectNo].options[w].id!='0')
			{		optionLink2 = document.createElement('a');
					optionLink2.style['background']="transparent";
					optionImgCn = document.createElement('img');
					optionImgCn.src='images/plus.gif';
					optionImgCn.style['border']=0;
					optionLink2.href = "javascript:expandChildrenOfIt('"+selects[selectNo].id+"',"+w+",1);";
					optionLink2.appendChild(optionImgCn);
					
					optionHolder.appendChild(optionLink2);
					optionHolder.style['padding']='1px '+selects[selectNo].options[w].id+'px';
			}
			if(selects[selectNo].options[w].id!='1' && selects[selectNo].options[w].id!='0'){optionHolder.style.display='none';}
			if(selects[selectNo].options[w].id!='0'){
			optionImgCn2 = document.createElement('img');
			optionImgCn2.src='images/right.png';
			optionImgCn2.style['border']=0;
			
			optionHolder.appendChild(optionImgCn2);
			}
			optionHolder.appendChild(optionLink);
			optionHolder.id='Child_'+w+'_Of_'+selects[selectNo].id;
			optionsDiv.appendChild(optionHolder);
			//check for pre-selected items
			if(selects[selectNo].options[w].selected) {selectMe(selects[selectNo].id,w,selectNo);}
		}
	document.getElementsByTagName("body")[0].replaceChild(optionsDiv,document.getElementById("NewIDByComNuoc"));
}
function selectEvent(e) {
	if (!e) var e = window.event;
	var thecode = e.keyCode;
	switch(thecode){
		case 40: //down
			var fieldId = this.parentNode.parentNode.id.replace(/sarea/g, "");
			var linkNo = 0;
			for(var q = 0; q < selects[fieldId].options.length; q++) {if(selects[fieldId].options[q].selected) {linkNo = q;}}
			++linkNo;
			if(linkNo >= selects[fieldId].options.length) {linkNo = 0;}
			selectMe(selects[fieldId].id, linkNo, fieldId);
			break;
		case 38: //up
			var fieldId = this.parentNode.parentNode.id.replace(/sarea/g, "");
			var linkNo = 0;
			for(var q = 0; q < selects[fieldId].options.length; q++) {if(selects[fieldId].options[q].selected) {linkNo = q;}}
			--linkNo;
			if(linkNo < 0) {linkNo = selects[fieldId].options.length - 1;}
			selectMe(selects[fieldId].id, linkNo, fieldId);
			break;
		default:
			break;
	}
}
var Ajax = new Object();

Ajax.Request = function(url,id, callbackMethod)
{
	

	Ajax.request = Ajax.createRequestObject();
	Ajax.request.onreadystatechange = callbackMethod;
	Ajax.request.open("POST", url+id, true);
	Ajax.request.send(url);
}

Ajax.Response = function ()
{
	if(Ajax.CheckReadyState(Ajax.request))
	{		
		document.getElementById('selSubCat').length = 0;
		
		var	response = Ajax.request.responseXML.documentElement;
		var _data = response.getElementsByTagName('category');
		
		document.getElementById('selSubCat').options[0] = new Option("Chọn sản phẩm",'0');	
		document.getElementById('selSubCat').options[0].selected==true;
		
		if(_data.length != 0)
		{
		var i
		for ( i = 0 ; i < _data.length ; i ++ )
		{
			j=i+1;
			document.getElementById('selSubCat').options[j] = new Option(response.getElementsByTagName('fname')[i].firstChild.data,response.getElementsByTagName('id')[i].firstChild.data);	
		}
		}
		replaceNew("selSubCat");
		
	}
}

Ajax.createRequestObject = function()
{
	var obj;
	if(window.XMLHttpRequest)
	{
		obj = new XMLHttpRequest();
	}
	else if(window.ActiveXObject)
	{
		obj = new ActiveXObject("MSXML2.XMLHTTP");
	}
	return obj;
}

Ajax.CheckReadyState = function(obj)
{
	
	//if(obj.readyState == 1) { document.getElementById('loading').innerHTML = "Loading..."; }
	//if(obj.readyState == 2) { document.getElementById('loading').innerHTML = "Loading..."; }
	//if(obj.readyState == 3) { document.getElementById('loading').innerHTML = "Loading..."; }	
	if(obj.readyState == 4)
	{
		if(obj.status == 200)
		{
			
			return true;
		}
		
	}
}


function replaceTexts() {
	for(var q = 0; q < texts.length; q++) {
		texts[q].style.width = texts[q].size * 10 + 'px';
		txtLeft = document.createElement('img'); txtLeft.src = imagesPath + "input_left.gif"; txtLeft.className = "inputCorner";
		txtRight = document.createElement('img'); txtRight.src = imagesPath + "input_right.gif"; txtRight.className = "inputCorner";
		texts[q].parentNode.insertBefore(txtLeft, texts[q]);
		texts[q].parentNode.insertBefore(txtRight, texts[q].nextSibling);
		texts[q].className = "textinput";
		//create hovers
		texts[q].onfocus = function() {
			this.className = "textinputHovered";
			this.previousSibling.src = imagesPath + "input_left_xon.gif";
			this.nextSibling.src = imagesPath + "input_right_xon.gif";
		}
		texts[q].onblur = function() {
			this.className = "textinput";
			this.previousSibling.src = imagesPath + "input_left.gif";
			this.nextSibling.src = imagesPath + "input_right.gif";
		}
	}
}
function replaceTextareas() {
	for(var q = 0; q < textareas.length; q++) {
		var where = textareas[q].parentNode;
		var where2 = textareas[q].previousSibling;
		textareas[q].style.width = textareas[q].cols * 10 + 'px';
		textareas[q].style.height = textareas[q].rows * 10 + 'px';
		//create divs
		var container = document.createElement('div');
		container.className = "txtarea";
		container.style.width = textareas[q].cols * 10 + 20 + 'px';
		container.style.height = textareas[q].rows * 10 + 20 + 'px';
		var topRight = document.createElement('div');
		topRight.className = "tr";
		var topLeft = document.createElement('img');
		topLeft.className = "txt_corner";
		topLeft.src = imagesPath + "txtarea_tl.gif";
		var centerRight = document.createElement('div');
		centerRight.className = "cntr";
		var centerLeft = document.createElement('div');
		centerLeft.className = "cntr_l";
		if(!this.ie) {centerLeft.style.height = textareas[q].rows * 10 + 10 + 'px';}
		else {centerLeft.style.height = textareas[q].rows * 10 + 12 + 'px';}
		var bottomRight = document.createElement('div');
		bottomRight.className = "br";
		var bottomLeft = document.createElement('img');
		bottomLeft.className = "txt_corner";
		bottomLeft.src = imagesPath + "txtarea_bl.gif";
		//assemble divs
		container.appendChild(topRight);
		topRight.appendChild(topLeft);
		container.appendChild(centerRight);
		centerRight.appendChild(centerLeft);
		centerRight.appendChild(textareas[q]);
		container.appendChild(bottomRight);
		bottomRight.appendChild(bottomLeft);
		//insert structure
		where.insertBefore(container, where2);
		//create hovers
		textareas[q].onfocus = function() {
			this.previousSibling.className = "cntr_l_xon";
			this.parentNode.className = "cntr_xon";
			this.parentNode.previousSibling.className = "tr_xon";
			this.parentNode.previousSibling.getElementsByTagName("img")[0].src = imagesPath + "txtarea_tl_xon.gif";
			this.parentNode.nextSibling.className = "br_xon";
			this.parentNode.nextSibling.getElementsByTagName("img")[0].src = imagesPath + "txtarea_bl_xon.gif";
		}
		textareas[q].onblur = function() {
			this.previousSibling.className = "cntr_l";
			this.parentNode.className = "cntr";
			this.parentNode.previousSibling.className = "tr";
			this.parentNode.previousSibling.getElementsByTagName("img")[0].src = imagesPath + "txtarea_tl.gif";
			this.parentNode.nextSibling.className = "br";
			this.parentNode.nextSibling.getElementsByTagName("img")[0].src = imagesPath + "txtarea_bl.gif";
		}
	}
}
function buttonHovers() {
	for (var i = 0; i < buttons.length; i++) {
		buttons[i].className = "buttonSubmit";
		var buttonLeft = document.createElement('img');
		buttonLeft.src = imagesPath + "button_left.gif";
		buttonLeft.className = "buttonImg";
		buttons[i].parentNode.insertBefore(buttonLeft, buttons[i]);
		var buttonRight = document.createElement('img');
		buttonRight.src = imagesPath + "button_right.gif";
		buttonRight.className = "buttonImg";
		if(buttons[i].nextSibling) {buttons[i].parentNode.insertBefore(buttonRight, buttons[i].nextSibling);}
		else {buttons[i].parentNode.appendChild(buttonRight);}
		buttons[i].onmouseover = function() {
			this.className += "Hovered";
			this.previousSibling.src = imagesPath + "button_left_xon.gif";
			this.nextSibling.src = imagesPath + "button_right_xon.gif";
		}
		buttons[i].onmouseout = function() {
			this.className = this.className.replace(/Hovered/g, "");
			this.previousSibling.src = imagesPath + "button_left.gif";
			this.nextSibling.src = imagesPath + "button_right.gif";
		}
	}
}
//Useful functions
function findPosY(obj) {
	var posTop = 0;
	while (obj.offsetParent) {posTop += obj.offsetTop; obj = obj.offsetParent;}
	return posTop;
}
function findPosX(obj) {
	var posLeft = 0;
	while (obj.offsetParent) {posLeft += obj.offsetLeft; obj = obj.offsetParent;}
	return posLeft;
}
function openImageNews(vLink, vHeight, vWidth)
{
	var sLink = (typeof(vLink.href)=='undefined') ? vLink : vLink.href;

	if (sLink=='')
	{
		return false;
	}

	winDef = 'status=no,resizable=no,scrollbars=no,toolbar=no,location=no,fullscreen=no,titlebar=yes,height='.concat(vHeight).concat(',').concat('width=').concat(vWidth).concat(',');
	winDef = winDef.concat('top=').concat((screen.height - vHeight)/2).concat(',');
	winDef = winDef.concat('left=').concat((screen.width - vWidth)/2);
	newwin = open('', '_blank', winDef);

	newwin.document.writeln('<title>MBA International. Máy chiếu, Projector, May chieu, máy chiếu  Overhead, máy chiếu vật  thể, màn chiếu , bảng điện tử, máy thu vật thể, may chieu vat the, man chieu, bang dien tu, may thu vat the, 3M, Acer, AverMedia.</title><body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">');
	newwin.document.writeln('<a href="" onClick="window.close(); return false;"><img src="', sLink, '" alt="', 'Dong lai', '" border=0></a>');
	newwin.document.writeln('</body>');

	if (typeof(vLink.href) != 'undefined')
	{
		return false;
	}
}


window.onload = init;