var menu_calidad;
var menu_dialectos;
var menu_comments;
var gPlay;
$(document).ready(function() 
{
	menu_calidad = new ToggleMenu('toggle_calidad','on_muestra_menu_calidad();','on_oculta_menu_calidad();');
	menu_dialectos = new ToggleMenu('toggle_dialectos',null,null);
	menu_comments = new ToggleMenu('TOGGLE_ADDCOMMENT',null,'on_close_comment_box();');
	create_flash_audio();
});



function on_muestra_menu_calidad()
{
	
}

function on_oculta_menu_calidad()
{
}

function track_descarga()
{
}


function onclick_calidad(elem,idx)
{
	menu_calidad.close();
	var header = document.getElementById(menu_calidad.idHEADER);
	header.innerHTML = elem.innerHTML + '<span class="togglebtn_down" ></span>';
	//Además hay que cambiar el enlace a la calidad seleccionada
	var idguia =  ID_GUIA;
	var dialecto  = getCookie("dialecto");
	var link_calidad =  ALT_URL + "/" +  FRIENDLY  + "_" +  elem.title /*calidad*/ + "_" + (dialecto?dialecto:"") + ".zip";   
	document.getElementById("download_guia_button").href = link_calidad;
	addListener("download_guia_button","Click",function() { track_event("GUIA","DOWNLOAD",TRACKING_NAME,parseInt(elem.title));   } );
}

function onclick_dialecto(li,dialecto)
{
	menu_dialectos.close();
}


//Marcará una estrella de la votación en la página de guías
// 1 -> Se ha pasado sobre la estrella indicada (va en onmouseover)
// 0 -> No estamos sobre ninguna estrellas (va en onmouseout)
// 2 -> Se ha elegido la opción de votar.
var lista_estrellas = null;
var ant_titulo = "";
function marca_estrella(elem,estado)
{
	var construye_lista = lista_estrellas == null;
	if (lista_estrellas == null) lista_estrellas = new Array();
	var encontrado_elem = false;
	estrellas = elem.parentNode.getElementsByTagName("SPAN");
	for (i=0;i<estrellas.length;i++)
	{
			if (estrellas[i].className.substring(0,4) != "star") continue;
			if (construye_lista) 
			{	
				ant_titulo = estrellas[i].title;
				lista_estrellas[i] = estrellas[i].className;
			}
			if (estrellas[i] == elem) encontrado_elem = true;
			
			if (estado == 1)
			{
				if (!encontrado_elem || estrellas[i] == elem)
				{
					estrellas[i].className =  'star_16';
				}
				else
				{
					estrellas[i].className = 'star_16_bn';
				}
			}
			else if (estado == 0)
				estrellas[i].className = lista_estrellas[i];
			else if (estado == 2)
			{
				if (encontrado_elem)
				{
					vota_guia(elem.parentNode,(i+1)*2);
					return;
				}
			}
	}
}

function vota_guia(pnode,votacion)
{
	var img =  createDOM("IMG",null,null,"ajax_loader",pnode);
	img.src = "imagenes/web/ajax_loader_peque.gif";
	/* Votar aquí a la guía */
		$.ajax({ 
				   url: "funciones_login.php", 
				   dataType: 'json',
				   type: "GET",
				   data: { 'function': 'votar_guia', 'idguia' : ID_GUIA, puntuacion : votacion },
				   success: function(dt)
				   {
					  eval(dt.jseval);
					  //No esperamos confirmación alguna desde el servidor
					  html = "";
					    for  (i=0;i<5;i++)
						{
							if ((i+1)*2 <= dt.puntuacion) html += "<span id='EST_" + i +"' class='star_16' style='cursor:default;' ></span>";
							else html += "<span id='EST_" + i +"' class='star_16_bn' style='cursor:default;'></span>"; 
						}
						$("#CONTAINER_ESTRELLAS").html(html);
				   }
			});			
	track_event("GUIA","VOTE",TRACKING_NAME);
}


function on_close_comment_box()
{
	document.getElementById("COMMENT_ERROR").style.visibility = "hidden";
	document.getElementById("COMMENT_ERROR").style.position = "absolute";
}

function on_send_comment()
{
	menu_comments.close();
	var div = createDOM("DIV",'wrapper_comment_vacio','&nbsp;&nbsp;','this_comment',null);
	document.getElementById('COMENTARIOS_CONTAINER').insertBefore(div,document.getElementById('COMENTARIOS_CONTAINER').getElementsByTagName("DIV")[0]);
	var img =  createDOM("IMG",null,null,"ajax_loader",div);
	img.src = 'http://img.audioviator.org/web/ajax-loader2.gif';
	xajax_comentario(ID_GUIA,VERSION_GUIA,
					 document.getElementById("NOMBRE_USUARIO").value,
					 document.getElementById("EMAIL").value,
					 document.getElementById("COMENTARIO").value);
}


