// -----------------------------------------  FUNCIONES GENERICAS


function OpenCentered (psUrl, psName, piWidth, piHeight, psFlags)
{
	var iX=(screen.width-piWidth-20)/2;
	var iY=(screen.height-piHeight-30)/2;
			
	open(psUrl, psName, 'width=' + piWidth + ',height=' + piHeight + ',scrollbars=1,left=' + iX + ',top=' + iY +  ',screenX=' + iX + ',screenY=' + iY + psFlags);
}

var xmlhttp;

	function activaImagen(imagenId, img, param)
	{
		imagen1 = new Image;
		imagen2 = new Image;
		imagen1.src = "../images/" + param + "_0.jpg";
		imagen2.src = "../images/" + param + "_1.jpg";
		document.images[imagenId].src = eval(img + ".src");
	}
	
		
	function devuelveRadio(grupo) {
		var logintudRadio = grupo.length;
		if(logintudRadio == undefined)
			if(grupo.checked)
				return grupo.value;
			else
				return "";
		for(var i = 0; i < logintudRadio; i++) {
			if(grupo[i].checked) {
				return grupo[i].value;
			}
		}
		return "";
	}
	

	function GetXmlHttpObject()
	{
		if (window.XMLHttpRequest)
		{
		return new XMLHttpRequest();
		}
		
		if (window.ActiveXObject)
		{
		return new ActiveXObject("Microsoft.XMLHTTP");
		}
		
		return null;
	}
	


	function cambiaSeccionAnt(uri) { 
	
			var fadeIn = new Fx.Morph($('configurador'),{ 
				duration: 500 
				}); 		
			
			var makeRequest = function() { 
					var req = new Request.HTML({url:"seccion" + uri + ".php", 
		
						onSuccess: function(html) {
							$('configurador').set('text', '');
							$('configurador').adopt(html);
							fadeIn.start({ 
							opacity : 1 
							}) 
						}
	
					}); 
						
					req.send();
				}; 
	
			 
			var fadeOut = new Fx.Morph($('configurador'),{ 
				duration: 500
			}); 
			
			fadeOut.start({ 
				opacity : 0
				}); 
				
			fadeOut.addEvent("complete", function() {
				makeRequest();
			});	
			
					
		};	
		
		
		
		
		function cambiaSeccionAltura(uri) { 
	
			var fadeIn = new Fx.Morph($('configurador'),{ 
				duration: 500 
				}); 		
			
			var makeRequest = function() { 
					var req = new Request.HTML({url:"seccion" + uri + ".php", 
		
						onSuccess: function(html) {
							$('configurador').set('text', '');
							$('configurador').adopt(html);
							fadeIn.start({ 
							opacity : 1 
							}) 
						}
	
					}); 
						
					req.send();
				}; 
	
			 
			var fadeOut = new Fx.Morph($('configurador'),{ 
				duration: 500
			}); 
			
			fadeOut.start({ 
				opacity : 0
				}); 
				
			fadeOut.addEvent("complete", function() {
				makeRequest();
			});	
			
			fadeIn.addEvent("start", function() {
				cambiaAltura(document.seccion1.combo_altura.value);
			});			
			
					
		};			
	
	
// -----------------------------------------  SALTO A SELECCIÓN DE TIPO DE PRODUCTO
	
	function inicioConfigurador(uri) { 
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var makeRequest = function() { 
				var req = new Request.HTML({url:"seccion" + uri + ".php", 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}
				}); 
				req.send();
			}; 
		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	makeRequest();
		});	

	}; 



function activaRadio(param)
{
	document.seccion0.modelo[param].checked = 1;
}


