/*#############################################################

Name: Niceforms

Version: 2.0

Author: Lucian Slatineanu

URL: http://www.emblematiq.com/projects/niceforms/



Feel free to use and modify but please keep this copyright intact.

#################################################################*/



//Theme Variables - edit these to match your theme

var imagesPath = "/img/";

var selectRightWidthSimple = 19;

var selectRightWidthScroll = 2;

var selectMaxHeight = 200;

var textareaTopPadding = 10;

var textareaSidePadding = 10;



//Global Variables

var NF = new Array();

var isIE = false;

var resizeTest = 1;



//Initialization function

function NFInit() {

	try {

		document.execCommand('BackgroundImageCache', false, true);

	} catch(e) {}

	if(!document.getElementById) {return false;}

	//alert("click me first");

	NFDo('start');

}

function NFDo(what) {

	var niceforms = document.getElementsByTagName('form');

	var identifier = new RegExp('(^| )'+'niceform'+'( |$)');

	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {

		var ieversion=new Number(RegExp.$1);

		if(ieversion < 7) {return false;} //exit script if IE6

		isIE = true;

	}

	for(var q = 0; q < niceforms.length; q++) {if(identifier.test(niceforms[q].className)) {

		if(what == "start") { //Load Niceforms

			NF[q] = new niceform(niceforms[q]);

			niceforms[q].start();

		}

		else { //Unload Niceforms

			niceforms[q].unload();

			NF[q] = "";

		}

	}}

}

function NFFix() {

	NFDo('stop');

	NFDo('start');

}

function niceform(nf) {

	nf._inputText = new Array(); nf._inputRadio = new Array(); nf._inputCheck = new Array(); nf._inputSubmit = new Array(); nf._inputFile = new Array(); nf._textarea = new Array(); nf._select = new Array(); nf._multiselect = new Array();

	nf.add_inputText = function(obj) {this._inputText[this._inputText.length] = obj; inputText(obj);}

	nf.add_inputRadio = function(obj) {this._inputRadio[this._inputRadio.length] = obj; inputRadio(obj);}

	nf.add_inputCheck = function(obj) {this._inputCheck[this._inputCheck.length] = obj; inputCheck(obj);}

	nf.add_inputSubmit = function(obj) {this._inputSubmit[this._inputSubmit.length] = obj; inputSubmit(obj);}

	nf.add_inputFile = function(obj) {this._inputFile[this._inputFile.length] = obj; inputFile(obj);}

	nf.add_textarea = function(obj) {this._textarea[this._textarea.length] = obj; textarea(obj);}

	nf.add_select = function(obj) {this._select[this._select.length] = obj; selects(obj);}

	nf.add_multiselect = function(obj) {this._multiselect[this._multiselect.length] = obj; multiSelects(obj);}

	nf.start = function() {

		//Separate and assign elements

		var allInputs = this.getElementsByTagName('input');

		for(var w = 0; w < allInputs.length; w++) {

			switch(allInputs[w].type) {

				case "text": case "password": {this.add_inputText(allInputs[w]); break;}

				case "radio": {this.add_inputRadio(allInputs[w]); break;}

				case "checkbox": {this.add_inputCheck(allInputs[w]); break;}

				case "submit": case "reset": case "button": {this.add_inputSubmit(allInputs[w]); break;}

				case "file": {this.add_inputFile(allInputs[w]); break;}

			}

		}

		var allButtons = this.getElementsByTagName('button');

		for(var w = 0; w < allButtons.length; w++) {

			this.add_inputSubmit(allButtons[w]);

		}

		var allTextareas = this.getElementsByTagName('textarea');

		for(var w = 0; w < allTextareas.length; w++) {

			this.add_textarea(allTextareas[w]);

		}

		var allSelects = this.getElementsByTagName('select');

		for(var w = 0; w < allSelects.length; w++) {

			if(allSelects[w].size == "1") {this.add_select(allSelects[w]);}

			else {this.add_multiselect(allSelects[w]);}

		}

		//Start

		for(w = 0; w < this._inputText.length; w++) {this._inputText[w].init();}

		for(w = 0; w < this._inputRadio.length; w++) {this._inputRadio[w].init();}

		for(w = 0; w < this._inputCheck.length; w++) {this._inputCheck[w].init();}

		for(w = 0; w < this._inputSubmit.length; w++) {this._inputSubmit[w].init();}

		for(w = 0; w < this._inputFile.length; w++) {this._inputFile[w].init();}

		for(w = 0; w < this._textarea.length; w++) {this._textarea[w].init();}

		for(w = 0; w < this._select.length; w++) {this._select[w].init(w);}

		for(w = 0; w < this._multiselect.length; w++) {this._multiselect[w].init(w);}

	}

	nf.unload = function() {

		//Stop

		for(w = 0; w < this._inputText.length; w++) {this._inputText[w].unload();}

		for(w = 0; w < this._inputRadio.length; w++) {this._inputRadio[w].unload();}

		for(w = 0; w < this._inputCheck.length; w++) {this._inputCheck[w].unload();}

		for(w = 0; w < this._inputSubmit.length; w++) {this._inputSubmit[w].unload();}

		for(w = 0; w < this._inputFile.length; w++) {this._inputFile[w].unload();}

		for(w = 0; w < this._textarea.length; w++) {this._textarea[w].unload();}

		for(w = 0; w < this._select.length; w++) {this._select[w].unload();}

		for(w = 0; w < this._multiselect.length; w++) {this._multiselect[w].unload();}

	}

}