/****************************************** FUNCIONES DE REPRODUCCIÓN ****************************************/

//Crea los flash de audio necesarios
var current_track = 0;
var current_progress=null;
var slidding=false;
function create_flash_audio()
{
	gPlayer=$("#player").jPlayer( {
	  swfPath: "javascriptv2/jquery/jplayer",
	  ready: function(){
		  gPlayer.jPlayer("setMedia", {
				mp3: ALT_URL+"/"+AU[0]
			  });
		  },
	   play: function(){
		   $("#IMGPLAY_"+current_track).attr('src','imagenes/iconos/control_play_blue.png');
	   },
	   ended: function(){
		   	$("#IMGPLAY_"+current_track).attr('src',"imagenes/iconos/control_play.png");
			$("#IMGSTOP_"+current_track).attr('src','imagenes/iconos/control_stop_blue.png');
			$("#TIEMPO_"+current_track).html(" &nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp; ");
	   },
	   timeupdate : function(ev){
		  secs = parseInt(ev.jPlayer.status.currentTime);
		  minuts = parseInt(secs/60); secs = secs%60;
		  minuts=(minuts<10)?"0"+minuts:""+minuts;
  	   	  secs=(secs<10)?"0"+secs:""+secs;
		  if (!slidding)
		  {
			$("#TIEMPO_"+current_track).html(minuts+":"+secs);
			$("#TIT_"+current_track+">span>div").slider( "option", "max",parseInt(ev.jPlayer.status.duration*10));  
		  	$("#TIT_"+current_track+">span>div").slider( "option", "value", parseInt(ev.jPlayer.status.currentTime*10) );
		  }
	   }
	});
}


function player_statechange(obj)
{
	if (obj["newstate"] == "PLAYING" || obj["newstate"] == "BUFFERING" )
	{
			//Reproduciendo
			document.getElementById("IMGPLAY_" + (current_track)).src = "imagenes/iconos/control_play_blue.png";
			document.getElementById("IMGSTOP_" + (current_track)).src = "imagenes/iconos/control_stop.png";
			for (i=1;;i++)
			{
					elem = document.getElementById("IMGPLAY_" + (i));
					if (!elem) break;
					if (i != current_track)
					{
						elem.src = "imagenes/iconos/control_play.png";
					  document.getElementById("IMGSTOP_" + (i)).src = "imagenes/iconos/control_stop_blue.png";
					}
			}
	}
	else if (obj["newstate"] == "COMPLETED" ||  obj["newstate"] == "IDLE")
	{
		document.getElementById("TIEMPO_" + current_track).innerHTML = " - ";
		for (i=1;;i++)
			{
				elem = document.getElementById("IMGPLAY_" + (i));
				if (!elem) break;
				elem.src = "imagenes/iconos/control_play.png";
				document.getElementById("IMGSTOP_" + (i)).src = "imagenes/iconos/control_stop_blue.png";
			}
	}
}

function player_timechange(obj)
{
	/*var total = Math.round(obj["position"]);
	var secs = total % 60;
	var mins = Math.round(total / 60);
	var text = (mins<10?"0":"") + mins +  ":" + (secs<10?"0":"") + secs;
	document.getElementById("TIEMPO_" + current_track).innerHTML = text;
	*/
}

var ismute = false;
function onclick_mute()
{
	try
	{
		document.getElementById("player").sendEvent("MUTE",!ismute);
	}catch (e)
	{
	}
}

function player_mute(obj)
{
	ismute = obj["state"];
	document.getElementById("icono_musica").src = ismute?"imagenes/iconos/sound_mute.png":"imagenes/iconos/sound.png";
}

function onvolumen(obj)
{
		var vol = obj["percentage"];
	var v8 = parseInt(vol/100.0 * 8.0) + 1;
	document.getElementById("imagen_volumen").className = "volume_" + v8;
	SetCookie("volume",vol,365);
}