// -----------------------------------------  SALTO A SELECCIÓN DE COLUMNA


	function cambiaSeccionColumna(uri) { 
		modelo = devuelveRadio(document.seccion0.modelo);
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var makeRequest = function() { 
				
				var req = new Request.HTML({url:"seccion" + uri + ".php" + "?m=" + modelo, 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}

				}); 
					
				req.send();
			}; 

		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	makeRequest();
		});	
				
		
	};



	function cambiaAltura(str)
	{
		var arradios = document.seccion1.nudos;	
		for(var l = 0; l < arradios.length; l++) {
			arradios[l].checked = 0;
			}
					
		xmlhttpAlt=GetXmlHttpObject();
		if (xmlhttpAlt==null)
		{
		return;
		}
		
		var url="seccion1_cambiaaltura.php";
		url = url + "?a=" + str;
		url = url + "&sid=" + Math.random();
		
		xmlhttpAlt.onreadystatechange = stateChanged;
		xmlhttpAlt.open("GET",url,true);
		xmlhttpAlt.send(null);
	}



	function activaRadios(param)
	{
		document.seccion1.nudos[param].checked = 1;
	}
	
	
	function stateChanged()
		{
			if (xmlhttpAlt.readyState == 4)
			{
			
				var nodos = xmlhttpAlt.responseText;
				if(nodos.length>0) nodos = nodos.split("|");
	
				document.getElementById('bloqueDERNudo0').setStyle("display", "none");
				document.getElementById('bloqueDERNudo1').setStyle("display", "none");
				document.getElementById('bloqueDERNudo2').setStyle("display", "none");
				
				var fadeIn0 = new Fx.Morph($('bloqueDERNudo0'),{ 
					duration: 500
				}); 
				
				var fadeIn1 = new Fx.Morph($('bloqueDERNudo1'),{ 
					duration: 500
				}); 
				
				var fadeIn2 = new Fx.Morph($('bloqueDERNudo2'),{ 
					duration: 500
				}); 						
	
	
				for( n = 0; n < nodos.length - 1; n++)
				{
					if(nodos[n] == 0) 
					{ 
					document.getElementById('bloqueDERNudo0').setStyle("display", "block");
					document.getElementById('bloqueDERNudo0').setStyle("opacity", "0");
					fadeIn0.start({ 
						opacity : 1
						});					 
					}
					if(nodos[n] == 1) 
					{ 
					document.getElementById('bloqueDERNudo1').setStyle("display", "block");
					document.getElementById('bloqueDERNudo1').setStyle("opacity", "0");
					fadeIn1.start({ 
						opacity : 1
						});					 
					}
					if(nodos[n] == 2) 
					{ 
					document.getElementById('bloqueDERNudo2').setStyle("display", "block");
					document.getElementById('bloqueDERNudo2').setStyle("opacity", "0");
					fadeIn2.start({ 
						opacity : 1
						});
					}								
								
				}
				
				
			}
		}	
	
	
	
// -----------------------------------------  SALTO A SELECCIÓN DE BRAZOS
	

	
	function cambiaSeccionBrazos(uri) { 
	
		altura = document.seccion1.combo_altura.value;
		tipo = devuelveRadio(document.seccion1.nudos);

		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 
			
			
		fadeIn.addEvent("complete", function() {

			if(tipo > 0){

				var fadeBrazos_sup = new Fx.Morph($('lista_sup'),{ 
					duration: 500 
				}); 
					
				fadeBrazos_sup.start({ 
					opacity : 1 
				})			
		
				var elem_sup = document.getElementById('cajaBrazoArrowI');
				var list_sup = document.getElementById('ulista_sup');	
				elem_sup.activo = false;
				var myFx_sup = new Fx.Slide(list_sup).hide();	
				
				
				elem_sup.addEvents({
					'click' : function(){ 
						if(this.activo){
							myFx_sup.hide();
						}else{
							myFx_sup.show();
						}
						this.activo = !this.activo;
						
						
					}						
				});
				
				document.getElementById('ulista_sup').getElements('li').each( function( lista_supItems ){
					lista_supItems.addEvents({

					'click' : function(e){ 
						myFx_sup.hide();
						elem_sup.activo = !elem_sup.activo;
						document.getElementById('cajaBrazoInitS').innerHTML = this.innerHTML;
						document.getElementById('brazoSup').value = (this.id).substr(2);						
						}						
					});																			   
				});
				
				
			}
			
		

			if(tipo > 1){	
			
				var fadeBrazos_inf = new Fx.Morph($('lista_inf'),{ 
					duration: 500 
				}); 
					
				fadeBrazos_inf.start({ 
					opacity : 1 
				})			
		
				var elem_inf = document.getElementById('cajaBrazoArrowD');
				var list_inf = document.getElementById('ulista_inf');	
				elem_inf.activo = false;
				var myFx_inf = new Fx.Slide(list_inf).hide();
				
				
				elem_inf.addEvents({
					'click' : function(){
						if(this.activo){
							myFx_inf.hide();
						}else{
							myFx_inf.show();
						}
						this.activo = !this.activo;
					}						
				});
				
				document.getElementById('ulista_inf').getElements('li').each( function( lista_infItems ){
					lista_infItems.addEvents({
					'click' : function(){ 
						myFx_inf.hide();
						elem_inf.activo = !elem_inf.activo;
						document.getElementById('cajaBrazoInitI').innerHTML = this.innerHTML;
						document.getElementById('brazoInf').value = (this.id).substr(2);
						}						
					});																			   
				});	
				
			}						

		});						
		
		
		var makeRequest = function() {
				var req = new Request.HTML({url:"seccion" + uri + ".php?a=" + altura + "&t=" + tipo, 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						if( tipo > 0) 
						{						
							document.getElementById('lista_sup').setStyle("opacity", "0");
						}
						if( tipo > 1) 
						{
							document.getElementById('lista_inf').setStyle("opacity", "0"); 
						}
						
						fadeIn.start({ 
						opacity : 1 
						}) 
					}

				}); 
					
				req.send();
			}; 

		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
		}); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
			makeRequest();
		});	
			
					
		}; 	
		
		
		
