$(document).ready(function(){

    random();
    jah("html/principal.html","central");
    image1 = new Image();
    image1.src = "img/c1b.png";

    image2 = new Image();
    image2.src = "img/c2b.png";

    image3 = new Image();
    image3.src = "img/c3b.png";

    image4 = new Image();
    image4.src = "img/c4b.png";

});

var circuloselected="";
var circulopintado="";
var bg = "";

function mijah(v1,v2){

    var sacaralpaso = document.getElementById("debajodetopinfo");
    sacaralpaso.innerHTML="";
    limpiarexp2();


    if (v1=='html/form.html'){
        circuloselected = "c1";
        link = document.getElementById("l1")    ;
  
        link.innerHTML ='<img id="c1" class="circle" src="img/c1b.png">';
    }

    if(v1=="html/links.html"){
        circuloselected="c4";
        link= document.getElementById("l4")  ;
        link.innerHTML ='<img id="c4" class="circle" src="img/c4b.png">';

    }

    jah(v1,v2);
  
}






function enviarForm(){

    var msg = document.getElementById("textareass");

    if (msg.value!="" && msg.value!=" "){
        circuloselected = "";

        document.contact.submit();
    }
}

function funcdiscos(disco){

    var divdiscos = document.getElementById("listadiscos");
    divdiscos.innerHTML="";
    var divdiscoselected= document.getElementById("discoselected")
    //alert(disco);//.innerHTML);
       if (disco.innerHTML =='<img id="fotocuatro" src="img/amarillo-thumb.jpg" border="0">'|| disco=="Amarillo"){
        divdiscoselected.innerHTML ='<img class="foto" src="img/amarillo.jpg" border="0">';
            javascript:jah('html/amarillo.html','central');
      //  alert("llegó2");
    }
   else if (disco.innerHTML =='<img id="fototres" src="img/sholololo-thumb.jpg" border="0">'|| disco=="Sholololo"){

        divdiscoselected.innerHTML ='<img class="foto" src="img/sholololo.jpg" border="0">';
            javascript:jah('html/sholololo.html','central');
      //  alert("llegó2");
    }
    else if (disco.innerHTML =='<img id="fotodos" src="img/luvas-thumb.jpg" border="0">'){
        javascript:jah('html/luvas.html','central');
    divdiscoselected.innerHTML ='<img class="foto" src="img/luvas.jpg" border="0">';

    } else if (disco.innerHTML =='<img id="fotouno" src="img/al-paso-tapa-thumb.jpg" border="0">' || disco=="alpaso"){
        var divcentralext = document.getElementById("debajodetopinfo");
        divcentralext.innerHTML = '<h2>al paso <a href="ep/Sonido Top - al paso - mp3.zip" >| Descargar (31 MB)</a></h2>';

            javascript:jah('html/alpaso.html','central');
        divdiscoselected.innerHTML ='<a href=javascript:funcdiscos(\"alpaso\");>'+ '<img class="foto" BORDER=0  src="img/al-paso-tapa.jpg"></a>';

        var divtexto = document.getElementById('discoselectedtext');

        divtexto.innerHTML = '<ul   id="listaep">'
    + '<li><span><a href="#self" onclick="cargarLetra(this)">Jump</a></span></li>'
    + '<li><span><a href="#self" onclick="cargarLetra(this)">Palmeras</a></span></li>'
    +' <li><span><a href="#self" onclick="cargarLetra(this)">Lucky Luke</a></span></li>'
    +'  <li><span><a href="#self" onclick="cargarLetra(this)">Simplemente adiós</a></span></li>'
    +' <li><span><a href="#self" onclick="cargarLetra(this)">Yesterday (in spanish)</a></span></li>'
    + ' <li><span><a href="#self" onclick="cargarLetra(this)">Walk in the Rodo Park</a></span></li>'
    +'</ul>';

    }
//    <img id="fototres" onmouseover="discselected(this)" src="img/sholololo-thumb.jpg" border="0">
}


function random(){
    var ran_unrounded=(Math.random()*17)+1;
    var num=Math.floor(ran_unrounded);
    document.body.style.backgroundImage= "url(img/bg/bg"+num+".gif)";


}


