var totalTxtDel = 0, totalTxtTras = 0;
	
	var proporcion = 1;
	var pixelTamano = 0
	var idTmpItemTxt = 0;	
	var widthImagen = 0;
	var heightImagen = 0;
	
	var idItemTxtSel = null;
	
	var itemTabDelTrasSel = "visDel";	

	function productoBase(id, nombre, precio){
		this.id = id;
		this.nombre = nombre;	
		this.precio = precio;	
		this.colorSel = "color0";	
		this.colores = Array();
		this.tallas = Array();
	}
	
	function productoBaseColores(color, imgDel, imgTras){
		this.color = color;			
		this.imgDel = urlBaseProductosBase + imgDel;
		this.imgTras = urlBaseProductosBase + imgTras;
	}
	
	function productoBaseTallas(idTalla, nombreTalla){
		this.idTalla = idTalla;			
		this.nombreTalla = nombreTalla;		
	}
	
	function clipart(id, nombre, img, precio){
		this.id = id;
		this.nombre = nombre;
		this.img = urlBaseProductosBase + img;	
		this.x = 0;
		this.y = 0;	
		this.ancho = 0;	
		this.alto = 0;	
		this.precio = precio;	
	}
	
	function texto(texto, tipografia, tamano, alineacion, idColor, color){
		this.texto = texto;
		this.tipografia = tipografia;	
		this.tamano = tamano;
		this.alineacion = alineacion;	
		this.idColor = idColor;	
		this.color = color;	
		this.x = 0;
		this.y = 0;
		//this.ancho = 0;	
		//this.alto = 0;
		this.idCapaCon = null;
	}
	
	function pedido(){
		this.productoBase = null;
		this.clipartDel = null;
		this.clipartTras = null;
		this.txtDel = Array();
		this.txtTras = Array();
	}
	
	function color(id, nombre, hex, img, imgBckg){
		this.id = id;
		this.nombre = nombre;
		this.hex = hex;
		this.imgColor = img;
		this.imgBckg = imgBckg;
	}
	
	function fuente(id, nombre, fichero){
		this.id = id;
		this.nombre = nombre;	
		this.fichero = fichero;	
		this.colores = Array();
	}
	
	function imgNov(hash, imgDel, imgTras){
		this.hash = hash;
		this.imgDel = imgDel;
		this.imgTras = imgTras;		
	}
	
	function cargaEventos(idProductoPerfil, idTmpItemTxt){
		var frm = document.forms["frmDis"]	
		
		$("#"+idProductoPerfil+" .imgTxtSel").draggable({				
			ghosting:	false,
			opacity: 	0,						
			stop: function(e,ui) {		
				idTmpItemTxt = replaceStr(this.id, "txt", "")
				objTmp = (idProductoPerfil=="imgCenDel")?pedidoSeleccionado.txtDel[idTmpItemTxt]:pedidoSeleccionado.txtTras[idTmpItemTxt];
				objTmp.x = ui.position.left;
				objTmp.y = ui.position.top;									
			} 
		});	
		
		$("#"+idProductoPerfil+" .imgTxtSel").hover(
			function(event){ 					
				$(this).find('img').css({border: '1px dashed #f4f4f4'});
				$(this).find('.sqr')
					.css({visibility: 'visible'})	
					.css({left: $(this).find('img').width() - 5})	
					.css({top: $(this).find('img').height() - 5});	
					
				$(this).find('.del')
					.css({visibility: 'visible'})	
					.css({left:$(this).find('img').width() - 5})	
					.css({top: -5});																																																																				
			},
			function(event){ 	
				$(this).find('img').css({border: '0px'});	
				$(this).find('.sqr').css({visibility: 'hidden'});	
				$(this).find('.del').css({visibility: 'hidden'});														
			}					
		);	
		
		$("#"+idProductoPerfil+" #txt"+idTmpItemTxt).bind("click", function(e){
		
			$("#visTextos").click();											
					
			idTmpItemTxt = replaceStr($(this).attr("id"), "txt", "")																																			
			
			if(idItemTxtSel != idTmpItemTxt && idItemTxtSel!="X"){										
			
				//$(".txtSelConf").remove();										
																																																																
				//widthImagen = $("#"+idProductoPerfil+" #"+$(this).attr("id")+" img").width()	
				//heightImagen = $("#"+idProductoPerfil+" #"+$(this).attr("id")+" img").height()																																	
								
				domTmp = "#"+idProductoPerfil+" #"+$(this).attr("id");																																																																																											
				
				$(domTmp+" .sqr").css({visibility: 'hidden'});		
				$(domTmp+" .del").css({visibility: 'hidden'});	
				$(domTmp+" .txtSelConf").css({visibility: 'visible'});															
				
				if(idProductoPerfil=="imgCenDel"){	
					tamanoTipo = pedidoSeleccionado.txtDel[idTmpItemTxt].tamano	
					txtSel = pedidoSeleccionado.txtDel[idTmpItemTxt].texto	
					tipografia = pedidoSeleccionado.txtDel[idTmpItemTxt].tipografia	
					idColor = pedidoSeleccionado.txtDel[idTmpItemTxt].idColor
					alin = pedidoSeleccionado.txtDel[idTmpItemTxt].alineacion
					
					if(idItemTxtSel!=null) $("#imgCenDel #txt"+idItemTxtSel+" .txtSelConf").css({visibility: 'hidden'});																																									
				}else{
					tamanoTipo = pedidoSeleccionado.txtTras[idTmpItemTxt].tamano	
					txtSel = pedidoSeleccionado.txtTras[idTmpItemTxt].texto	
					tipografia = pedidoSeleccionado.txtTras[idTmpItemTxt].tipografia	
					idColor = pedidoSeleccionado.txtTras[idTmpItemTxt].idColor	
					alin = pedidoSeleccionado.txtTras[idTmpItemTxt].alineacion
					
					if(idItemTxtSel!=null) $("#imgCenTras #txt"+idItemTxtSel+" .txtSelConf").css({visibility: 'hidden'});									
				}									
				
				//cargamos los datos de la tipo
				frm["txtTamano"].value = tamanoTipo	
				frm["txtSel"].value = txtSel									
				for(i=0;i<frm["cboTipo"].options.length;i++){					
					if(tipografia==fuentes[frm["cboTipo"].options[i].value]["fichero"]){
						frm["cboTipo"].options[i].selected = true
						$('#cboTipo').change()
						break;
					}					
				}	
				
				for(i=0;i<frm["cboAlin"].options.length;i++){					
					if(frm["cboAlin"].options[i].value==alin){
						frm["cboAlin"].options[i].selected = true						
						break;
					}					
				}		
				
				fontColorSel = idColor																						
				
				idItemTxtSel = idTmpItemTxt;	
				
				//$('<div class="txtSelConf"></div>').appendTo("#"+idProductoPerfil+" #txt"+idTmpItemTxt);	
			}	
			
			if(idItemTxtSel=="X") idItemTxtSel = null													
																						
		});						
		
		$("#"+idProductoPerfil+" .imgTxtSel .del").bind("click", function(e){																																		
			idTmpItemTxt = replaceStr($(this).parent().attr("id"), "txt", "")				
			$("#"+idProductoPerfil+" #txt"+idTmpItemTxt).remove();						
			
			switch (idProductoPerfil){		
				case "imgCenDel":
					pedidoSeleccionado.txtDel[idTmpItemTxt] = null;
					totalTxtDel--;
					break;
				case "imgCenTras":
					pedidoSeleccionado.txtTras[idTmpItemTxt] = null;
					totalTxtTras--;
					break;
			}					
			idItemTxtSel = null		
			
			cargaPrecio()																
		});		
		
		$("#"+idProductoPerfil+" .imgTxtSel .txtSelConf").bind("click", function(e){
			var frm = document.forms["frmDis"]																																				
			idItemTxtSel = "X"			
			frm["txtTamano"].value = ""
			frm["txtSel"].value = ""		
			$(this).css({visibility: 'hidden'});																																													
		});						
		
		$("#"+idProductoPerfil+" .imgTxtSel .sqr").draggable({							
			ghosting:	false,
			opacity: 	0,	
			start: function(e,ui) {	
				pixelTamano	= 0;						
				idTmpItemTxt = replaceStr($(this).parent().attr("id"), "txt", "")	
				widthImagen = $("#"+idProductoPerfil+" #txt"+idTmpItemTxt+" img").width()	
				heightImagen = $("#"+idProductoPerfil+" #txt"+idTmpItemTxt+" img").height()		
				$("#"+idProductoPerfil+" .imgTxtSel").css({border: '0px'});																			
			},						
			stop: function(e,ui) {									
																			
				domSqr = "#"+idProductoPerfil+" #"+$(this).parent().attr("id")+" .sqr";
				domImg = "#"+idProductoPerfil+" #"+$(this).parent().attr("id")+" img";																																								
				
				if(idProductoPerfil=="imgCenDel"){	
					tamanoTipo = pedidoSeleccionado.txtDel[idTmpItemTxt].tamano											
					//pedidoSeleccionado.txtDel[idTmpItemTxt].ancho = $(domImg).width(); 	
					//pedidoSeleccionado.txtDel[idTmpItemTxt].alto = $(domImg).height();																												
				}else{
					tamanoTipo = pedidoSeleccionado.txtTras[idTmpItemTxt].tamano						
					//pedidoSeleccionado.txtTras[idTmpItemTxt].ancho = $(domImg).width(); 	
					//pedidoSeleccionado.txtTras[idTmpItemTxt].alto = $(domImg).height(); 
				}			
				
				frm["txtTamano"].value = tamanoTipo																																							
				
				$(domSqr).css({left: $(domImg).width(), top: $(domImg).height()});						
				$("#"+idProductoPerfil+" #"+$(this).parent().attr("id")).css({border: '0px'});
				url = modValor($(domImg).attr("src"), "cboTamano", tamanoTipo)	
				$("#"+idProductoPerfil+" #"+$(this).parent().attr("id")+" img").remove();					
				$('<img src="'+url+'" alt="" />').appendTo("#"+idProductoPerfil+" #"+$(this).parent().attr("id"));									
				
				/*idItemTxtSel = null			*/
				
			},						
			drag: function(e,ui) {	
				bCargar = false																													
				if(pixelTamano==0) 
					pixelTamano = ui.position.top	
					
				incDiv = 0;											
				
				//if(ui.position.top % 2 == 0){														
					if(ui.position.top > pixelTamano){
						if(idProductoPerfil=="imgCenDel"){							
							pedidoSeleccionado.txtDel[idTmpItemTxt].tamano++
							tamano = pedidoSeleccionado.txtDel[idTmpItemTxt].tamano																																									
						}else{
							pedidoSeleccionado.txtTras[idTmpItemTxt].tamano++
							tamano = pedidoSeleccionado.txtTras[idTmpItemTxt].tamano						

						}
						incDiv = 1;
						bCargar = true;	
					}else if(ui.position.top < pixelTamano){
						if(idProductoPerfil=="imgCenDel"){							
							pedidoSeleccionado.txtDel[idTmpItemTxt].tamano--
							tamano = pedidoSeleccionado.txtDel[idTmpItemTxt].tamano																																									
						}else{
							pedidoSeleccionado.txtTras[idTmpItemTxt].tamano--
							tamano = pedidoSeleccionado.txtTras[idTmpItemTxt].tamano						
						}
						incDiv = -1;
						bCargar = true;
					}		
					
					if(bCargar){
						widthImagen += incDiv;	
						heightImagen += incDiv;								
	
						domTmp = "#"+idProductoPerfil+" #txt"+idTmpItemTxt;																																																
						$(domTmp).css({border: '1px dotted #f4f4f4', width: widthImagen, height: heightImagen});																																						
						
						$(domTmp+" .sqr").css({visibility: 'hidden'});		
						$(domTmp+" .del").css({visibility: 'hidden'});							
						pixelTamano = ui.position.top
					}
					
					
				}			
			//}		
		})
	}
	
	function clickProd(){	
		$("#divListProdBase .gal1").bind("click", function(e){	
																												
			pedidoSeleccionado.productoBase = arrayProductosBase[this.id];										
							
			urlImg = pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].imgDel;
			urlImg = "../php/thumbnails.php?ruta="+urlImg+"&ancho=300&alto=300&colorBckg=FFFFFF"			
			$("#prodSelDel").attr({ 							
				src: urlImg
			});	
			urlImg = pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].imgTras;					
			urlImg = "../php/thumbnails.php?ruta="+urlImg+"&ancho=300&alto=300&colorBckg=FFFFFF"			
			$("#prodSelTras").attr({ 							
				src: urlImg
			});						
			
			$(".itemcolores").remove();			
			
			indColor = 0
			strTmp = ""				
			for(productoBaseColor in arrayProductosBase[this.id].colores){		
				//strTmp += '<li class="itemcolores" style="background:#'+arrayProductosBase[this.id].colores[productoBaseColor].color.hex+';"><img id="color'+indColor+'" src="../img/bulletCol.gif" alt="'+arrayProductosBase[this.id].colores[productoBaseColor].color.nombre+'" /></li>';		
				strTmp += '<li class="itemcolores"><img class="imgBase" src="../colores/img/'+arrayProductosBase[this.id].colores[productoBaseColor].color.imgBckg+'" title="'+arrayProductosBase[this.id].colores[productoBaseColor].color.nombre+'" alt="'+arrayProductosBase[this.id].colores[productoBaseColor].color.nombre+'" /><img class="imgSup" id="color'+indColor+'" src="../img/bulletCol.gif" title="'+arrayProductosBase[this.id].colores[productoBaseColor].color.nombre+'" alt="'+arrayProductosBase[this.id].colores[productoBaseColor].color.nombre+'" /></li>';						
				indColor++;
			}	
			
			if(strTmp!="") $("<ul>"+strTmp+"</ul>").appendTo("#listColor");	
			
			strTmp = ""		
			for(productoBaseTalla in arrayProductosBase[this.id].tallas){				 
				strTmp += '<option value="'+arrayProductosBase[this.id].tallas[productoBaseTalla].idTalla+'">'+arrayProductosBase[this.id].tallas[productoBaseTalla].nombreTalla+'</option>';									
			}						
					
			$("#cboTallas").html(strTmp);						
			
			$(".itemcolores img").bind("click", function(e){																																	
				pedidoSeleccionado.productoBase.colorSel = this.id									
				
				urlImg = pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].imgDel;
				urlImg = "../php/thumbnails.php?ruta="+urlImg+"&ancho=300&alto=300&colorBckg=FFFFFF"			
				$("#prodSelDel").attr({ 							
					src: urlImg
				});	
				urlImg = pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].imgTras;					
				urlImg = "../php/thumbnails.php?ruta="+urlImg+"&ancho=300&alto=300&colorBckg=FFFFFF"			
				$("#prodSelTras").attr({ 							
					src: urlImg
				});	
				
				cargaTextoImg(pedidoSeleccionado.txtDel, "imgCenDel");										
				cargaTextoImg(pedidoSeleccionado.txtTras, "imgCenTras");
																							
			});			
								
			cargaTextoImg(pedidoSeleccionado.txtDel, "imgCenDel");										
			cargaTextoImg(pedidoSeleccionado.txtTras, "imgCenTras");
			
			cargaPrecio()													
																											
    	});
	}
	
	function clickClipart(idObj, arrayClips, cargado){		
	
		x = 0;
		y = 0;	
		ancho = 100;		
		alto = 100;																													 						
		
		switch(idProductoPerfil){
			case "imgCenDel":	
			
				if(pedidoSeleccionado.clipartDel!=null){	
					if(pedidoSeleccionado.clipartDel.x!=0 || pedidoSeleccionado.clipartDel.y!=0){
						x = pedidoSeleccionado.clipartDel.x;
						y = pedidoSeleccionado.clipartDel.y;				
					}
					
					ancho = pedidoSeleccionado.clipartDel.ancho;		
					alto = pedidoSeleccionado.clipartDel.alto;
				}
																														
				pedidoSeleccionado.clipartDel = arrayClips[idObj];
				
				if(pedidoSeleccionado.clipartDel!=null){
					pedidoSeleccionado.clipartDel.x = x
					pedidoSeleccionado.clipartDel.y = y
					pedidoSeleccionado.clipartDel.ancho = ancho;		
					pedidoSeleccionado.clipartDel.alto = alto;																			
				}
				
				break;
			case "imgCenTras":
				
				if(pedidoSeleccionado.clipartTras!=null){		
					if(pedidoSeleccionado.clipartTras.x!=0 || pedidoSeleccionado.clipartTras.y!=0){
						x = pedidoSeleccionado.clipartTras.x;
						y = pedidoSeleccionado.clipartTras.y;				
					}
					
					ancho = pedidoSeleccionado.clipartTras.ancho;		
					alto = pedidoSeleccionado.clipartTras.alto;
				}
																	
				pedidoSeleccionado.clipartTras = arrayClips[idObj];	
				
				if(pedidoSeleccionado.clipartTras!=null){
					pedidoSeleccionado.clipartTras.x = x
					pedidoSeleccionado.clipartTras.y = y	
					pedidoSeleccionado.clipartTras.ancho = ancho;		
					pedidoSeleccionado.clipartTras.alto = alto;									
				}
		}					
				
		cargaPrecio()					
		
		if(!cargado){
			url = modValor($("#"+idObj).parent().find("img").attr("src"), "ancho", ancho)
			url = modValor(url, "alto", alto)						
			
			$("#"+idProductoPerfil+" .imgSel").remove();
			$('<div class="imgSel"><img onload="fixPNG(this)" width="'+ancho+'" height="'+alto+'" src="'+url+"&imgBase=../productos/img/"+pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].color.imgBckg+'&alpha=1" alt="" /><div class="del"></div><div class="sqr"></div></div>').appendTo("#"+idProductoPerfil);				
			$("#"+idProductoPerfil+" .imgSel").css({ visibility:'hidden' });	
		}																									
		
		$("#"+idProductoPerfil+" .imgSel").draggable({				
			ghosting:	false,
			opacity: 	0,		
			containment : 'parent',
			stop: function(e,ui) {	
				posicionaClipart(e,ui);								
			} 		
		})	
		
		$("#"+idProductoPerfil+" .imgSel").hover(												 															 
			function(event){ 													
				strObj = "#"+idProductoPerfil+" .imgSel img"
				strObj = ($(strObj).width()==null)?"#"+idProductoPerfil+" .imgSel span":strObj; //IE5.5/6 png transparente	
					
				$(strObj).css({border: '1px dashed #f4f4f4'});
				
				$(this).find('.sqr')
					.css({visibility: 'visible'})	
					.css({left: $(strObj).width() - 5})	
					.css({top: $(strObj).height() - 5});	
					
				$(this).find('.del')
					.css({visibility: 'visible'})	
					.css({left: $(strObj).width() - 5})	
					.css({top: -5});																																																																				
			},
			function(event){ 	
				strObj = "#"+idProductoPerfil+" .imgSel img"
				strObj = ($(strObj).width()==null)?"#"+idProductoPerfil+" .imgSel span":strObj; //IE5.5/6 png transparente	
			
				$(strObj).css({border: '0px'});	
				$(this).find('.sqr').css({visibility: 'hidden'});	
				$(this).find('.del').css({visibility: 'hidden'});														
			}					
		);						
		
		$("#"+idProductoPerfil+" .imgSel .del").bind("click", function(e){																														
			$("#"+idProductoPerfil+" .imgSel").remove();
			switch (idProductoPerfil){		
				case "imgCenDel":
					pedidoSeleccionado.clipartDel = null;
					break;
				case "imgCenTras":
					pedidoSeleccionado.clipartTras = null;
					break;
			}
			
			cargaPrecio()
																						
		});
		
		$("#"+idProductoPerfil+" .imgSel .sqr").draggable({				
			ghosting:	false,
			opacity: 	0,	
			start: function(e,ui) {																													
			},						
			stop: function(e,ui) {	
				strObj = "#"+idProductoPerfil+" .imgSel img"
				strObj = ($(strObj).width()==null)?"#"+idProductoPerfil+" .imgSel span":strObj; //IE5.5/6 png transparente
											
				$("#"+idProductoPerfil+" .imgSel .sqr").css({left: $(strObj).width()});						
				$("#"+idProductoPerfil+" .imgSel").css({border: '0px'});								
				
				url = modValor($(strObj).attr("src"), "ancho", $(strObj).width())
				url = modValor(url, "alto", $(strObj).height())					
				$(strObj).attr({src: url});	
				
				if($("#"+idProductoPerfil+" .imgSel img").width()==null){ //IE5.5/6 png transparente				
			   		var strNewHTML = "display:inline-block;width:" + $(strObj).width() 
						  + "px; height:" + $(strObj).height() + "px;"
						  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
						  + "(src=\'" + $(strObj).attr("src") + "\', sizingMethod='scale');\""
					
					$(strObj).attr({style: strNewHTML});						
				}
				
				if(idProductoPerfil=="imgCenDel"){
					pedidoSeleccionado.clipartDel.ancho = $(strObj).width(); 	
					pedidoSeleccionado.clipartDel.alto = $(strObj).height();						
				}else{
					pedidoSeleccionado.clipartTras.ancho = $(strObj).width(); 	
					pedidoSeleccionado.clipartTras.alto = $(strObj).height(); 
				}												
			},						
			drag: function(e,ui) {		
				strObj = "#"+idProductoPerfil+" .imgSel img"
				strObj = ($(strObj).width()==null)?"#"+idProductoPerfil+" .imgSel span":strObj; //IE5.5/6 png transparente
		
				$("#"+idProductoPerfil+" .imgSel").css({border: '1px dotted #f4f4f4'});						
				$(strObj).height(ui.position.top)	
				$(strObj).width(ui.position.top)	
				$("#"+idProductoPerfil+" .imgSel .sqr").css({visibility: 'hidden'});	
				$("#"+idProductoPerfil+" .imgSel .del").css({visibility: 'hidden'});							
			}		
		})												
		
		setTimeout("colocaImg('" + idProductoPerfil + "')", 500);	
	}
	
	function toCurrency(num) {

	  num = Math.round(num*100)/100
	
	  return num.toString();
	
	}
	
	function ajaxFileUpload(){
		$("#loading")
			.ajaxStart(function(){				
				$("#tuClip0").attr({ 							
					src: '../img/loading.gif'
				});	
			})
			/*.ajaxComplete(function(){
				$(this).hide();
			});*/

		$.ajaxFileUpload({
			url:'../php/subidaFichero.php',
			secureuri:false,
			fileElementId:'fileToUpload',
			dataType: 'json',
			success: function (data, status){
				if(typeof(data.error) != 'undefined'){
					if(data.error != ''){	
						alert(data.msg);																				
					}
					urlImg = 'thumbnails.php?ruta='+data.img+'&ancho=130&alto=130&colorBckg=FFFFFF'																
				
					$("#tuClip0").attr({ 							
						src: urlImg 
					});	
				}
			},
			error: function (data, status, e){
				alert(data.msg);
				urlImg = 'thumbnails.php?ruta='+data.img+'&ancho=130&alto=130&colorBckg=FFFFFF'																
				
				$("#tuClip0").attr({ 							
					src: urlImg 
				});	
			}
		})
		
		return false;

	}
	
	function novedadesSem(){	
		clearInterval(idTimeOut)	
		$("#conNov img").fadeOut(1000, function () {
			novSem = (novSem==0)?1:0;
			url = (novSem==0)?arrayImgNov[idNovedad].imgDel.src:arrayImgNov[idNovedad].imgTras.src;
			$(this).attr({src: url}).fadeIn(1000, function () {				
			});
		});	
		idTimeOut = setTimeout("novedadesSem()", 4000);		
	}
	
	function disenosClips(urlDest){			
		$.ajax({
			url: urlDest + "&cargaDisenosCliparts=1",
			cache: false,
			success: function(html){							
				$("#conDisClipts").html(html);
				$("#conDisClipts a.lnkAjax").bind("click", function(e){		
					disenosClips($(this).attr("href"));			
					return false;
				});				
				$("#listClip span a").bind("click", function(e){																
					hash = replaceStr($(this).attr("id"), "lnkClipBus", "")						
					cargaDatosClip(hash)				
					return false;
				});	
																			
			}
		});			
	}
	
	function cargaHtmlPag(href, divDestino, tipo){	
		urlDestino = "";
	
		switch(tipo){
			case "CLIP":
				urlDestino = "&cargaCliparts=1";				
				break;
			case "PROD":
				urlDestino = "&cargaProd=1";				
				break;
		}			
		
		$.ajax({
			url: href + urlDestino,
			cache: false,
			success: function(html){						
				$("#"+divDestino).html(html);		
				switch(tipo){
					case "CLIP":
						$("#divListClip .gal1").bind("click", function(e){																						
							clickClipart(this.id, cliparts, false)																								
						});						
						cargaClickClip()							
						break;
						
					case "PROD":
						clickProd();
						cargaClickProd();
						break;
				}
				$.each($('.listDisConf a'), function() {																	  		 
				   $(this).removeAttr('href'); 
				});				
					
			}
		});		
		return false;	
	}	
	
	function cargaDatosClip(hash){				
		$.ajax({
			url: "cargaArrayCliparts.php?hash="+hash+"&precio=1&idClipartFin=" + idClipartFin,
			cache: false,
			success: function(html){								
			
				eval(html)	
				
				ancho = 100;		
				alto = 100;																													 						
				
				switch(idProductoPerfil){
					case "imgCenDel":	
					
						if(pedidoSeleccionado.clipartDel!=null){								
							ancho = pedidoSeleccionado.clipartDel.ancho;		
							alto = pedidoSeleccionado.clipartDel.alto;
						}																																						
						
						break;
					case "imgCenTras":
						
						if(pedidoSeleccionado.clipartTras!=null){									
							ancho = pedidoSeleccionado.clipartTras.ancho;		
							alto = pedidoSeleccionado.clipartTras.alto;
						}																									
				}				
				
				url = modValor($("#clipBus"+hash).attr("src"), "ancho", ancho)
				url = modValor(url, "alto", alto)					
				$("#"+idProductoPerfil+" .imgSel").remove();
				$('<div class="imgSel"><img onload="fixPNG(this)" src="'+url+"&imgBase=../productos/img/"+pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].color.imgBckg+'&alpha=1" alt="" /><div class="del"></div><div class="sqr"></div></div>').appendTo("#"+idProductoPerfil);					
				$("#"+idProductoPerfil+" .imgSel").css({ visibility:'hidden' });
				clickClipart("clipart"+idClipartFin, cliparts, true)														
			}
		});				
	}
	
	function colocaImg(idProductoPerfil){
	
		objTmp = (idProductoPerfil=="imgCenDel")?pedidoSeleccionado.clipartDel:pedidoSeleccionado.clipartTras;			
	
		if(objTmp.x!=0 || objTmp.y!=0){
			x = objTmp.x;
			y = objTmp.y;				
		}else{	
			x = ($("#"+idProductoPerfil).width() - $("#"+idProductoPerfil+" .imgSel img").width()) / 2
			y = 70;										
		}														
		
		$("#"+idProductoPerfil+" .imgSel").css({ top:y, left:x });
				
		objTmp.x = x;
		objTmp.y = y;	
		$("#"+idProductoPerfil+" .imgSel").css({ visibility:'visible' });					
	}
	
	function colocaTxt(idItemTipo, subTipo){				
	
		objTmp = (idProductoPerfil=="imgCenDel")?pedidoSeleccionado.txtDel[idItemTipo]:pedidoSeleccionado.txtTras[idItemTipo];	
		subTipo += idItemTipo;			
		
		if(objTmp.x!=0 || objTmp.y!=0){
			x = objTmp.x;
			y = objTmp.y;	
		}else{						
		
			x = (($("#"+idProductoPerfil).width() - $("#"+idProductoPerfil+" #"+subTipo).width() + parseInt(objTmp.tamano)) / 2)	
			y = 70;								
									
		}													
		
		$("#"+idProductoPerfil+" #"+subTipo).css({ top:y, left:x });
						
		objTmp.x = x;
		objTmp.y = y;			
		
		$("#"+idProductoPerfil+" #"+subTipo).css({ visibility:'visible' });			
						
	}
	
	function cargaTextoImg(obj, capaDestino){
		$("#"+capaDestino+" .imgTxtSel").remove();		
		if(obj==null) return 					
		
		for(i=0;i<obj.length;i++){													

			url = "txt=" + escape(obj[i].texto)				
			url += "&cboTipo=" + obj[i].tipografia			
			url += "&cboTamano=" + obj[i].tamano			
			url += "&cboAlin=" + obj[i].alineacion	
			url += "&color=" + obj[i].color;
			url += "&imgBase=../colores/img/"+pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].color.imgBckg;								
			
			$('<div id="txt'+obj[i].idCapaCon+'" class="imgTxtSel" style="visibility:hidden;"><img src="../php/anadirTexto.php?'+url+'&alpha=1" alt="" /><div class="del"></div><div class="sqr"></div><div class="txtSelConf"></div></div>').appendTo("#"+capaDestino);																																								
				
			cargaEventos(capaDestino, obj[i].idCapaCon)					
			
			objTmp = (capaDestino=="imgCenDel")?pedidoSeleccionado.txtDel[i]:pedidoSeleccionado.txtTras[i];											
						
			x = objTmp.x;
			y = objTmp.y;											
						
			$("#"+capaDestino+" #txt"+obj[i].idCapaCon).css({ top:y, left:x });										
			$("#"+capaDestino+" #txt"+obj[i].idCapaCon).css({ visibility:'visible' });												
			
			if(idItemTxtSel == obj[i].idCapaCon){										
						
				domTmp = "#"+idProductoPerfil+" #txt"+obj[i].idCapaCon;																																																																																											
				
				$(domTmp+" .sqr").css({visibility: 'hidden'});		
				$(domTmp+" .del").css({visibility: 'hidden'});	
				$(domTmp+" .txtSelConf").css({visibility: 'visible'});
				
			}
					
		}
	}
	
	function posicionaClipart(e,ui){
		objTmp = (idProductoPerfil=="imgCenDel")?pedidoSeleccionado.clipartDel:pedidoSeleccionado.clipartTras;
		objTmp.x = ui.position.left;
		objTmp.y = ui.position.top;					
	}		
	
	function modValor(url, campo, valor){
		var arrayItems = url.split("?")	
		var urlFinal = ""
		if(arrayItems.length>1){
			urlFinal = arrayItems[0] 
			arrayItems = arrayItems[1].split("&")
			for(i=0;i<arrayItems.length;i++){
				arrayValor = arrayItems[i].split("=")
				urlFinal += (i==0)?"?":"&";
				if(arrayValor[0] == campo){
					urlFinal += (arrayValor[0] + "=" + valor);
				}else{
					urlFinal += arrayItems[i];
				}
			}
		}else
			urlFinal = url			
		return urlFinal
	}
	
	function preCarga1(){
		$('#dialog').jqm(); 
		$("#lnkTodasTipos a.jqModal").bind("click", function(e){	
			var frm = document.forms["frmDis"]	
			var cboTipo = frm["cboTipo"].options[frm["cboTipo"].options.selectedIndex].value	
			var cboAlin = frm["cboAlin"].options[frm["cboAlin"].options.selectedIndex].value
			var txtTamano = frm["txtTamano"].value
			
			var anchoVentana = (document.documentElement.clientWidth - 657) / 2	
			var altoVentana = (document.documentElement.clientHeight - 524) / 2	
			
			anchoVentana = Math.round(anchoVentana) + "px"
			altoVentana = Math.round(altoVentana) + "px"
			
			$(".jqmWindow").css('left', anchoVentana);
			$(".jqmWindow").css('top', altoVentana);						
					
			textoTmp = (frm["txtSel"].value=="")?"Elastika":frm["txtSel"].value;
			txtTamano = (isNaN(txtTamano) || txtTamano == "")?20:txtTamano;
			
			url = "cargaTipografias.php?txt=" + escape(trataTxtConf(textoTmp))	
			url += "&cboTipo=" + fuentes[cboTipo]["fichero"]
			url += "&cboTamano=" + txtTamano
			url += "&cboAlin=" + cboAlin	
			url += "&color=" + fuentes[cboTipo]["colores"][fontColorSel].hex;			
			url += "&imgBase=../colores/img/"+pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].color.imgBckg;		
			
			$.ajax({
				url: url,
				cache: false,
				success: function(html){		
					$("#dialog").html(html);	
					$('#btnCerrarTipos a').hover(function() {									 							
						$(this).animate({top: -10},100, function() {
							$(this).css('top', '-10px');
						});												
					}, function() {
						$(this).animate({top: -15},100, function() {
							$(this).css('top', '-15px');
						});			
					});					
					$('#dialog').jqmAddClose('.lnkCerrarTipos'); 	
					
					$("#conTiposTextos a").bind("click", function(e){	
						var frm = document.forms["frmDis"]	
						idTipo = replaceStr($(this).attr("id"), "tipo", "")		
						for(ind=0;ind<frm["cboTipo"].options.length;ind++)			
							if(idTipo==frm["cboTipo"].options[ind].value){
								frm["cboTipo"].options.selectedIndex = ind;
								break;
							}							
					});	
					$('#dialog').jqmAddClose('#conTiposTextos a'); 																																	
				}
			});				
		});
		
		$("#lnkAyuda a.jqModal").bind("click", function(e){		
			var anchoVentana = (document.documentElement.clientWidth - 657) / 2	
			var altoVentana = (document.documentElement.clientHeight - 661) / 2	
			
			anchoVentana = Math.round(anchoVentana) + "px"	
			altoVentana = Math.round(altoVentana) + "px"
			
			$(".jqmWindow").css('left', anchoVentana);
			$(".jqmWindow").css('top', altoVentana);
														
			$("#dialog").html("");	
			numItemActual = 0;
			clearTimeout(idTimeOut)									
			
			$.ajax({
				url: "cargaAyuda.php",
				cache: false,
				success: function(html){							
					$("#dialog").html(html);	
					$('#btnCerrarTipos a').hover(function() {									 							
						$(this).animate({top: -10},100, function() {
							$(this).css('top', '-10px');
						});												
					}, function() {
						$(this).animate({top: -15},100, function() {
							$(this).css('top', '-15px');
						});			
					});					
					$('#dialog').jqmAddClose('.lnkCerrarTipos'); 
					
					idTimeOut = setTimeout('cargaAyuda(' + numItemActual + ')', 4000)
				}
			});				
		});
		
		
	}
	
	function cargaAyuda(numItemTmp){		
		var urlImg = "../img/"
		
		clearTimeout(idTimeOut)
	
		/*$("#destacado li#item" + numItemTmp).fadeTo("slow", 0)	*/			
		
		if(numItemActual<7)
			numItemActual++
		else
			numItemActual = 1
			
		urlImg += "ayuda"+numItemActual+".jpg"				
			
		$("#conAyuda img").attr({src: urlImg})								
		
		idTimeOut = setTimeout('cargaAyuda(' + numItemActual + ')', 4000)
	}
	
	function preCarga2(){
		$('#conNov img').hover(function() {									 							
			idTimeOut = setTimeout("novedadesSem()", 1000);											
		}, function() {		
			if(idTimeOut!=0)clearInterval(idTimeOut)				
		});		
		
		$("#novSemAnt").bind("click", function(e){	
			if(idNovedad<(numTotalNovedad-1))
				idNovedad++;
			else
				idNovedad = 0;	
			urlDestino = 'home.php?diseno='	+ arrayImgNov[idNovedad].hash
			$("#conNov a").attr({href: urlDestino})	
			$("#conNov img").fadeOut(1000, function () {
				novSem = 0;				
				url = (novSem==0)?arrayImgNov[idNovedad].imgDel.src:arrayImgNov[idNovedad].imgTras.src;
				$(this).attr({src: url}).fadeIn(1000, function () {				
				});
			});	
		});	
		
		$("#listClip span a").bind("click", function(e){													
			hash = replaceStr($(this).attr("id"), "lnkClipBus", "")	
			cargaDatosClip(hash)				
			return false;
		});					
	
		$("#"+itemTabDelTrasSel+" a").animate({left: 0},100, function() {
			$(this).css('left', '0px');
		});
		
		$("#"+itemTabDesignSel+" a").animate({left: 0},100, function() {
			$(this).css('left', '0px');
		});
		
		indColor = 0
		strTmp = ""				
		for(productoBaseColor in arrayProductosBase["producto0"].colores){		
			strTmp += '<li class="itemcolores"><img class="imgBase" src="../colores/img/'+arrayProductosBase["producto0"].colores[productoBaseColor].color.imgBckg+'" title="'+arrayProductosBase["producto0"].colores[productoBaseColor].color.nombre+'" alt="'+arrayProductosBase["producto0"].colores[productoBaseColor].color.nombre+'" /><img class="imgSup" id="color'+indColor+'" src="../img/bulletCol.gif" title="'+arrayProductosBase["producto0"].colores[productoBaseColor].color.nombre+'" alt="'+arrayProductosBase["producto0"].colores[productoBaseColor].color.nombre+'" /></li>';						
			indColor++;
		}	
		
		if(strTmp!="") $("<ul>"+strTmp+"</ul>").appendTo("#listColor");	
		
		strTmp = ""		
		for(productoBaseTalla in arrayProductosBase["producto0"].tallas){				 
			strTmp += '<option value="'+arrayProductosBase["producto0"].tallas[productoBaseTalla].idTalla+'">'+arrayProductosBase["producto0"].tallas[productoBaseTalla].nombreTalla+'</option>';									
		}				
				
		$("#cboTallas").html(strTmp);	
		
		$("#precioCant").html(arrayProductosBase["producto0"].precio+" &euro;");					
						
		$(".itemcolores img").bind("click", function(e){												
																															
			pedidoSeleccionado.productoBase.colorSel = this.id						
			
			urlImg = pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].imgDel;						
			urlImg = "../php/thumbnails.php?ruta="+urlImg+"&ancho=300&alto=300&colorBckg=FFFFFF"					
					
			$("#prodSelDel").attr({ 							
				src: urlImg
			});				
			
			urlImg = pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].imgTras;					
			urlImg = "../php/thumbnails.php?ruta="+urlImg+"&ancho=300&alto=300&colorBckg=FFFFFF"			
			$("#prodSelTras").attr({ 							
				src: urlImg
			});								
			
			cargaTextoImg(pedidoSeleccionado.txtDel, "imgCenDel");
			cargaTextoImg(pedidoSeleccionado.txtTras, "imgCenTras");
																						
		});														
		
		clickProd()									
		
		$("#divListClip .gal1").bind("click", function(e){																
			clickClipart(this.id, cliparts, false)																				
    	});							
		
		$("#btbActTexto input").bind("click", function(e){	
			var frm = document.forms["frmDis"]	
			var cboTipo = frm["cboTipo"].options[frm["cboTipo"].options.selectedIndex].value	
			var txtTamano = frm["txtTamano"].value
			//var cboEfecto = frm["cboEfecto"].options[frm["cboEfecto"].options.selectedIndex].value			
			var cboAlin = frm["cboAlin"].options[frm["cboAlin"].options.selectedIndex].value	
			//var cboTamano = 11;			
			
			if(isNaN(txtTamano) || txtTamano == ""){
				alert("El valor del tamaño debe ser numérico")
				return false;
			}
			
			url = "txt=" + escape(frm["txtSel"].value)	
			url += "&cboTipo=" + fuentes[cboTipo]["fichero"]
			url += "&cboTamano=" + txtTamano
			url += "&cboAlin=" + cboAlin	
			url += "&color=" + fuentes[cboTipo]["colores"][fontColorSel].hex;			
			url += "&imgBase=../colores/img/"+pedidoSeleccionado.productoBase.colores[pedidoSeleccionado.productoBase.colorSel].color.imgBckg;													
			
			if(idItemTxtSel!=null){		
			
				x = 0;
				y = 0;																								 														
																														
				domImg = "#"+idProductoPerfil+" #txt"+idItemTxtSel+" img";		
				domDiv = "#"+idProductoPerfil+" #txt"+idItemTxtSel;	
				
				$(domImg).remove();					
				$('<img src="../php/anadirTexto.php?'+url+'" alt="" />').appendTo(domDiv);
			
				switch (idProductoPerfil){		
					case "imgCenDel":		
					
						if(pedidoSeleccionado.txtDel[idItemTxtSel]!=null){	
							if(pedidoSeleccionado.txtDel[idItemTxtSel].x!=0 || pedidoSeleccionado.txtDel[idItemTxtSel].y!=0){
								x = pedidoSeleccionado.txtDel[idItemTxtSel].x;
								y = pedidoSeleccionado.txtDel[idItemTxtSel].y;				
							}														
						}												
													
						pedidoSeleccionado.txtDel[idItemTxtSel] = new texto(frm["txtSel"].value, fuentes[cboTipo]["fichero"], txtTamano, cboAlin, fontColorSel, fuentes[cboTipo]["colores"][fontColorSel].hex);																	
						pedidoSeleccionado.txtDel[idItemTxtSel].x = x;
						pedidoSeleccionado.txtDel[idItemTxtSel].y = y;
						//pedidoSeleccionado.txtDel[idItemTxtSel].ancho = $(domImg).width(); 	
						//pedidoSeleccionado.txtDel[idItemTxtSel].alto = $(domImg).height();																						
						break;
					case "imgCenTras":	
					
						if(pedidoSeleccionado.txtTras[idItemTxtSel]!=null){	
							if(pedidoSeleccionado.txtTras[idItemTxtSel].x!=0 || pedidoSeleccionado.txtTras[idItemTxtSel].y!=0){
								x = pedidoSeleccionado.txtTras[idItemTxtSel].x;
								y = pedidoSeleccionado.txtTras[idItemTxtSel].y;				
							}														
						}
																
						pedidoSeleccionado.txtTras[idItemTxtSel] = new texto(frm["txtSel"].value, fuentes[cboTipo]["fichero"], txtTamano, cboAlin, fontColorSel, fuentes[cboTipo]["colores"][fontColorSel].hex);							
						pedidoSeleccionado.txtTras[idItemTxtSel].x = x;
						pedidoSeleccionado.txtTras[idItemTxtSel].y = y;
						//pedidoSeleccionado.txtTras[idItemTxtSel].ancho = $(domImg).width(); 	
						//pedidoSeleccionado.txtTras[idItemTxtSel].alto = $(domImg).height();					
						break;
				}
				
				widthImagen = $(domImg).width()	
				heightImagen = $(domImg).height()		
				
				idItemTipo = idItemTxtSel																																																																																																					
								
			}else{								
			
				switch (idProductoPerfil){		
					case "imgCenDel":					
						idTmpItemTxt = pedidoSeleccionado.txtDel.length;	
						if(totalTxtDel>=5){
							alert("El número máximo de cadenas de texto por cada lado es 5.")
							return
						}
						totalTxtDel++;													
						break;
					case "imgCenTras":	
						idTmpItemTxt = pedidoSeleccionado.txtTras.length;	
						if(totalTxtTras>=5){
							alert("El número máximo de cadenas de texto por cada lado es 5.")
							return
						}
						totalTxtTras++;														
						break;
				}												
			
				/*if(cboEfecto!=""){				
					url += "&cboEfecto=" + cboEfecto;				
				}*/																												
																																																																									
				$('<div id="txt'+idTmpItemTxt+'" class="imgTxtSel" style="visibility:hidden;"><img src="../php/anadirTexto.php?'+url+'&alpha=1" alt="" /><div class="del"></div><div class="sqr"></div><div class="txtSelConf"></div></div>').appendTo("#"+idProductoPerfil);																																																									
				
				domImg = "#"+idProductoPerfil+" #txt"+idTmpItemTxt+" img";							
			
				switch (idProductoPerfil){		
					case "imgCenDel":							
						idItemTipo = pedidoSeleccionado.txtDel.push(new texto(frm["txtSel"].value, fuentes[cboTipo]["fichero"], txtTamano, cboAlin, fontColorSel, fuentes[cboTipo]["colores"][fontColorSel].hex));							
						idItemTipo--;						
						//pedidoSeleccionado.txtDel[idItemTipo].ancho = $(domImg).width(); 	
						//pedidoSeleccionado.txtDel[idItemTipo].alto = $(domImg).height();
						pedidoSeleccionado.txtDel[idItemTipo].idCapaCon	= idTmpItemTxt																			
						break;
					case "imgCenTras":												
						idItemTipo = pedidoSeleccionado.txtTras.push(new texto(frm["txtSel"].value, fuentes[cboTipo]["fichero"], txtTamano, cboAlin, fontColorSel, fuentes[cboTipo]["colores"][fontColorSel].hex));	
						idItemTipo--;						
						//pedidoSeleccionado.txtTras[idItemTipo].ancho = $(domImg).width(); 	
						//pedidoSeleccionado.txtTras[idItemTipo].alto = $(domImg).height();	
						pedidoSeleccionado.txtTras[idItemTipo].idCapaCon = idTmpItemTxt				
						break;
				}									
				
				cargaEventos(idProductoPerfil, idTmpItemTxt)																
				
			}		
			
			cargaPrecio()						
			
			setTimeout("colocaTxt("+idItemTipo+", 'txt')", 500);																		
									
    	});																							
		
		$("#visDel").bind("click", function(e){			
			var frm = document.forms["frmDis"]																												
			$("#"+idProductoPerfil).css({ display:'none' });
			$("#imgCenDel").css({ display:'block' });			
			idProductoPerfil = "imgCenDel";	
			itemTabDelTrasSel = $(this).attr("id")					
			$("#visTras a").animate({left: 15},100, function() {
				$(this).css('left', '15px');
			});		
			idItemTxtSel = null			
			frm["txtTamano"].value = ""
			frm["txtSel"].value = ""	
			$("#imgCenTras .imgTxtSel .txtSelConf").css({visibility: 'hidden'});																							
		});		
		
		$("#visTras").bind("click", function(e){		
			var frm = document.forms["frmDis"]																														
			$("#"+idProductoPerfil).css({ display:'none' });
			$("#imgCenTras").css({ display:'block' });
			idProductoPerfil = "imgCenTras";	
			itemTabDelTrasSel = $(this).attr("id")					
			$("#visDel a").animate({left: 15},100, function() {
				$(this).css('left', '15px');
			});		
			idItemTxtSel = null			
			frm["txtTamano"].value = ""
			frm["txtSel"].value = ""
			$("#imgCenDel .imgTxtSel .txtSelConf").css({visibility: 'hidden'});													
		});		
		
		$("#visProductos").bind("click", function(e){																														
			$("#"+idTabDesign).css({ display:'none' });
			$("#divProductos").css({ display:'block' });			
			idTabDesign = "divProductos";									
			$("#"+itemTabDesignSel+" a").animate({left: 15},100, function() {
				$(this).css('left', '15px');
			});
			$("#visProductos a").animate({left: 0},100, function() {
				$(this).css('left', '0px');
			});
			itemTabDesignSel = $(this).attr("id")
			$("#btbActTexto").css({ display:'none' });
			$("#btbTuClip").css({ display:'none' });			
																			
		});		
		
		$("#visDisenos").bind("click", function(e){																														
			$("#"+idTabDesign).css({ display:'none' });
			$("#divDisenos").css({ display:'block' });			
			idTabDesign = "divDisenos";									
			$("#"+itemTabDesignSel+" a").animate({left: 15},100, function() {
				$(this).css('left', '15px');
			});
			$("#visDisenos a").animate({left: 0},100, function() {
				$(this).css('left', '0px');
			});
			itemTabDesignSel = $(this).attr("id")
			$("#btbActTexto").css({ display:'none' });	
			$("#btbTuClip").css({ display:'none' });																		
		});		
		
		$("#visTextos").bind("click", function(e){																														
			$("#"+idTabDesign).css({ display:'none' });
			$("#divTextos").css({ display:'block' });			
			idTabDesign = "divTextos";									
			$("#"+itemTabDesignSel+" a").animate({left: 15},100, function() {
				$(this).css('left', '15px');
			});
			$("#visTextos a").animate({left: 0},100, function() {
				$(this).css('left', '0px');
			});
			itemTabDesignSel = $(this).attr("id")
			$("#btbActTexto").css({ display:'block' });
			$("#btbTuClip").css({ display:'none' });
																			
		});	
		
		$.each($('#listColorFont a'), function() {																	  		 
		   $(this).hover(
				function(event){ 
					var id = replaceStr($(this).attr("id"),"lnk","");
					$(this).find('img').css({border: '1px solid #FF0000'});																																																																						
				},
				function(event){ 	
					var id = replaceStr($(this).attr("id"),"lnk","");				
					if(fontColorSel!=id)
						$(this).find('img').css({border: '1px solid #FFF'});										
				}					
			);
		});
		
		$('#listColorFont a').bind("click", function(e){				
			var id = replaceStr($(this).attr("id"),"lnk","");				
			if(fontColorSel!="" && fontColorSel!=id)$("#lnk"+fontColorSel).find('img').css({border: '1px solid #FFF'});
			fontColorSel = id														
		});	
		
		$('#cboTipo').change(function(){ 
			
			var strTmp = ""
					
			$("#listColorFont ul").remove();
		
			indColor = 0;
			for(colorFuente in fuentes[this.value].colores){				
				if(fontColorSel==fuentes[this.value].colores[colorFuente].id){
					styleDef = 'style="border:1px solid #FF0000;"';	
					//fontColorSel = fuentes[this.value].colores[colorFuente].id;
				}else
					styleDef = "";		
				strTmp += '<li><a id="lnk'+fuentes[this.value].colores[colorFuente].id+'"><img width="15" height="17" src="../colores/img/'+fuentes[this.value].colores[colorFuente].imgColor+'" alt="'+fuentes[this.value].colores[colorFuente].hex+'" /><img '+styleDef+' id="colorFont'+fuentes[this.value].colores[colorFuente].id+'" src="../img/bulletCol.gif" alt="'+fuentes[this.value].colores[colorFuente].nombre+'" /></a></li>'										           	
				//strTmp += '<li style="background:#'+fuentes[this.value].colores[colorFuente].hex+';'+styleDef+'"><a href="#" id="lnk'+fuentes[this.value].colores[colorFuente].id+'"><img id="colorFont'+fuentes[this.value].colores[colorFuente].id+'" src="../img/bulletCol.gif" alt="'+fuentes[this.value].colores[colorFuente].nombre+'" /></a></li>'
				indColor++;
			}														
			
			if(strTmp!="") $("<ul>"+strTmp+"</ul>").appendTo("#listColorFont");						
			
			$.each($('#listColorFont a'), function() {																	  		 
			   $(this).hover(
					function(event){ 
						var id = replaceStr($(this).attr("id"),"lnk","");
						$(this).find('img').css({border: '1px solid #FF0000'});																																																																						
					},
					function(event){ 	
						var id = replaceStr($(this).attr("id"),"lnk","");				
						if(fontColorSel!=id)
							$(this).find('img').css({border: '1px solid #FFF'});										
					}					
				);
			});
			
			$('#listColorFont a').bind("click", function(e){				
				var id = replaceStr($(this).attr("id"),"lnk","");							
				if(fontColorSel!="" && fontColorSel!=id)$("#lnk"+fontColorSel).find('img').css({border: '1px solid #FFF'});
				fontColorSel = id														
			});												
					
		});	
		
		$('.btnInf input').hover(function() {									 							
			$(this).animate({top: -10},100, function() {
				$(this).css('top', '-10px');
			});												
		}, function() {
			$(this).animate({top: -15},100, function() {
				$(this).css('top', '-15px');
			});			
		});
		
		$('.btnSup a').hover(function() {									 							
			$(this).animate({top: 0},100, function() {
				$(this).css('top', '0px');
			});												
		}, function() {
			$(this).animate({top: 7},100, function() {
				$(this).css('top', '7px');
			});			
		});
		
		$('#btnNov a').hover(function() {									 							
			$(this).animate({top: 0},100, function() {
				$(this).css('top', '0px');
			});												
		}, function() {
			$(this).animate({top: -7},100, function() {
				$(this).css('top', '-7px');
			});			
		});
		
		$('.pestana a').hover(function() {									 							
			$(this).animate({left: 0},100, function() {
				$(this).css('left', '0px');
			});												
		}, function() {			
			if($(this).parent().attr("id")!=itemTabDelTrasSel && $(this).parent().attr("id")!=itemTabDesignSel)
				$(this).animate({left: 15},100, function() {
					$(this).css('left', '15px');
				});			
		});
		
		$('#lnkEditPerfil a').hover(function() {									 							
			$(this).animate({top: -10},100, function() {
				$(this).css('top', '-10px');
			});												
		}, function() {
			$(this).animate({top: -15},100, function() {
				$(this).css('top', '-15px');
			});			
		});	
		
		$.each($('.pestana a'), function() {																	  		 
		   $(this).removeAttr('href'); 
		});
		
		$.each($('.listDisConf a'), function() {																	  		 
		   $(this).removeAttr('href'); 
		});
				
	}