// -----------------------------------------  VUELTA A LA SELECCIÓN DE BRAZOS
	

	
	function vuelveSeccionBrazos(uri, altura, tipo) {
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 
			
			
		fadeIn.addEvent("complete", function() {
										 

			if(tipo > 0){
				
			bs = "id" + document.getElementById('brazoSup').value;
			document.getElementById('cajaBrazoInitS').innerHTML = document.getElementById(bs).innerHTML;

				var fadeBrazos_sup = new Fx.Morph($('lista_sup'),{ 
					duration: 500 
				}); 
					
				fadeBrazos_sup.start({ 
					opacity : 1 
				})			
		
				var elem_sup = document.getElementById('cajaBrazoArrowI');
				var list_sup = document.getElementById('ulista_sup');	
				elem_sup.activo = false;
				var myFx_sup = new Fx.Slide(list_sup).hide();
				
			
				
				elem_sup.addEvents({
					'click' : function(){ 
						if(this.activo){
							myFx_sup.hide();
						}else{
							myFx_sup.show();
						}
						this.activo = !this.activo;
						
						
					}						
				});
				
				document.getElementById('ulista_sup').getElements('li').each( function( lista_supItems ){
					lista_supItems.addEvents({

					'click' : function(e){ 
						myFx_sup.hide();
						elem_sup.activo = !elem_sup.activo;
						document.getElementById('cajaBrazoInitS').innerHTML = this.innerHTML;
						document.getElementById('brazoSup').value = (this.id).substr(2);						
						}						
					});																			   
				});
				
				
			}
			
		

			if(tipo > 1){	
			
				bi = "id" + document.getElementById('brazoInf').value;
				document.getElementById('cajaBrazoInitI').innerHTML = document.getElementById(bi).innerHTML;			
			
				var fadeBrazos_inf = new Fx.Morph($('lista_inf'),{ 
					duration: 500 
				}); 
					
				fadeBrazos_inf.start({ 
					opacity : 1 
				})			
		
				var elem_inf = document.getElementById('cajaBrazoArrowD');
				var list_inf = document.getElementById('ulista_inf');	
				elem_inf.activo = false;
				var myFx_inf = new Fx.Slide(list_inf).hide();
				
				
				elem_inf.addEvents({
					'click' : function(){
						if(this.activo){
							myFx_inf.hide();
						}else{
							myFx_inf.show();
						}
						this.activo = !this.activo;
					}						
				});
				
				document.getElementById('ulista_inf').getElements('li').each( function( lista_infItems ){
					lista_infItems.addEvents({
					'click' : function(){ 
						myFx_inf.hide();
						elem_inf.activo = !elem_inf.activo;
						document.getElementById('cajaBrazoInitI').innerHTML = this.innerHTML;
						document.getElementById('brazoInf').value = (this.id).substr(2);
						}						
					});																			   
				});	
				
			}						

		});						
		
		
		var makeRequest = function() {
				var req = new Request.HTML({url:"seccion" + uri + ".php?a=" + altura + "&t=" + tipo, 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						if( tipo > 0) 
						{						
							document.getElementById('lista_sup').setStyle("opacity", "0");
						}
						if( tipo > 1) 
						{
							document.getElementById('lista_inf').setStyle("opacity", "0"); 
						}
						
						fadeIn.start({ 
						opacity : 1 
						}) 
					}

				}); 
					
				req.send();
			}; 

		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
		}); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
			makeRequest();
		});	
			
					
		}; 			
		