function cargarLetra(cancion){
    limpiarexp2();
    limpiar();
    circuloselected="";
    ///  alert(cancion);
    /// var luvas = cancion;

  
    if (cancion=="luvas"){
        limpiar();
        jah("html/luvas.html","central");

    }
    else if (cancion=="sholololo"){

        limpiar();
        jah("html/sholololo.html","central");

    }
    else if (cancion=="alpaso"){
        limpiar();
        jah("html/alpaso.html","central");
    }
    else {
        var li = cancion.parentNode.parentNode;
        if (cancion.innerHTML=="Jump") {
            limpiar();
            cancion.setAttribute('id','selected');

            li.setAttribute('id','selectedli');
            jah("html/jump.html","central");

        //divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="temas/jumpv3.wav" target="_blank">descargar wav (35.9 Mb)</a></li>';
        }
        else if (cancion.innerHTML=="Yesterday (in spanish)") {
            limpiar();
            cancion.setAttribute('id','selected');
            li.setAttribute('id','selectedli');
            jah("html/yesterday.html","central");
        //    divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="temas/yesterdayv3.wav" target="_blank">descargar wav (39.8 Mb)</a></li>';
        }
        else if (cancion.innerHTML=="Simplemente adiós") {
            limpiar();
            cancion.setAttribute('id','selected');
            li.setAttribute('id','selectedli');
            jah("html/simples.html","central");
        //        divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="temas/simplesv5.wav" target="_blank">descargar wav (39.9 Mb)</a></li>';
        }
        else if (cancion.innerHTML=="Walk in the Rodo Park") {
            limpiar();
            cancion.setAttribute('id','selected');
            li.setAttribute('id','selectedli');
            jah("html/rodopark.html","central");

        //divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="temas/rodov3.wav" target="_blank">descargar wav (49.9 Mb)</a></li>';
        }
        else if (cancion.innerHTML=="Lucky Luke") {
            limpiar();
            cancion.setAttribute('id','selected');
            li.setAttribute('id','selectedli');
            jah("html/lucky.html","central");

        // divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="temas/luckyv3.wav" target="_blank">descargar wav (29.5 Mb)</a></li>';
        }
        else if (cancion.innerHTML=="Palmeras") {
            limpiar();
            cancion.setAttribute('id','selected');
            li.setAttribute('id','selectedli');
            jah("html/palmeras.html","central");
        }
    //divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="temas/palmerasv3.wav" target="_blank">descargar wav (58.4 Mb)</a></li>';
    }
// divdes.innerHTML = '<li><a href="Shakira Loba.mp3" target="_blank">descargar mp3 (3.2 Mb)</a></li><li><a href="Shakira Loba.mp3" target="_blank">descargar wav (9.2 Mb)</a></li>';


}


function limpiar(){
  
    var coso =  document.getElementById("selected");
    if (coso!=undefined){
        coso.setAttribute('id','no');
    }

    var cosito = document.getElementById("selectedli");
    if (cosito!=undefined){
        cosito.setAttribute('id','no');
    }
}


function cargarexp(link){
    //alert ("---  "+link.id);
    var div = document.getElementById("exp");
    if (link.id == "l1" && circulopintado != "1" ){//link.innerHTML =='<img id="c1" class="circle" src="img/c1.PNG">' || link.innerHTML =='<IMG class=circle id=c1 src="img/c1.PNG">' ){
        div.innerHTML="contacto";
        link.innerHTML ='<img id="c1" class="circle" src="img/c1b.png">'
        circulopintado = "1";
    }

    if (link.id == "l2" && circulopintado != "2" ) {
        div.innerHTML="myspace";
        link.innerHTML ='<img id="c2" class="circle" src="img/c2b.png">'
        circulopintado = "2";
    }
    if (link.id == "l3" && circulopintado != "3" ) {
        div.innerHTML="blog";
        link.innerHTML ='<img id="c3" class="circle" src="img/c3b.png">'
        circulopintado = "3";
    }
    if (link.id == "l4" && circulopintado != "4" ) {
        div.innerHTML="links";
        link.innerHTML ='<img id="c4" class="circle" src="img/c4b.png">'
        circulopintado = "4";
    }


}

function limpiarexp(link){


    var div = document.getElementById("exp");
    div.innerHTML="";
    // alert (link.id);
    if ( circulopintado==1 && circuloselected!="c1"){

        link.innerHTML ='<img id="c1" class="circle" src="img/c1.png">'
        circulopintado="";
    }

    if (circulopintado==2) {

        link.innerHTML ='<img id="c2" class="circle" src="img/c2.png">'
        circulopintado="";
    }
    if (circulopintado==3) {

        link.innerHTML ='<img id="c3" class="circle" src="img/c3.png">'
        circulopintado="";
    }
    if (circulopintado==4 && circuloselected!="c4") {

        link.innerHTML ='<img id="c4" class="circle" src="img/c4.png">'
        circulopintado="";
    }
}
function limpiarexp2(){
    limpiar();
    var l1= document.getElementById("l1");
    l1.innerHTML='<img id="c1" class="circle" src="img/c1.png">';
    var l2= document.getElementById("l2");
    l2.innerHTML='<img id="c2" class="circle" src="img/c2.png">';
    var l3= document.getElementById("l3");
    l3.innerHTML='<img id="c3" class="circle" src="img/c3.png">';
    var l4= document.getElementById("l4");
    l4.innerHTML='<img id="c4" class="circle" src="img/c4.png">';
    

}