function inputText(el) { //extent Text inputs

	el.oldClassName = el.className;

	el.left = document.createElement('img');

	el.left.src = imagesPath + "0.png";

	el.left.className = "NFTextLeft";

	el.right = document.createElement('img');

	el.right.src = imagesPath + "0.png";

	el.right.className = "NFTextRight";

	el.dummy = document.createElement('div');

	el.dummy.className = "NFTextCenter";

	el.onfocus = function() {

		this.dummy.className = "NFTextCenter NFh";

		this.left.className = "NFTextLeft NFh";

		this.right.className = "NFTextRight NFh";

	}

	el.onblur = function() {

		this.dummy.className = "NFTextCenter";

		this.left.className = "NFTextLeft";

		this.right.className = "NFTextRight";

	}

	el.init = function() {

		this.parentNode.insertBefore(this.left, this);

		this.parentNode.insertBefore(this.right, this.nextSibling);

		this.dummy.appendChild(this);

		this.right.parentNode.insertBefore(this.dummy, this.right);

		this.className = "NFText";

	}

	el.unload = function() {

		this.parentNode.parentNode.appendChild(this);

		this.parentNode.removeChild(this.left);

		this.parentNode.removeChild(this.right);

		this.parentNode.removeChild(this.dummy);

		this.className = this.oldClassName;

	}

}

function inputRadio(el) { //extent Radio buttons

	el.oldClassName = el.className;

	el.dummy = document.createElement('div');

	if(el.checked) {el.dummy.className = "NFRadio NFh";}

	else {el.dummy.className = "NFRadio";}

	el.dummy.ref = el;

	if(isIE == false) {el.dummy.style.left = findPosX(el) + 'px'; el.dummy.style.top = findPosY(el) + 'px';}

	else {el.dummy.style.left = findPosX(el) + 4 + 'px'; el.dummy.style.top = findPosY(el) + 4 + 'px';}

	el.dummy.onclick = function() {

		if(!this.ref.checked) {

			var siblings = getInputsByName(this.ref.name);

			for(var q = 0; q < siblings.length; q++) {

				siblings[q].checked = false;

				siblings[q].dummy.className = "NFRadio";

			}

			this.ref.checked = true;

			this.className = "NFRadio NFh";

		}

	}

	el.onclick = function() {

		if(this.checked) {

			var siblings = getInputsByName(this.name);

			for(var q = 0; q < siblings.length; q++) {

				siblings[q].dummy.className = "NFRadio";

			}

			this.dummy.className = "NFRadio NFh";

		}

	}

	el.onfocus = function() {this.dummy.className += " NFfocused";}

	el.onblur = function() {this.dummy.className = this.dummy.className.replace(/ NFfocused/g, "");}

	el.init = function() {

		this.parentNode.insertBefore(this.dummy, this);

		el.className = "NFhidden";

	}

	el.unload = function() {

		this.parentNode.removeChild(this.dummy);

		this.className = this.oldClassName;

	}

}

