$(function(){
	
	/*
	alert(msgConcursoFotografico["fotografiaGanadora"]);
	alert(msgConcursoFotografico["ganador"]);
	alert(msgConcursoFotografico["fotografiasGanadoras"]);
	alert(msgConcursoFotografico["titulo"]);
	alert(msgConcursoFotografico["camaraObjetivo"]);
	alert(msgConcursoFotografico["fecha"]);
	*/
	
	function carga_imagen(id){								
		var datos_foto_ganadora = id.split("|");			
		/*****************************DATOS FOTO GANADORA *********************************
		[0] -> Id de la foto
		[1] -> Texto descriptivo superior
		[2] -> Nombre del ganador
		[3] -> path de la imagen (grande)
		[4] -> Título
		[5] -> Cámara
		[6] -> Fecha
		**********************************************************************************/							
		var titulo_foto_ganadora = msgConcursoFotografico["fotografiaGanadora"] + datos_foto_ganadora[1];
		var nombre_ganador = datos_foto_ganadora[2];
       	var path_imagen = path_img_concurso + "/fotoconcurso"+datos_foto_ganadora[3];       	
       	var titulo_foto = datos_foto_ganadora[4];
       	var camara_foto = datos_foto_ganadora[5];
       	var fecha_foto = datos_foto_ganadora[6];
       	var str_cabecera = msgConcursoFotografico["ganador"] + nombre_ganador;
       	var str_pie = msgConcursoFotografico["titulo"] + titulo_foto + msgConcursoFotografico["camaraObjetivo"] + camara_foto; // + msgConcursoFotografico["fecha"] + fecha_foto;
       	$("#titulo_foto_ganadora").html(titulo_foto_ganadora);
       	$("#foto_actual").attr('src', path_imagen).fadeIn('slow');           	
    	       	       	
       	$("#cabecera").html(str_cabecera);                         	    	    	    			       	
    	$('#cabecera').css("color","#fff");   	    	
    	$('#cabecera').css("font-size","14px");
    	$('#cabecera').css("font-family","Arial, Helvetica, sans-serif");
    	$('#cabecera').css("font-weight","bold");
    	$('#cabecera').css("display","block");
    	$('#cabecera').css("width","100%");
    	$('#cabecera').css("padding-top","10px");    	
		$('#cabecera').css("padding-right","0px");
		$('#cabecera').css("padding-left","0px");
		$('#cabecera').css("padding-bottom","0px");    	
    	$('#cabecera').css("height","25px");
    	
     	
    	
		$("#pie").html(str_pie);     	
    	$('#pie').css("color","#fff");   	    	
    	$('#pie').css("font-size","12px");
    	$('#pie').css("font-family","Arial, Helvetica, sans-serif");    	    	
    	$('#pie').css("display","block");
    	$('#pie').css("width","100%");
    	$('#pie').css("padding-top","10px");    	
		$('#pie').css("padding-right","10px");
		$('#pie').css("padding-left","10px");
		$('#pie').css("padding-bottom","0px");    	
    	$('#pie').css("height","25px");    	
	}


	$(document).ready(function () {

		// Estilo del efecto de transición
		style = 'easeOutQuart';

		// Al pasar por encima de la foto ganadora del mes
		$('.photo').hover(
			function() {
				// Mostramos la cabecera y pie de la foto
				$(this).children('div:first').stop(false,true).animate({top:0},{duration:400, easing: style});
				$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:400, easing: style});
			},

			function() {
				// Ocultamos la cabecera y pie de la foto
				$(this).children('div:first').stop(false,true).animate({top:-50},{duration:400, easing: style});
				$(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:400, easing: style});
			}
		);		
		      	      	
      	
		// Inicio marcar la foto seleccionada
		// ----------------------------------
        $(".marcarFoto").click(           
        	function() {
         		$(".marcarFoto").css({ "border": "" });
      		}   		      		      		
      	);	
      	
        $(".marcarFoto").click(           
        	function() {
         		$(this).css({ "border": "Solid #cc0000 3px" });         		         		
      		}, 
      		function() {
          		$(this).css({ "border": "" });	
      		}      		      		                  		      		
      	);	
      	// Final marcar foto seleccionada
      	// ------------------------------	      	   	
      	
      	$(".marcarFoto").click(
      		function(){  
      			carga_imagen(this.id);
      		}
      	);

	});
});