function control_play(pista)
{
	//Reestablecemos
	track_event('GUIA','PREVIEW',TRACKING_NAME,CALIDAD_GUIA);
	gPlayer.jPlayer('stop');
	$("#TIEMPO_"+current_track).html(" &nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp; ");
	$("#IMGPLAY_"+current_track).attr('src',"imagenes/iconos/control_play.png");
	$("#IMGSTOP_"+current_track).attr('src','imagenes/iconos/control_stop_blue.png');
	$("#TIT_"+current_track+">span").remove();
	current_track=pista;
	gPlayer.jPlayer('stop');
 	gPlayer.jPlayer("setMedia", {
				mp3: ALT_URL+"/"+AU[pista-1]
			  });
	gPlayer.jPlayer('play');
	$("#IMGPLAY_"+pista).attr('src','imagenes/web/ajax-loader2.gif');
	$("#IMGSTOP_"+pista).attr('src','imagenes/iconos/control_stop.png');
	$("#TIT_"+pista).html($("#TIT_"+pista).text()+"<span style='background-color:#CCC;float:right; padding:3px;margin-right:20px' ><div style='width:200px;'></div><span>");
	//Creamos la barra de progreso
	slidding=false;
	current_progress=
	$("#TIT_"+pista+">span>div").slider({
			range: "min",
			value: 0,
			min: 0,
			max: 100,
			start: function(){slidding=true;},
			slide: function(){
			  secs = parseInt($(this).slider( "option", "value" )/10);
			  minuts = parseInt(secs/60); secs = secs%60;
			  minuts=(minuts<10)?"0"+minuts:""+minuts;
			  secs=(secs<10)?"0"+secs:""+secs;
			  $("#TIEMPO_"+current_track).html(minuts+":"+secs);
			},
			stop: function(){
				slidding=false;
				//Hacemos un seek
				gPlayer.jPlayer('play', $(this).slider( "option", "value" )/10 );
			}
	});
}

function control_stop()
{
	gPlayer.jPlayer('stop');
	$("#TIEMPO_"+current_track).html(" &nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp; ");
	$("#IMGPLAY_"+current_track).attr('src',"imagenes/iconos/control_play.png");
	$("#IMGSTOP_"+current_track).attr('src','imagenes/iconos/control_stop_blue.png');
}


function microsite_text(width,height)
{
   var iframetext = '<iframe src="%PATH%/microsite/microsite.php?idguia=%IDGUIA%&#038;width=%WIDTH%&height=%HEIGHT%" style="border:none; width:%WIDTH%px; height:%HEIGHT%px;"  scrolling="no" frameborder="0"></iframe>';    
   iframetext = iframetext.replace(/%PATH%/g,"http://www.audioviator.com/es");
   iframetext = iframetext.replace(/%IDGUIA%/g,ID_GUIA);
   iframetext = iframetext.replace(/%WIDTH%/g,width); 
   iframetext = iframetext.replace(/%HEIGHT%/g,height); 
   return iframetext; 
}

function microsite_change()
{
    $("#tarea").val( microsite_text($("#ancho").val(),$("#alto").val()) );
}

function microsite_dialog(nombre)
{
   var cerrar_dlg = 
   $("<div id='dlg_microsite' ><div>"+    
     "<span>"+MICROSITE_ELIGE_ALTO_ANCHO+":</span><br /><br />"+
     "<label>"+MICROSITE_ANCHO_PIXELES+" </label><br /><input id='ancho' type='text' style='width:460px;' value='200'onkeyup='microsite_change();' /><br/>"+
     "<label>"+MICROSITE_ALTO_PIXELES+" </label><br /><input id='alto' type='text' style='width:460px;' value='100' onkeyup='microsite_change();' /><br/>"+
     "<br/><label>"+MICROSITE_TEXTO_MICRO+"</label><br />"+
     "<textarea id='tarea' style='width:460px; height:60px;' readonly='readonly' >"+microsite_text(200,100)+"</textarea>"+
     "<input id='btn_probar_microsite' type='button' value='"+MICROSITE_PROBAR+"' style='display:inline;' />&nbsp;&nbsp;&nbsp;"+   
     "<input id='btn_cerrar_microsite' type='button' value='"+MICROSITE_CERRAR+"' style='display:inline;' />"+    
    "</div></div>")
   
    .dialog({
    title: MICROSITE_CREAR_PARA+": " + nombre,
    width:500,
    modal:true,   
    close: function(){$(this).remove();}
   });
   $('#btn_cerrar_microsite').click(function(){ $('#dlg_microsite').dialog('close'); });
   
   //Función para probar el microsite
   $('#btn_probar_microsite').click(function(){
     
       var ancho = parseInt($('#ancho').val(),10)+24;
       var alto = parseInt($('#alto').val(),10)+42;
       var src = $('#tarea').val();      
       
       var dlg_test = 
       $('<div id="dlg_test_microsite">'+src+'</div>')
       .dialog({
           modal:true,
           title: MICROSITE_ASI_QUEDA,
           width: ancho,
           height: alto,
           close: function(){$(this).remove();}        
       })//Fin dialog probar microsite
       
       //Al mostrar el diálogo jquery cambia el ancho, yo lo vuelvo a dejar como estaba
       $("#dlg_test_microsite iframe").css('width',$('#ancho').val()+'px');
       $("#dlg_test_microsite iframe").css('height',$('#alto').val()+'px');    
   });
}