/*
Objeto clase tra:

Explicación
-----------
El objeto tiene unas variables predefinidas:

secciones: contiene los objetos necesarios para mostrar columnas e imágenes de fondo según estemos en una sección u otra
id_item: es el id de la tabla catálogo o press que se está visualizando / editando en cada momento
pagina: por defecto vale 0, y se encarga de almacenar la variable del paginador para catálogo y press
itemsPagina: nº de items a mostrar en la paginación

inicialización:
---------------

El objeto se inicializa con la función init, que puede llevar un parámetro (vacío o no en función de si estamos accediendo vía $_GET (se pasa la variable $var1 mediante el .htaccess)



*/

var tra={
	secciones:{
		tienda:{id_imagen:2,submenu:{"historia":{tit:'HISTORIA'},"filosofia":{tit:'FILOSOFÍA'},"mision":{tit:'MISIÓN'}}},
		coleccion:{id_imagen:0},
		press:{id_imagen:5},
		contacto:{id_imagen:6}
		
	},
	id_categoria:1,
	id_item:0,
	pagina:0,
	itemsPagina:8,
	anchoVideo:400,
	altoVideo:437,
	seccionActual:'inicio',
	sexo:'mujer',
	actual:0,
	glondo:0,
	init:function(datos){
		$("#debugAdm").append("<br>init");
		var f=this;
		$("#footer").bind("dblclick",function(){
			var top=0;
			var right=0;
			$("#formularioAcceso").animate({
					    opacity: 1,
					    top: top+'px',
					    right: right+'px'
					  }, 500, function() {  // Animation complete.					  
				});
		})
		if(datos.query!=""){
			var g=$("#menu").find("a[rel="+datos.query+"]");
			if(g.length==1){
				irAObjeto($(g))
				f.inicio({callback:function(){

				}})
			}
		}
		$("#footer").show();
		$("a.boton-"+f.sexo).addClass("seleccionado");

		$("#submenu").show();

		$("#menu a").each(function(){			
			seccionObjeto($(this))
		});//fin del each #menu a
		function seccionObjeto(obj){
			var longit=$(obj).attr("title").length;
			var ancho=longit*6.5;
			$(obj).next().css("width",ancho+"px");
			$(obj).click(function(){
				var yo=$(this);
				$("#cortina").css("left","0px");
				$("#cortina").fadeTo("fast",1,function(){
					$("span.linea").css("display","none")
					$(yo).next().show();					
					irASeccion(yo);	
					cambiaImagenFondo(yo);
					$(this).fadeTo("fast",0,function(){
						$("#cortina").css("left","-1790px");
					});					
				});	
				/* */
			});
		}
		function irAObjeto(obj){
				var longit=$(obj).attr("title").length;
				var ancho=longit*6.5;
				$(obj).next().css("width",ancho+"px");
				$("obj.linea").css("display","none")
				$(this).next().show();
				var yo=$(obj);
				irASeccion(obj);	

		}
		function cambiaImagenFondo(obj){
				var seccion=$(obj).parent().attr("class");
				var objetoSeccion=f.secciones[seccion];
				$("#imagenesFondo").find("li").hide();
				if(objetoSeccion.id_imagen>0){					
					$("#imagenesFondo").find("li").eq(objetoSeccion.id_imagen).show();
				}else{
					
				}
		}
		/* */
		function irASeccion(obj){
			$("#debugAdm").append('<br>irASeccion<br>');
			cambiaImagenFondo(obj);				
			var seccion=$(obj).parent().attr("class");
			muestraColumnas(seccion);
			$("#submenu").find("li").hide();
			var objetoSeccion=f.secciones[seccion];
			if(objetoSeccion.submenu){
				var ul=("#submenu-"+seccion);
				var n=0;						
				$.each(objetoSeccion.submenu,function(p,v){
					//$(ul).find("li").eq(n).find("a").html(v.tit);
					$(ul).find("li").eq(n).show();
					n++;
				});	
			}
		}// fin function irASeccion
		function muestraColumnas(seccion){
			$("#debugAdm").append('<br>muestraColumnas<br>');
			resetColumnas(); 
			function resetColumnas(){
				f.pagina=0;				
				$(".retirarLuego").remove();
				$("#imagenesFondo").find("li").hide();
				$("#col1,#col2").show();
				$("#col2 img.catalogo").remove();
				$("#col2 ul.fotos").remove();
				$("#contacto,#texto,#press").hide();
				$("#catalogo").find("ul").hide();
				$("#imagenes-tienda").find("img").hide();
				$("#subcoleccion").parent().fadeOut("slow");
				f.paginador("catalogo",$("#listaCatalogo li").length);
				f.paginador("press",$("#listaPress li[sexo="+f.sexo+"]").length);				
				superSwitch();
			}			
			function superSwitch(){
				switch(seccion){									
					case "tienda":	
						$("#texto").find("div.bloque").hide();
						$("#texto").show();
						$("#texto").find("div.bloque").eq(0).show();
						$("#submenu-tienda span").html("");//Eliminamos las flechas del submenú tienda
						$("img.bloqueImg").eq(0).show();
						$("#col2").css("display","block");
					break;					
					case "coleccion":
						$("#debugAdm").append('<br>coleccion<br>');
						$("ul.paginador").hide();
						$("#catalogo").find("ul").show();
						$("#campo_tabla").val("catalogo");
						$("#subcoleccion").parent().show();						
						f.muestraCategoriaSexo(1,f.sexo,0);
					break;
					case "press":
						$("ul.paginador").show();
						$("#catalogo ul.paginador").hide(); 
						$("#press").show();
						$("#campo_tabla").val("press");
						f.paginadorPress();
					break;					
					case "contacto":
					
					$("#contacto,#col-fondo").show();
					
					setTimeout(function(){
						$("#col-fondo").show();
					},200);				
					setTimeout(function(){
						$("#wrapperMapa").html("<iframe id='iframeMapa' src='includes/mapa.php' style='margin:10px;width:500px;height:400px;' class='fondoGris' frameborder=0 scrolling=no></iframe>");
					},700);
					$("#col1,#col2,#imagenInicio").hide();

					break;
					default:					
					break;
				}
			}
		}
		$("#submenu-tienda").find("li").each(function(){
			var yo=$(this);			 
			yo.click(function(){
				$("ul.fotos").remove();
				$("#submenu-tienda div.linea-gris").hide();
				yo.find(".linea").show();
				var index=$(yo).attr("rel");				
				$("#imagenesFondo").find("li").hide();
				$("div.bloque").hide();
				$("#submenu-tienda").find("span").html("");
				$("div.bloque").eq(index).show();
				$("img.bloqueImg").hide();
				$("img.bloqueImg").eq(index).show();
				if(index==2){		
					$.ajax({type:'get',url:'ajax/ajax-fotos.php',data:{},success:function(txt){
						$("#col2").append(txt);
						fotosTra();
					}});
				}
			});
		});
		$("li.item-press").each(function(){			
			var yo=$(this);			
			yo.click(function(){
				f.irAItemPress($(this));

			});
		});
		$("#press ul.paginador a").click(function(){
				$(".retirarLuego").remove();
				$("#press ul.paginador a").removeClass("seleccionado");
				$(this).addClass("seleccionado")
				var pag=$(this).attr("rel");
				var pagC=parseInt(pag-1);
				f.pagina=pagC;
				f.paginadorPress(f.pagina);
				return false;
		});
		/*videos youtube*/
		var esvideo=$("li.es-video").length;
		$("li.es-video").each(function(){
			var yo=$(this);
			yo.data("es-video",true);
			var idtabla=$(yo).attr("idtabla");			
			var id_youtube=$(this).attr("id_youtube")
			$.ajax({
				type:'get',
				url:'youtube/youtube.php',
				data:{id:id_youtube},
				success:function(txt){
					var diva=document.createElement('div');
					$(diva).html(txt);
					var imagen=$(diva).find("img").attr("src");
					if(admin){
						$.ajax({type:'post',url:'php/ajax.php',data:{nombreTabla:'press',id:idtabla,thumb:imagen},success:function(t){}});
					}
				}
			});
		});		
	},//fin de la función init()
	inicio:function(datos){
		var f=this;		
		$(".floatInicio").remove();
		$("#col-fondo").hide();
		$("#col-fondo").unbind("click");
		$("#fondoInicial").fadeTo('fast',0,function(){
			$(this).hide();
			//$("#imagenesFondo").find("li").eq(1).show();
			$("#col3").show();
			$("#logo-menu").show();
			if(datos.callback==""){

			}else{
				datos.callback();
			}
		});
	},
	activaMenu:function(){
		
	},
	animaCatalogo:function(){
		alert('anima catalogo');
		var f=this;
			//alert($("li.item[sexo="+f.sexo+"]").length);
			recorreItems();
			$("#catalogo ul.paginador a").click(function(){
				$("#catalogo ul.paginador a").removeClass("seleccionado");
				$(this).addClass("seleccionado")
				var pag=$(this).attr("rel");
				var pagC=parseInt(pag-1);
				f.pagina=pagC;
				recorreItems();
				return false;
			});
			function recorreItems(){
				
				var init=f.itemsPagina*f.pagina;
				var fin=init+f.itemsPagina;
				for(a=0;a<f.itemsPagina;a++){
					
					var b=a+init;
					var ref=$("li.item").eq(b);
					var im=$(ref).attr("ruta");
					var sexo=$(ref).attr("sexo");
					if(sexo==f.sexo){
						$(ref).css("border","1px solid blue");
					}
					var top=$(ref).attr("top");
					var left=$(ref).attr("left");					
					var posX=$(ref).attr("posX");
					var posY=$(ref).attr("posY");
					var idtabla=$(ref).attr("idtabla");					
					var obj=$("li.item").eq(a).find("div");					
					animaItem(obj,im,idtabla,top,left,posX,posY); 
					
					if(a==0){
						//alert('recorre items'+im)

						inyectaImagen(im);
					}
				}
			}
			function inyectaImagen(i){
					$(".retirarLuego").remove();					
					var imagen=new Image();
					$(imagen).addClass("retirarLuego");
					$(imagen).attr("src",i)
					$("#col2").append(imagen);
			}
			function animaItem(obj,im,idtabla,top,left,posX,posY){
				//$(obj).html("sadf"+im); 
			}
			function animaItem2(obj,im,idtabla,top,left,posX,posY){				
				$(obj).css({top:'0px',left:'0px'}).html("<img src='"+im+"'>");
				$(obj).attr("idtabla",idtabla);
				$(obj).attr("title",idtabla);
				$(obj).data("imagen",im);
				$(obj).unbind("click");
				$(obj).unbind("dblclick");
				$(obj).click(function(){
					$(".retirarLuego").remove();					
					var imagen=new Image();
					$(imagen).addClass("retirarLuego");
					$(imagen).attr("src",$(this).data("imagen"))
					$("#col2").append(imagen);
					traAdmin.gestionaItem($(obj));
				});
				$(obj).bind("dblclick",function(){					
					$("#debug").show();
				})
				
				$(obj).stop().animate({
					    opacity: 1,
					    top: top+'px',
					    left: left+'px'
					  }, 2000, function() {  // Animation complete.					  
						}
				);				
			}
	},
	paginador:function(seccion,numTotal){
		//alert('funcion paginador')
		$("#guille").html(seccion+""+numTotal);
		var f=this;
		//alert(numTotal)
		var pags=Math.ceil(numTotal/f.itemsPagina);
		//$("#"+seccion).find(".paginador").prepend(numTotal)
		var n=0;
		$("#"+seccion).find(".paginador li.pagina").each(function(){
			$(this).hide();
			if(n<pags){
				$(this).show();
			}
			n++;
		})
	},
	irAItemPress:function(yo){

		var f=this;
		$(".retirarLuego").remove();
		if(!yo.data("es-video")){
			
			var imagen=new Image();
			$(imagen).addClass("retirarLuego");
			$(imagen).attr("src",$(yo).attr("ruta"))
			$("#col2").append(imagen);
			traAdmin.gestionaItem($(yo));
		}else{
			
			var div=document.createElement('div');
			var id_youtube=$(yo).attr("id_youtube")
			$("#col2 div.video").remove();
			var objeto='<div class="video retirarLuego videoYoutube absolutoDerecha"><object width="'+f.anchoVideo+'" height="'+f.altoVideo+'"><param name="movie" value="http://www.youtube.com/v/'+id_youtube+'&hl=es_ES&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+id_youtube+'&hl=es_ES&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+f.anchoVideo+'" height="'+f.altoVideo+'"></embed></object></div>';
			$("#main").append(objeto);
			//$(div).html(objeto+"video"+id_youtube).appendTo($("#col2"));
		}
	},
	paginadorPress:function(){
		
		var f=this;
		var pagsPaginador=Math.ceil($("li.item-press").length/f.itemsPagina);
		var g=0;
		//alert($("ul.paginador").length)
		$("#press ul.paginador li.flecha-derecha").unbind("click").click(function(){
			
		});		
		$("#press ul.paginador li.flecha-izquierda").unbind("click").click(function(){
			
		});
		$("#press ul.paginador li.pagina").each(function(){
			$(this).hide(); 
			//$(this).append(g);
			if(g<pagsPaginador){
				$(this).show();  
			}
			g++;
		});
		var init=f.itemsPagina*f.pagina;
		var fin=init+f.itemsPagina;
		var n=0;
		var c=0;
		$("li.item-press").hide().find("img").remove();
		for(a=0;a<f.itemsPagina;a++){
			var b=a+init;
			var ref=$("li.item-press").eq(b);
			var idtabla=$(ref).attr("idtabla");	
			var im=$(ref).attr("ruta");
			//$("#absIzq").append(im+"<br>");
			$(ref).append("<img src='"+im+"' width=96/>")
			if(n<fin){
				if(c==0){f.irAItemPress($("li.item-press").eq(c+(f.pagina*f.itemsPagina)));}
				$(ref).show();
				c++;
			}
			n++;
			
		}
	},
	actualizaCampo:function(obj){
		var f=this;
		//NOTA: ESTA FUNCIÓN ES DE ADMINISTRACIÓN
		//alert($(obj).attr("idtabla"))
		var id=$(obj).attr("idtabla");
		var nombreTabla=$(obj).attr("tabla");
		var campo=$(obj).attr("campo");
		var valor=$(obj).val();
		var data={nombreTabla:nombreTabla,id:id};
		data[campo]=valor;
		$.ajax({type:'post',url:'php/ajax.php',data:data,success:function(txt){			
		}});		
	},
	cargaColeccionCategoria:function(obj,tabla,id_categoria){/*NOTA : DEPRECIADA!!*/
		alert('esta se tiene que depreciar');
		var f=this;
		f.pagina=0;
		$(".retirarLuego").remove();
		$("#subcoleccion").find("div.linea").hide();
		$(obj).prev().show();
		var f=this;
		  $.ajax({
			type:'get',
			url:'index.php',
			data:{tabla:tabla,id_categoria:id_categoria},
			success:function(txt){
				$("#listaCatalogo li").remove();
				$("#listaCatalogo").prepend(txt);
				/*f.animaCatalogo();
				f.paginador("catalogo",$("#listaCatalogo li").length);
				$("#catalogo ul.paginador a").removeClass("seleccionado");
				$("ul.paginador a").eq(0).addClass("seleccionado");*/
			}
			
		});
	},
	formularioAcceso:function(){
		$("#formularioAcceso").toggle();
	},
	cambiaSexo:function(sexo){
		var f=this;
		f.sexo=sexo;		
		f.muestraCategoriaSexo(f.id_categoria,f.sexo,0);
	},
	muestraCategoriaSexo:function(id_categoria,sexo,pagina){
		$("#debugAdm").append("<div>muestraCategoriaSexo</div>");
		var f=this;
		$("ul.paginador").hide();
		$("#subcoleccion").find("div.linea").hide();
		$("#subcoleccion-linea-"+id_categoria).show();
		f.id_categoria=id_categoria;
		f.pagina=pagina;
		$.ajax({
			type:'get',
			url:'ajax/ajax-catalogo.php',
			data:{tabla:'catalogo',id_categoria:id_categoria,sexo:sexo,pagina:pagina},
			success:function(txt){
				$("#listaCatalogo li").remove();
				$("#listaCatalogo div.nav").remove();				
				$("#listaCatalogo").append(txt);
				var primeraImagen=$("#listaCatalogo li").eq(0).attr("imagen");//Obtenemos la ruta de la primera imagen generada mediante ajax
				var i=new Image();
				if($("#col2 img.catalogo").length>0){
					$("#col2 img.catalogo").fadeTo("fast",0.3);
				}
				$(i).addClass("catalogo").load(function(){						
					$("#col2 img.catalogo").remove();
					$(this).css("opacity",0);
					$("#col2").append($(this));
					$("#col2 img.catalogo").fadeTo("fast",1);
				}).attr("src",primeraImagen);
				$("#listaCatalogo li").click(function(){
					if($("#col2 img.catalogo").length>0){
						$("#col2 img.catalogo").fadeTo("fast",0.3);
					}
					var imagen=$(this).attr("imagen");
					var im=new Image();
					$(im).addClass("catalogo");
					$(im).load(function(){
						$("#col2 img.catalogo").remove();
						$(this).css("opacity",0);
						$("#col2").append($(this));
						$("#col2 img.catalogo").fadeTo("fast",1);
						
					}).attr("src",imagen);
					
				})

			}
			
		});
	},
	cargaFotos:function(obj){
		var f=this;
		var index=0;
		carga();		
		function carga(){
			var li=$(obj).find("li.foto").eq(index);
			$(li).data("index",index)
			var im="phpthumb/phpThumb.php?src=../"+$(li).attr("imagen")+$(li).attr("params");
			var raw="phpthumb/phpThumb.php?src=../"+$(li).attr("imagen")+"&h=600";
			var i=new Image();
			$(i).data("index",index);
			$(i).data("ref",$(obj));
			//$("#texto-mision").prepend(im+"<br>")
			$(i).load(function(){
				var york=$(this);
				
				$(this).css("opacity",0.4);
				
				$(li).empty().append($(this));
				$(li).click(function(){
					var alto=$(this).attr("alto");
					var ancho=$(this).attr("ancho");
					//var divC=document.createElement('div');
					//$(divC).css("width",ancho+"px").css("height",alto+"px").css("text-align","center");
					//$(divC).html("<img src='img/ajax-loader.gif' style='margin-auto;'/>")
					//$.facebox(divC);						
					var imagenCargar=new Image();
					//alert($(this).data("index"))
					$(imagenCargar).data("index",$(this).data("index"))
					$(imagenCargar).load(function(){
						//alert($(this).attr("width"))
						var b=$(this);
						$(this).addClass("imagen")
						var d=document.createElement('div');
						$(d).addClass("jepo");
						var ancho=$(this).attr("width");
						var alto=$(this).attr("height");
						$(d).attr("style","border:0px solid red;position:relative;top:0px;left:0px;width:"+ancho+"px;height:"+alto+"px");
						var botonAlante=document.createElement('button');
						$(botonAlante).attr("style","display:none;position:absolute;top:"+(alto/2)+"px;right:0px;").html(">").click(function(){
							if($("#facebox").length==0){
								f.actual=$(b).data("index");
							}							
							cargaSiguiente(1,$(york));
						}).appendTo($(d));
						var botonAtras=document.createElement('button'); 
						$(botonAtras).attr("style","display:none;position:absolute;top:"+(alto/2)+"px;left:0px;").html("<").click(function(){
							if($("#facebox").length==0){
								f.actual=$(b).data("index");
							}	
							cargaSiguiente(-1,$(york));
						}).appendTo($(d));
						$(d).mouseover(function(){
							$(d).find("button").show();
							
						}).mouseout(function(){
							$(d).find("button").hide();
							
						});
						$(d).append($(this));
						//$("#facebox div.content").html($(d))
						$.facebox(d)
						//$(div).append($(this));
						//$.facebox(divC);
					}).attr("src",raw)
					

					
					
				});
				$(li).find("img").fadeTo("slow",1)

			}).attr("src",im);
			setTimeout(function(){
				index++;
				carga();
			},200)


		}//fin de la función carga
		function cargaSiguiente(num,img){
			//$(".jepo img").fadeTo('fast',0);		
			var ref=$(img).data("ref");	
			if(num==1){
				f.actual++;
			}else{
				f.actual--;
 
			}
			if(f.actual<0){
				f.actual=$(ref).find("li.foto").length-1;
			}
			
			var li=$(ref).find("li.foto").eq(f.actual);
			var raw="phpthumb/phpThumb.php?src=../"+$(li).attr("imagen")+"&h=600";
			var im=new Image();
			$(im).load(function(){
				//$("#facebox div.content img.imagen").stop().attr("src",raw).fadeTo('fast',1);
				$(".jepo img").attr("src",raw);
				//$(".jepo img").stop().fadeTo('fast',1);
			}).attr("src",raw);
			//$("#facebox div.content").prepend(raw)
		}
	}//fin de la función cargaFotos
};//fin del superobjeto