// -----------------------------------------  SALTO A SELECCIÓN DE ACCESORIOS


	function cambiaSeccionAccesorios(s, i,param) { 

		if(param == 1 && document.getElementById('brazoSup').value.length < 1)
		{
			alert("Debe seleccionar los brazos del nudo superior.");
			return;
		}
		
		if(param > 1 && document.getElementById('brazoInf').value.length < 1)
		{
			alert("Debe seleccionar los brazos del nudo superior e inferior.");
			return;
		}		

		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var makeRequest = function() { 
				s = document.getElementById('brazoSup').value;
				uri = "seccion3.php?s=" + s;
				
				if(param > 1)
				{
					i = document.getElementById('brazoInf').value;
					uri += "&i=" + i;
				}
				
				var req = new Request.HTML({url:uri, 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}

				}); 
					
				req.send();
			}; 

		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	makeRequest();
		});	
	
	};
	
	


// -----------------------------------------  SALTO A FICHA DE COLUMNA DE MONTAJE COMPLETO
	
function validar(formulario) 
{
	var accesos = "";
	with(document.accesorios) 
	{
		for(var i = 0; i < accesorio.length; i++)
		{
			if(accesorio[i].checked)
			{
				accesos += accesorio[i].value + "|";
			}
		}
	}
	accesos = accesos.substr(0,accesos.length - 1);
	misAccesorios = accesos.split("|");
	
	if(misAccesorios.length > 0)
	{
		misParams = "?";
		for(var n = 0; n < misAccesorios.length; n++)
		{		
			misParams = misParams + "param" + n + "=" + misAccesorios[n] + "&";
		}
		
		misParams = misParams.substr(0,misParams.length - 1);
	}
	return misParams;
}




	function cargaFicha(formu) { 
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var loadFicha = function() { 
				var req = new Request.HTML({url:"seccion4.php" + validar(formu),
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}
				}); 
				req.send();
			}; 
		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	loadFicha(formu);
		});	
		
		fadeIn.addEvent("complete", function() {
		  	Show_MFC_Docs(document.docs.dradis.value);
		});			

	};

		
		
// -----------------------------------------  SALTO A FICHA DE COLUMNA MONTAJE EN PUNTA
	
	
	
	
	
	function cambiaSeccionPunta(uri) { 
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var makeSalto = function() { 
				var req = new Request.HTML({url:"seccion" + uri + ".php", 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}
				}); 
				req.send();
			}; 
		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	makeSalto();
		});	

	};
	
	
	
	
	
	
function cargaFichaPunta(formu) { 
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var loadFicha = function() { 
				var req = new Request.HTML({url:"seccion7.php" + validar(formu),
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}
				}); 
				req.send();
			}; 
		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	loadFicha(formu);
		});
		
		fadeIn.addEvent("complete", function() {
		  	Show_MFC_Docs(document.docs.dradis.value);
		});		

	};	
	
	function vuelveSeccionAccesorios() { 

		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var makeRequest = function() { 
				uri = "seccion6.php";

				
				var req = new Request.HTML({url:uri, 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}

				}); 
					
				req.send();
			}; 

		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	makeRequest();
		});	
	
	};	
	
	
	
	
// -----------------------------------------  SALTO A LA FICHA FINAL DE BRAZO PARED
	
	
	
	
	
	function fichaFinalBrazoPared(uri) { 
	
		var fadeIn = new Fx.Morph($('configurador'),{ 
			duration: 500 
			}); 		
		
		var makeSalto = function() { 
				var req = new Request.HTML({url:"seccion8.php", 
	
					onSuccess: function(html) {
						$('configurador').set('text', '');
						$('configurador').adopt(html);
						fadeIn.start({ 
						opacity : 1 
						}) 
					}
				}); 
				req.send();
			}; 
		 
		var fadeOut = new Fx.Morph($('configurador'),{ 
			duration: 500
        }); 
		
		fadeOut.start({ 
			opacity : 0
			}); 
			
		fadeOut.addEvent("complete", function() {
		  	makeSalto();
		});
		
		fadeIn.addEvent("complete", function() {
		  	Show_MFC_Docs(document.docs.dradis.value);
		});			

	};