function inputCheck(el) { //extend Checkboxes

	el.oldClassName = el.className;

	el.dummy = document.createElement('img');

	el.dummy.src = imagesPath + "0.png";

	if(el.checked) {el.dummy.className = "NFCheck NFh";}

	else {el.dummy.className = "NFCheck";}

	el.dummy.ref = el;

	if(isIE == false) {el.dummy.style.left = findPosX(el) + 'px'; el.dummy.style.top = findPosY(el) + 'px';}

	else {el.dummy.style.left = findPosX(el) + 4 + 'px'; el.dummy.style.top = findPosY(el) + 4 + 'px';}

	el.dummy.onclick = function() {

		if(!this.ref.checked) {

			this.ref.checked = true;

			this.className = "NFCheck NFh";

		}

		else {

			this.ref.checked = false;

			this.className = "NFCheck";

		}

	}

	el.onclick = function() {

		if(this.checked) {this.dummy.className = "NFCheck NFh";}

		else {this.dummy.className = "NFCheck";}

	}

	el.onfocus = function() {this.dummy.className += " NFfocused";}

	el.onblur = function() {this.dummy.className = this.dummy.className.replace(/ NFfocused/g, "");}

	el.init = function() {

		this.parentNode.insertBefore(this.dummy, this);

		el.className = "NFhidden";

	} 

	el.unload = function() {

		this.parentNode.removeChild(this.dummy);

		this.className = this.oldClassName;

	}

}

function inputSubmit(el) { //extend Buttons

	el.oldClassName = el.className;

	el.left = document.createElement('img');

	el.left.className = "NFButtonLeft";

	el.left.src = imagesPath + "0.png";

	el.right = document.createElement('img');

	el.right.src = imagesPath + "0.png";

	el.right.className = "NFButtonRight";

	el.onmouseover = function() {

		this.className = "NFButton NFh";

		this.left.className = "NFButtonLeft NFh";

		this.right.className = "NFButtonRight NFh";

	}

	el.onmouseout = function() {

		this.className = "NFButton";

		this.left.className = "NFButtonLeft";

		this.right.className = "NFButtonRight";

	}

	el.init = function() {

		this.parentNode.insertBefore(this.left, this);

		this.parentNode.insertBefore(this.right, this.nextSibling);

		this.className = "NFButton";

	}

	el.unload = function() {

		this.parentNode.removeChild(this.left);

		this.parentNode.removeChild(this.right);

		this.className = this.oldClassName;

	}

}

function inputFile(el) { //extend File inputs

	el.oldClassName = el.className;

	el.dummy = document.createElement('div');

	el.dummy.className = "NFFile";

	el.file = document.createElement('div');

	el.file.className = "NFFileNew";

	el.center = document.createElement('div');

	el.center.className = "NFTextCenter";

	el.clone = document.createElement('input');

	el.clone.type = "text";

	el.clone.className = "NFText";

	el.clone.ref = el;

	el.left = document.createElement('img');

	el.left.src = imagesPath + "0.png";

	el.left.className = "NFTextLeft";

	el.button = document.createElement('img');

	el.button.src = imagesPath + "0.png";

	el.button.className = "NFFileButton";

	el.button.ref = el;

	el.button.onclick = function() {this.ref.click();}

	el.init = function() {

		var top = this.parentNode;

		if(this.previousSibling) {var where = this.previousSibling;}

		else {var where = top.childNodes[0];}

		top.insertBefore(this.dummy, where);

		this.dummy.appendChild(this);

		this.center.appendChild(this.clone);

		this.file.appendChild(this.center);

		this.file.insertBefore(this.left, this.center);

		this.file.appendChild(this.button);

		this.dummy.appendChild(this.file);

		this.className = "NFhidden";

		this.relatedElement = this.clone;

	}

	el.unload = function() {

		this.parentNode.parentNode.appendChild(this);

		this.parentNode.removeChild(this.dummy);

		this.className = this.oldClassName;

	}

	el.onchange = el.onmouseout = function() {this.relatedElement.value = this.value;}

	el.onfocus = function() {

		this.left.className = "NFTextLeft NFh";

		this.center.className = "NFTextCenter NFh";

		this.button.className = "NFFileButton NFh";

	}

	el.onblur = function() {

		this.left.className = "NFTextLeft";

		this.center.className = "NFTextCenter";

		this.button.className = "NFFileButton";

	}

	el.onselect = function() {

		this.relatedElement.select();

		this.value = '';

	}

}