function fotosTra(){
	var actual=0;
	var index=0;
	var array=[];
	var conjunto=$("#col2").find("li.foto");

	//$("#col2").css("background-image","url(img/btn-alante.png)");
	var n=0;
	$(conjunto).each(function(){
		var yo=$(this);
		yo.data("n",n);
		var raw="phpthumb/phpThumb.php?src=../"+$(yo).attr("imagen")+"&h=600";
		var thumb="phpthumb/phpThumb.php?src=../"+$(yo).attr("imagen")+"&h=58";
		yo.data("raw",raw);
		array.push(thumb);
		yo.click(function(){
			actual=$(this).data("n");
			cargaImagen($(this));
		});
		n++;
	});
	cargaThumb()
	function cargaThumb(){
		
		var thumb=array[index];
		var i=new Image();
		$(i).load(function(){
			$(conjunto).eq(index).append($(this));
			index++;
			setTimeout(function(){cargaThumb();},200);
		}).attr("src",thumb);
		
	}
	function cargaImagen(li){
		divAbsoluto(li)
	}
	function divAbsoluto(li){
		var anchoPag=$(document).width();
		var altoPag=$(document).height();
		var altoImagenes=600;
		var div=document.createElement('div');
		$(div).attr("style","background:#333;position:absolute;top:0px;left:0px;width:"+anchoPag+"px;height:"+altoPag+"px;text-align:center;");
		$(div).css("opacity",0.5);
		$(div).addClass("divVirtualImgs");
		$(div).click(function(){
			$(".divVirtualImgs").remove();
		});
		var div2=document.createElement('div');
		$(div2).attr("id",'containerFotosTra');
		$(div2).attr("style","background-image:url(img/ajax-loader.gif);background-repeat:no-repeat;background-position:center center;border:0px solid blue;margin:auto;position:absolute;top:"+((altoPag-altoImagenes)/2)+"px;left:"+((anchoPag-700)/2)+"px;width:700px;height:"+altoImagenes+"px;");
		$(div2).addClass("divVirtualImgs");
		var im=$(li).data("raw");
		var i=new Image();
		$(i).load(function(){
			$(div2).append($(this));
			ajustaImagen(div2)
		}).attr("src",im);
		
		$("body").css("overflow","hidden").append(div).append(div2);
	}
	function ajustaImagen(div){
		var i=$(div).find("img");
		var ancho=$(i).attr("width");
		var alto=$(i).attr("height");
		$(div).css("width",ancho+"px");
		$(div).css("height",alto+"px");
		var anchoPag=$(document).width();
		var altoPag=$(document).height();
		$(div).css("position","absolute");
		$(div).css("left",((anchoPag-ancho)/2)+"px");
		$(div).css("top",((altoPag-alto)/2)+"px");
		colocaBotonera($(div))
	}
	function colocaBotonera(div){
		$(div).find("button").remove();
		var alto=$(div).height();
		var ancho=$(div).width()-33;
		var botonAlante=document.createElement('button');
		$(botonAlante).attr("style","display:none;position:absolute;top:"+(alto/2)+"px;left:"+ancho+"px;").attr("title","foto siguiente").html("<img src='img/btn-alante.png'/>").click(function(){

			cargaSiguiente(1);
			return false;
		}).appendTo($(div));					
		var botonAtras=document.createElement('button');
		$(botonAtras).attr("style","display:none;position:absolute;top:"+(alto/2)+"px;left:0px;").attr("title","foto anterior").html("<img src='img/btn-atras.png'/>").click(function(){

			cargaSiguiente(-1);
			return false;
		}).appendTo($(div));
		
		var botonCerrar=document.createElement('button');
		$(botonCerrar).attr("style","display:block;position:absolute;top:0px;right:0px;").attr("title","cerrar").html("<img src='img/btn-cerrar.png'/>").click(function(){
				$(this).remove();
				$(".divVirtualImgs").remove();
		}).appendTo($(div).parent());
		
		
		$(div).mouseover(function(){
			$(this).find("button").show();
		}).mouseout(function(){
			$(this).find("button").hide();
		});
	}
	function cargaSiguiente(num){
		actual=actual+num;
		var dest=conjunto.eq(actual);
		var raw=$(dest).data("raw");
		var i=new Image();
		$("#containerFotosTra img").fadeTo('fast',0);
		$(i).load(function(){
			$("#containerFotosTra").html($(this));
			ajustaImagen($("#containerFotosTra"))
		}).attr("src",raw);
		
		//containerFotosTra
				
	
	}

}