var hz=window.screen.height
var wz=window.screen.width
$(document).ready(function(){
    $("#biografia").addClass('current_tab');
    cargarHtml("biografia.html");

$(".linktab").click(function(){
    $(".linktab").removeClass('current_tab');
    $(this).addClass('current_tab');
 var html= $(this).attr("id")+".html";  
  cargarHtml(html); 
})
function cargarHtml(urlhtml){
     $("#contenCenter").css("height","500px").html("<img src='css/loaderWhite.gif' class='preloadHtml'/>");
    $.ajax({
  url: urlhtml,
  cache: false,
  success: function(html){
    $("#contenCenter").html(html);
    $("#contenCenter").css("height","auto");    
  }
});  

}
    var playItem = 0;

	var myPlayList = [
		{name:"Mentirosita",mp3:"music/1_volumen1/01 Mentirosita.mp3"},
        {name:"Bailecitos de mi Tierra",mp3:"music/1_volumen1/05 Bailecitos de mi Tierra.mp3"},
        {name:"La Hierba Buena",mp3:"music/1_volumen1/06 La Hierba Buena.mp3"},
        {name:"Amorosa",mp3:"music/1_volumen1/09 Amorosa.mp3"},
        {name:"Seleccion de Bailecitos",mp3:"music/1_volumen1/12 Seleccion de Bailecitos.mp3"},
        {name:"Rocio del amanecer",mp3:"music/2_volumen2/02 Rocio del amanecer.mp3"},
        {name:"Selecci&oacute;n de bailecitos",mp3:"music/2_volumen2/08 Seleccion de bailecitos.mp3"},	
        {name:"Tico tico",mp3:"music/2_volumen2/10 Tico tico.mp3"},
        {name:"Mi propuesta",mp3:"music/2_volumen2/12 Mi propuesta.mp3"},
        {name:"Ojitos de tapiosi",mp3:"music/2_volumen2/13 Ojitos de tapiosi.mp3"},
        {name:"Carandaiti",mp3:"music/2_volumen2/16 Carandaiti.mp3"},
        {name:"Celos",mp3:"music/3_volumen3/01 Celos.mp3"},
        {name:"Las palmeras",mp3:"music/3_volumen3/05 Las palmeras.mp3"},
        {name:"Amarguras y llanto",mp3:"music/3_volumen3/06 Amarguras y llanto.mp3"},
        {name:"Las ilusiones del alma",mp3:"music/3_volumen3/10 Las ilusiones del alma.mp3"},
        {name:"Linda cochabambinita",mp3:"music/3_volumen3/13 Linda cochabambinita.mp3"},
        {name:"Mujer obrera",mp3:"music/3_volumen3/16 Mujer obrera.mp3"},
		{name:"Panchita",mp3:"music/4_volumen4/01 Panchita.mp3"},
        {name:"A Pleno Sol",mp3:"music/4_volumen4/02 A Pleno Sol.mp3"},
        {name:"Inquietud",mp3:"music/4_volumen4/04 Inquietud.mp3"},
        {name:"Marquesita",mp3:"music/4_volumen4/05 Marquesita.mp3"},
        {name:"La Ausencia",mp3:"music/4_volumen4/06 - La Ausencia.mp3"},
        {name:"Lamentos",mp3:"music/4_volumen4/09 Lamentos.mp3"},
        {name:"Moliendo Cafe;",mp3:"music/5_en_concierto_volumen1/06 - Moliendo Cafe.mp3"},
        {name:"Nina Camba",mp3:"music/5_en_concierto_volumen1/10 Nina Camba.mp3"},
        {name:"Canuto Canutillos",mp3:"music/5_en_concierto_volumen1/11 Canuto Canutillos.mp3"},
        {name:"Decepcion",mp3:"music/5_en_concierto_volumen1/13 Decepcion.mp3"},
        {name:"Aguilillo",mp3:"music/5_en_concierto_volumen1/14 El Aguilillo.mp3"},
        {name:"Vuela a Ti",mp3:"music/6_en_concierto_volumen2/05 - Vuela a Ti.mp3"},
        {name:"Seleccion de Huaynos",mp3:"music/6_en_concierto_volumen2/06 Seleccion de Huaynos.mp3"},
        {name:"Seleccion de Polcas Paraguayas",mp3:"music/6_en_concierto_volumen2/13 Seleccion de Polcas Paraguayas.mp3"},
        {name:"En las Playas del Beni",mp3:"music/6_en_concierto_volumen2/17 - En las Playas del Beni.mp3"},
        {name:"Abierto mi Corazon",mp3:"music/6_en_concierto_volumen2/18 Abierto mi Corazon.mp3"},
        {name:"Seleccion de kaluyos",mp3:"music/7_esencias_en_charango/02 Seleccion de kaluyos.mp3"},
        {name:"Seleccion de huaynos",mp3:"music/7_esencias_en_charango/03 Seleccion de huaynos.mp3"},
        {name:"Claveles rojos",mp3:"music/7_esencias_en_charango/08 - Claveles rojos.mp3"},
        {name:"Caminito amigo",mp3:"music/7_esencias_en_charango/13 Caminito amigo.mp3"},
        {name:"Volvere;",mp3:"music/7_esencias_en_charango/12 Volvere.mp3"}
        ];


	$("#jquery_jplayer").jPlayer({
		ready: function() {
			playListInit(true); // Parameter is a boolean for autoplay.
		},
		oggSupport: false
	})
	.jPlayerId("play", "player_play")
	.jPlayerId("pause", "player_pause")
	.jPlayerId("stop", "player_stop")
	.jPlayerId("loadBar", "player_progress_load_bar")
	.jPlayerId("playBar", "player_progress_play_bar")
	.jPlayerId("volumeMin", "player_volume_min")
	.jPlayerId("volumeMax", "player_volume_max")
	.jPlayerId("volumeBar", "player_volume_bar")
	.jPlayerId("volumeBarValue", "player_volume_bar_value")
	.onProgressChange( function(loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
		var myPlayedTime = new Date(playedTime);
		var ptMin = (myPlayedTime.getUTCMinutes() < 10) ? "0" + myPlayedTime.getUTCMinutes() : myPlayedTime.getUTCMinutes();
		var ptSec = (myPlayedTime.getUTCSeconds() < 10) ? "0" + myPlayedTime.getUTCSeconds() : myPlayedTime.getUTCSeconds();
		$("#play_time").text(ptMin+":"+ptSec);

		var myTotalTime = new Date(totalTime);
		var ttMin = (myTotalTime.getUTCMinutes() < 10) ? "0" + myTotalTime.getUTCMinutes() : myTotalTime.getUTCMinutes();
		var ttSec = (myTotalTime.getUTCSeconds() < 10) ? "0" + myTotalTime.getUTCSeconds() : myTotalTime.getUTCSeconds();
		$("#total_time").html("<span style='font-size:9px;'>CARGADO</span> / "+ttMin+":"+ttSec);
   	})
	.onSoundComplete( function() {
		playListNext();
	});

	$("#ctrl_prev").click( function() {
		playListPrev();
		return false;
	});

	$("#ctrl_next").click( function() {
		playListNext();
        return false;
	});

    function playListInit(autoplay) {
		if(autoplay) {
			playListChange( playItem );
		} else {
			playListConfig( playItem );
		}
	}

	function playListConfig( index ) {
		$("#playlist_item_"+playItem).removeClass("playlist_current");
		$("#playlist_item_"+index).addClass("playlist_current");
		playItem = index;
		$("#jquery_jplayer").setFile(myPlayList[playItem].mp3, myPlayList[playItem].ogg);
        $("#song_title").show();
        $("#song_title").text(""+myPlayList[playItem].name);
	}

	function playListChange( index ) {
		playListConfig( index );
		$("#jquery_jplayer").play();
	}

	function playListNext() {
		var index = (playItem+1 < myPlayList.length) ? playItem+1 : 0;
		playListChange( index );
	}

	function playListPrev() {
		var index = (playItem-1 >= 0) ? playItem-1 : myPlayList.length-1;
		playListChange( index );
	}
    $("#song_title").show();

});