function textarea(el) { //extend Textareas

	el.oldClassName = el.className;

	el.height = el.offsetHeight - textareaTopPadding;

	el.width = el.offsetWidth - textareaSidePadding;

	el.topLeft = document.createElement('img');

	el.topLeft.src = imagesPath + "0.png";

	el.topLeft.className = "NFTextareaTopLeft";

	el.topRight = document.createElement('div');

	el.topRight.className = "NFTextareaTop";

	el.bottomLeft = document.createElement('img');

	el.bottomLeft.src = imagesPath + "0.png";

	el.bottomLeft.className = "NFTextareaBottomLeft";

	el.bottomRight = document.createElement('div');

	el.bottomRight.className = "NFTextareaBottom";

	el.left = document.createElement('div');

	el.left.className = "NFTextareaLeft";

	el.right = document.createElement('div');

	el.right.className = "NFTextareaRight";

	el.init = function() {

		var top = this.parentNode;

		if(this.previousSibling) {var where = this.previousSibling;}

		else {var where = top.childNodes[0];}

		top.insertBefore(el.topRight, where);

		top.insertBefore(el.right, where);

		top.insertBefore(el.bottomRight, where);

		this.topRight.appendChild(this.topLeft);

		this.right.appendChild(this.left);

		this.right.appendChild(this);

		this.bottomRight.appendChild(this.bottomLeft);

		el.style.width = el.topRight.style.width = el.bottomRight.style.width = el.width + 'px';

		el.style.height = el.left.style.height = el.right.style.height = el.height + 'px';

		this.className = "NFTextarea";

	}

	el.unload = function() {

		this.parentNode.parentNode.appendChild(this);

		this.parentNode.removeChild(this.topRight);

		this.parentNode.removeChild(this.bottomRight);

		this.parentNode.removeChild(this.right);

		this.className = this.oldClassName;

		this.style.width = this.style.height = "";

	}

	el.onfocus = function() {

		this.topLeft.className = "NFTextareaTopLeft NFh";

		this.topRight.className = "NFTextareaTop NFhr";

		this.left.className = "NFTextareaLeftH";

		this.right.className = "NFTextareaRightH";

		this.bottomLeft.className = "NFTextareaBottomLeft NFh";

		this.bottomRight.className = "NFTextareaBottom NFhr";

	}

	el.onblur = function() {

		this.topLeft.className = "NFTextareaTopLeft";

		this.topRight.className = "NFTextareaTop";

		this.left.className = "NFTextareaLeft";

		this.right.className = "NFTextareaRight";

		this.bottomLeft.className = "NFTextareaBottomLeft";

		this.bottomRight.className = "NFTextareaBottom";

	}

}

function selects(el) { //extend Selects

	el.oldClassName = el.className;

	el.dummy = document.createElement('div');

	el.dummy.className = "NFSelect";

	el.dummy.style.width = el.offsetWidth + 'px';

	el.dummy.ref = el;

	el.left = document.createElement('img');

	el.left.src = imagesPath + "0.png";

	el.left.className = "NFSelectLeft";

	el.right = document.createElement('div');

	el.right.className = "NFSelectRight";

	el.txt = document.createTextNode(el.options[0].text);

	el.bg = document.createElement('div');

	el.bg.className = "NFSelectTarget";

	el.bg.style.display = "none";

	el.opt = document.createElement('ul');

	el.opt.className = "NFSelectOptions";

	el.dummy.style.left = findPosX(el) + 'px';

	el.dummy.style.top = findPosY(el) + 'px';

	el.opts = new Array(el.options.length);

	el.init = function(pos) {

		this.dummy.appendChild(this.left);

		this.right.appendChild(this.txt);

		this.dummy.appendChild(this.right);

		this.bg.appendChild(this.opt);

		this.dummy.appendChild(this.bg);

		for(var q = 0; q < this.options.length; q++) {

			this.opts[q] = new option(this.options[q], q);

			this.opt.appendChild(this.options[q].li);

			this.options[q].lnk.onclick = function() {

				this._onclick();

				this.ref.dummy.getElementsByTagName('div')[0].innerHTML = this.ref.options[this.pos].text;

				this.ref.options[this.pos].selected = "selected";

				for(var w = 0; w < this.ref.options.length; w++) {this.ref.options[w].lnk.className = "";}

				this.ref.options[this.pos].lnk.className = "NFOptionActive";
				
				// Jquery envia formulario
			    var varPais = this.ref.options[this.pos].value  //Devuelve el valor del campo, en este caso el select estatico
			    jQuery("#encomix_text").load("../vistes/generaHTMLPais.php", {paramTipo : 1, param : varPais}); //paramTipo es el parametro pasado por metodo POST
				 

			}

		}

		if(this.options.selectedIndex) {

			this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[this.options.selectedIndex].text;

			this.options[this.options.selectedIndex].lnk.className = "NFOptionActive";

		}

		this.dummy.style.zIndex = 999 - pos;

		this.parentNode.insertBefore(this.dummy, this);

		this.className = "NFhidden";

	}

	el.unload = function() {

		this.parentNode.removeChild(this.dummy);

		this.className = this.oldClassName;

	}

	el.dummy.onclick = function() {

		var allDivs = document.getElementsByTagName('div'); for(var q = 0; q < allDivs.length; q++) {if((allDivs[q].className == "NFSelectTarget") && (allDivs[q] != this.ref.bg)) {allDivs[q].style.display = "none";}}

		if(this.ref.bg.style.display == "none") {this.ref.bg.style.display = "block";}

		else {this.ref.bg.style.display = "none";}

		if(this.ref.opt.offsetHeight > selectMaxHeight) {

			this.ref.bg.style.width = this.ref.offsetWidth - selectRightWidthScroll + 33 + 'px';

			this.ref.opt.style.width = this.ref.offsetWidth - selectRightWidthScroll + 'px';

		}

		else {

			this.ref.bg.style.width = this.ref.offsetWidth - selectRightWidthSimple + 33 + 'px';

			this.ref.opt.style.width = this.ref.offsetWidth - selectRightWidthSimple + 'px';

		}

	}

	el.bg.onmouseout = function(e) {

		if (!e) var e = window.event;

		e.cancelBubble = true;

		if (e.stopPropagation) e.stopPropagation();

		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;

		if((reltg.nodeName == 'A') || (reltg.nodeName == 'LI') || (reltg.nodeName == 'UL')) return;

		if((reltg.nodeName == 'DIV') || (reltg.className == 'NFSelectTarget')) return;

		else{this.style.display = "none";}

	}

	el.dummy.onmouseout = function(e) {

		if (!e) var e = window.event;

		e.cancelBubble = true;

		if (e.stopPropagation) e.stopPropagation();

		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;

		if((reltg.nodeName == 'A') || (reltg.nodeName == 'LI') || (reltg.nodeName == 'UL')) return;

		if((reltg.nodeName == 'DIV') || (reltg.className == 'NFSelectTarget')) return;

		else{this.ref.bg.style.display = "none";}

	}

	el.onfocus = function() {this.dummy.className += " NFfocused";}

	el.onblur = function() {this.dummy.className = this.dummy.className.replace(/ NFfocused/g, "");}

	el.onkeydown = function(e) {

		if (!e) var e = window.event;

		var thecode = e.keyCode;

		var active = this.selectedIndex;

		switch(thecode){

			case 40: //down

				if(active < this.options.length - 1) {

					for(var w = 0; w < this.options.length; w++) {this.options[w].lnk.className = "";}

					var newOne = active + 1;

					this.options[newOne].selected = "selected";

					this.options[newOne].lnk.className = "NFOptionActive";

					this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[newOne].text;

				}

				return false;

				break;

			case 38: //up

				if(active > 0) {

					for(var w = 0; w < this.options.length; w++) {this.options[w].lnk.className = "";}

					var newOne = active - 1;

					this.options[newOne].selected = "selected";

					this.options[newOne].lnk.className = "NFOptionActive";

					this.dummy.getElementsByTagName('div')[0].innerHTML = this.options[newOne].text;

				}

				return false;

				break;

			default:

				break;

		}

	}

}

function multiSelects(el) { //extend Multiple Selects

	el.oldClassName = el.className;

	el.height = el.offsetHeight;

	el.width = el.offsetWidth;

	el.topLeft = document.createElement('img');

	el.topLeft.src = imagesPath + "0.png";

	el.topLeft.className = "NFMultiSelectTopLeft";

	el.topRight = document.createElement('div');

	el.topRight.className = "NFMultiSelectTop";

	el.bottomLeft = document.createElement('img');

	el.bottomLeft.src = imagesPath + "0.png";

	el.bottomLeft.className = "NFMultiSelectBottomLeft";

	el.bottomRight = document.createElement('div');

	el.bottomRight.className = "NFMultiSelectBottom";

	el.left = document.createElement('div');

	el.left.className = "NFMultiSelectLeft";

	el.right = document.createElement('div');

	el.right.className = "NFMultiSelectRight";

	el.init = function() {

		var top = this.parentNode;

		if(this.previousSibling) {var where = this.previousSibling;}

		else {var where = top.childNodes[0];}

		top.insertBefore(el.topRight, where);

		top.insertBefore(el.right, where);

		top.insertBefore(el.bottomRight, where);

		this.topRight.appendChild(this.topLeft);

		this.right.appendChild(this.left);

		this.right.appendChild(this);

		this.bottomRight.appendChild(this.bottomLeft);

		el.style.width = el.topRight.style.width = el.bottomRight.style.width = el.width + 'px';

		el.style.height = el.left.style.height = el.right.style.height = el.height + 'px';

		el.className = "NFMultiSelect";

	}

	el.unload = function() {

		this.parentNode.parentNode.appendChild(this);

		this.parentNode.removeChild(this.topRight);

		this.parentNode.removeChild(this.bottomRight);

		this.parentNode.removeChild(this.right);

		this.className = this.oldClassName;

		this.style.width = this.style.height = "";

	}

	el.onfocus = function() {

		this.topLeft.className = "NFMultiSelectTopLeft NFh";

		this.topRight.className = "NFMultiSelectTop NFhr";

		this.left.className = "NFMultiSelectLeftH";

		this.right.className = "NFMultiSelectRightH";

		this.bottomLeft.className = "NFMultiSelectBottomLeft NFh";

		this.bottomRight.className = "NFMultiSelectBottom NFhr";

	}

	el.onblur = function() {

		this.topLeft.className = "NFMultiSelectTopLeft";

		this.topRight.className = "NFMultiSelectTop";

		this.left.className = "NFMultiSelectLeft";

		this.right.className = "NFMultiSelectRight";

		this.bottomLeft.className = "NFMultiSelectBottomLeft";

		this.bottomRight.className = "NFMultiSelectBottom";

	}

}

function option(el, no) { //extend Options

	el.li = document.createElement('li');

	el.lnk = document.createElement('a');

	el.lnk.href = "javascript:;";

	el.lnk.ref = el.parentNode;

	el.lnk.pos = no;

	el.lnk._onclick = el.onclick || function () {};

	el.txt = document.createTextNode(el.text);

	el.lnk.appendChild(el.txt);

	el.li.appendChild(el.lnk);

}



//Get Position

function findPosY(obj) {

	var posTop = 0;

	do {posTop += obj.offsetTop;} while (obj = obj.offsetParent);

	return posTop;

}

function findPosX(obj) {

	var posLeft = 0;

	do {posLeft += obj.offsetLeft;} while (obj = obj.offsetParent);

	return posLeft;

}

//Get Siblings

function getInputsByName(name) {

	var inputs = document.getElementsByTagName("input");

	var w = 0; var results = new Array();

	for(var q = 0; q < inputs.length; q++) {if(inputs[q].name == name) {results[w] = inputs[q]; ++w;}}

	return results;

}



//Add events

var existingLoadEvent = window.onload || function () {};

var existingResizeEvent = window.onresize || function() {};

window.onload = function () {

    existingLoadEvent();

    NFInit();

}

window.onresize = function() {

	if(resizeTest != document.documentElement.clientHeight) {

		existingResizeEvent();

		NFFix();

	}

	resizeTest = document.documentElement.clientHeight;

}