var div_extra = document.getElementById('div_extra');
var div_debug = document.getElementById('div_debug');
var sFULL_PATH = 'http://letrasyacordes.net/';
var divArtistas = document.getElementById('div_artists');
var divSongs = document.getElementById('div_songs');
var divSongParsed = document.getElementById('xxx_div_song_parsed');
var divVerArtists = document.getElementById('div_ver_artists');
var divVerSongs = document.getElementById('div_ver_songs');
var GlobalStateVistaDosCols = false;
var GlobalStateVistaOneCol = true;
var GlobalStateVistaImpresion = false;
var GlobalStateVistaScroll = false;
var GlobalStateVistaPortada = true;
function makeRequest(aParams, aSearch){
if (aSearch==1){
var sSearchText = document.getElementById('txt_search_artist').value;
aNewArg = '&aSearch='+ sSearchText;
aParams = aParams + aNewArg;
}
aParams = aParams + '&Rnd='+ Math.random(); 
divSongs.innerHTML = '<div></div>';  
divSongParsed.innerHTML = '<div></div>';  
divArtistas.innerHTML = '<div id="xxx_TooltipLoading">Buscando Artistas...</div>';  	
var request = YAHOO.util.Connect.asyncRequest('GET', aParams, callback);
}
function makeSongsRequest(aParams, aSearch){
if(aSearch==1){
divArtistas.innerHTML = '<div></div>';  
var sSearchText = document.getElementById('txt_search_song').value;
aNewArg = '&aSearch='+ sSearchText;		
aParams = aParams + aNewArg;
}
aParams = aParams + '&Rnd='+ Math.random(); 
divSongParsed.innerHTML = '<div></div>';  
divSongs.innerHTML = '<div id="xxx_TooltipLoading">Cargando Canciones...</div>';  	
var request = YAHOO.util.Connect.asyncRequest('GET', aParams, Songscallback);
}
var SongshandleFailure = function(o){
if(o.responseText !== undefined){
divSongs.innerHTML = "<li>Transaction id: " + o.tId + "</li>";
divSongs.innerHTML += "<li>HTTP status: " + o.status + "</li>";
divSongs.innerHTML += "<li>Status code message: " + o.statusText + "</li>";
}
}
function funcParsearCancion(){
try {
var param = document.getElementById('select_song').value;
ParseSongmakeRequest(param);	
} catch (e) {
alert("Oops! Something bad just happened. Calling SF('select_traspose');" + e);
}
}
var SongshandleSuccess = function(o){
if(o.responseText !== undefined){
var retJSON = eval( '(' + o.responseText + ')' );
var sRes;
var sItem;		
sRes = '';
var iItemsFound =retJSON.itemsfound;
if (iItemsFound<1){
sRes = '<div>No hay resultados que coincidan con la búsquda. Intente nuevamente</div>';
divSongs.innerHTML = sRes;
return false;  
}
sRes = '<div>';
sRes += '<span class="span_label_form">Canciones: ('+iItemsFound+')</span>';
sRes += '<select id="select_song">';	
for(var i=0; i< retJSON.listado.length; i++) {		  
sItem = retJSON.listado[i].titulo;
if (retJSON.listado[i].linkartista!=undefined){
sItem += ' - [' + retJSON.listado[i].artista + ']';			  
}
sRes += '<option value="'+retJSON.listado[i].link+'" >' + sItem + "</option>";						
}
sRes += '</select>';	
sRes += '<input class="btn_search" type="submit" onClick="funcParsearCancion();" name="btn_ver_cancion" value="ver canción" />';
sRes += "</div>";
divSongs.innerHTML = sRes;
}}
var Songscallback =
{
success:SongshandleSuccess,
failure:SongshandleFailure
};
function ParseSongmakeRequest(aParams){
var instrument = document.getElementById('select_instrument').value;
aNewArg = '&aInstrument='+ instrument;
aParams = aParams + aNewArg;	
var notacion = document.getElementById('select_notacion').value;
aNewArg = '&aNotacion='+ notacion;
aParams = aParams + aNewArg;	
aParams = aParams + '&Rnd='+ Math.random(); 
if (GlobalStateVistaPortada){
GlobalStateVistaPortada = false;	  
document.getElementById('portada_ppal').style.display='none';
document.getElementById('rank_ppal').style.display='none';
}
divSongParsed.innerHTML = '<div id="xxx_TooltipLoading">Cargando Canción...</div>';  	
var request = YAHOO.util.Connect.asyncRequest('GET', aParams, ParseSongcallback);
}
var ParseSonghandleFailure = function(o){
if(o.responseText !== undefined){
divSongParsed.innerHTML = "<li>Transaction id: " + o.tId + "</li>";
divSongParsed.innerHTML += "<li>HTTP status: " + o.status + "</li>";
divSongParsed.innerHTML += "<li>Status code message: " + o.statusText + "</li>";
}
}
var ParseSonghandleSuccess = function(o){
if(o.responseText !== undefined){
GlobalStateVistaOneCol = true;
GlobalStateVistaDosCols = false;
GlobalStateVistaScroll = false;
divSongParsed.innerHTML =  o.responseText ;
}
}
var ParseSongcallback =
{
success:ParseSonghandleSuccess,
failure:ParseSonghandleFailure
};
function Trasponer(){
try {
var param = document.getElementById('select_traspose').value;
} catch (e) {
alert("Oops! Something bad just happened. Calling SF('select_traspose');" + e);
}
location.href=param;
}
function TrasponerA(aParam){
ParseSongmakeRequest(aParam);
}
function ViewForPrint(aParam){ 
var divPpal = document.getElementById('xxx_div_ppal');
var divDynamicExtra = document.getElementById('xxx_div_dynamic_extra');	 		
if (aParam==true) {
if (!GlobalStateVistaImpresion) {
GlobalStateVistaImpresion = true;			
divDynamicExtra.innerHTML =  funcGenerateViewForPrint(true, true);
}
return false;
}else{
GlobalStateVistaImpresion = false;			
divDynamicExtra.innerHTML =  '';
divPpal.style.display='';
return false;		  
}
}	
function funcGenerateViewForPrint(aViewSize, aViewTwoCols){
var sRet = '<a href="javascript:void(0)" onclick="ViewForPrint(false);">volver a la vista normal</a>' ;	
sRet += ' - ';						
return  sRet;
} 
function ActualizarVistaImpresion(){
var divDynamicExtra = document.getElementById('xxx_div_dynamic_extra');	 	  
divDynamicExtra.innerHTML =  funcGenerateViewForPrint(true, true);	  
}
function funcModSizeSong(aParam){
if (!GlobalStateVistaScroll){
var div =document.getElementById('can_div_song');
size = document.getElementById('can_div_song').style.fontSize;
}else{
var div =document.getElementById('js_div_scroll');
size = document.getElementById('js_div_scroll').style.fontSize;		  
}
if (size==''){size='14px';}
size = size.substr(0,size.length-2)-0;
if (aParam == '+'){
if (size < 40){
size = size+2;  
}   
}else{
if (size > 10){
size = size-2;		  
}   
}	
size = size + "px";
div.style.fontSize=size;
return false;
}
function funcSplitTwoCols(){
if ((!GlobalStateVistaDosCols)&&(!GlobalStateVistaScroll)){
var cont = document.getElementById('can_div_song').innerHTML;
var pattern = '<i></i>';
if (navigator.userAgent.indexOf('MSIE') !=-1)
{
var pattern = '<I></I>';
}
var temp = new Array();
temp = cont.split(pattern);
var newcont = '<table><tr><td>' + temp[0] + '</td>';
newcont += '<td>' + temp[1] + '</td></tt></table>';		
document.getElementById('can_div_song').innerHTML = newcont;		
}
GlobalStateVistaDosCols = true;
}			
function funcViewInOneCol(){
if ((GlobalStateVistaDosCols)&&(!GlobalStateVistaScroll)){
var divcontent=document.getElementById('can_hidden_song').innerHTML;
document.getElementById('can_div_song').innerHTML = divcontent;	
GlobalStateVistaOneCol = true;
GlobalStateVistaDosCols = false;
}		
}
function increaseFont() {
var size;
}
var o_txt_search_artist = document.getElementById("txt_search_artist"); 
var o_txt_search_song = document.getElementById("txt_search_song"); 	
function fnCallbackSearchArtist(e) { 
if (YAHOO.util.Event.getCharCode(e) == 13) {
YAHOO.util.Event.stopEvent(e);						document.form_search.btn_search_artist.click(); 
}
} 
YAHOO.util.Event.addListener(o_txt_search_artist, "keypress", fnCallbackSearchArtist); 
function fnCallbackSearchSong(e) { 
if (YAHOO.util.Event.getCharCode(e) == 13) {
YAHOO.util.Event.stopEvent(e);						document.form_search.btn_search_song.click(); 
}
} 
YAHOO.util.Event.addListener(o_txt_search_song, "keypress", fnCallbackSearchSong); 
var zxcTO;
var iDelay = 0;
var	bActualizar = true;
function Scroll(id,dis,pos,aTimeout,aIdDebug){
if (iDelay<aTimeout){
iDelay++; 
bActualizar = false;
}else{
bActualizar = true;
iDelay=0;
}
var obj=document.getElementById(id);
var divdebug=document.getElementById(aIdDebug);
if (bActualizar){
obj.scrollTop=obj.scrollTop+dis;
}else{
}
if (pos){
obj.scrollTop=pos; 
} 	 else {
zxcTO=setTimeout( function(){ Scroll(id,dis,pos,aTimeout,aIdDebug); }, aTimeout); 
}
}
function funcCrearBarraScroll(aIdDest){
if ((GlobalStateVistaScroll == true)||(GlobalStateVistaDosCols)){
return false; 
}
GlobalStateVistaScroll = true;
var divSongAnterior = document.getElementById('can_div_song');
var divScrollView=document.getElementById(aIdDest);
var sStr = '';
sStr += '<div id="can_div_scroll_control" style="display:block;">';
sStr += '<a href="javascript:void(0)" onclick="Scroll(\'js_div_scroll\',1,  1, 0,\'can_div_debug_song\');"><img id="js_img_scroll_top" src="'+ sFULL_PATH +'images/scroll_top_1.jpg" title="top"></a>';
sStr += '<img id="js_img_scroll_1" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',1,  0, 6,\'can_div_debug_song\'); ActualizarScroll(1, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(1, false);" >';
sStr += '<img id="js_img_scroll_2" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',1,  0, 4,\'can_div_debug_song\'); ActualizarScroll(2, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(2, false);" >';
sStr += '<img id="js_img_scroll_3" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',1,  0, 3,\'can_div_debug_song\');ActualizarScroll(3, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(3, false);" >';
sStr += '<img id="js_img_scroll_4" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',1,  0, 2,\'can_div_debug_song\');ActualizarScroll(4, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(4, false);" >';
sStr += '<img id="js_img_scroll_5" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',1,  0, 1,\'can_div_debug_song\'); ActualizarScroll(5, true, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(5, false);" >';
sStr += '<img id="js_img_scroll_6" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',2,  0, 1,\'can_div_debug_song\'); ActualizarScroll(6, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(6, false);" >';
sStr += '<img id="js_img_scroll_7" src="'+ sFULL_PATH +'images/scroll_off.jpg" onmouseover="Scroll(\'js_div_scroll\',3,  0, 1,\'can_div_debug_song\'); ActualizarScroll(7, true);" onmouseout="clearTimeout(zxcTO); ActualizarScroll(7, false);" >';
sStr += '</div>';
sStr += '<div id="js_div_scroll" style="font-family: \'courier new\';overflow:auto;height:400px;border:solid black 1px;">';
sStr += '--- --- --- --- ---<br>--- --- --- --- ---   <br>--- --- --- --- --- <br><br>';	
sStr += divSongAnterior.innerHTML;
sStr += '</div>';	
divScrollView.innerHTML = sStr;		
divSongAnterior.innerHTML = '';	
}	
function ActualizarScroll(aIdNum, aState){
if (aState){
for(i=1;i<=aIdNum;i++){
var imgName = 'js_img_scroll_' + i;	
document.images[imgName].src = sFULL_PATH + "images/scroll_on.jpg"		  
}
}else{
for(i=1;i<=aIdNum;i++){
var imgName = 'js_img_scroll_' + i;	
document.images[imgName].src =  sFULL_PATH +"images/scroll_off.jpg"		  
}		
}
}
function ListarCancionesDelArtista(aArtista){
}
function VerPortada(){
if (!GlobalStateVistaPortada){
GlobalStateVistaPortada = true;	  
document.getElementById('portada_ppal').style.display='';
document.getElementById('rank_ppal').style.display='';	
divSongParsed.innerHTML = '<div></div>';  
}
}
function OpenTextModeSong(aWithChords){
if (GlobalStateVistaScroll){
var LdivSong = document.getElementById('can_hidden_song');	  
}else{
var LdivSong = document.getElementById('can_div_song');	  
}
var LdivChords = document.getElementById('can_div_img_chords');	
var LdivTitle = document.getElementById('can_div_titulo_y_artista');
myWindow = window.open();
myWindow.document.open('text/html');	
if (myWindow){myWindow.document.write('');}	
var sPage = '';
sPage += '<html><head>';	
sPage += '<link rel="stylesheet" type="text/css" href="http://letrasyacordes.net/css/style.css"><title>LetrasyAcordes.net. Letras y acordes para guitarra y piano </title>';
sPage += '<div id="can_div_titulo_y_artista">';		
sPage += LdivTitle.innerHTML;	
sPage += '</div>';		
if (aWithChords){
sPage += '<div id="can_div_img_chords">';		
sPage += LdivChords.innerHTML;	
sPage += '</div>';		
}
sPage += '<div id="can_div_song">';		
sPage += LdivSong.innerHTML;
sPage += '</div>';		
sPage += '</body></html>';		
myWindow.document.write(sPage);
if (window.focus) {myWindow.focus()}
myWindow.document.close();
return false;
}
function votar_hover(id, index)
{
var i;
for (z=1; z<=10; z++) {
i = document.getElementById(id + "_" + z);
if (z <= index) {
usei = sFULL_PATH + "images/star_on.gif";			
} else {
usei = sFULL_PATH + "images/star_off.gif";			
}
i.setAttribute("src", usei);
}
}
function votar_unhover(id, index, puntaje)
{
var i;
for (z=1; z<=10; z++) {
i = document.getElementById(id + "_" + z);
im = (puntaje >= z) ? "star_on.gif" : "star_off.gif";
usei = sFULL_PATH + "images/" + im;
i.setAttribute("src", usei);
}
}
function votar_vote(link)
{
var div = document.getElementById('can_vote');
div.innerHTML =  '<img src="'+ sFULL_PATH +'images/progress.gif">';			
var url = link;
var request = YAHOO.util.Connect.asyncRequest('GET', url, VoteCallback);
}
var VotehandleFailure = function(o){
if(o.responseText !== undefined){
document.getElementById('can_vote').innerHTML = "<li>Transaction id: " + o.tId + "</li>";
document.getElementById('can_vote').innerHTML += "<li>HTTP status: " + o.status + "</li>";
document.getElementById('can_vote').innerHTML += "<li>Status code message: " + o.statusText + "</li>";
}
}
var VotehandleSuccess = function(o){
if(o.responseText !== undefined){
document.getElementById('can_vote').innerHTML =  o.responseText ;
}
}
var VoteCallback =
{
success:VotehandleSuccess,
failure:VotehandleFailure
};
// Extended Tooltip Javascript
// copyright 9th August 2002, 3rd July 2005
// by Stephen Chapman, Felgall Pty Ltd
// permission is granted to use this javascript provided that the below code is not altered
var DH = 0;var an = 0;var al = 0;var ai = 0;if (document.getElementById) {ai = 1; DH = 1;}else {if (document.all) {al = 1; DH = 1;} else { browserVersion = parseInt(navigator.appVersion); if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {an = 1; DH = 1;}}} function fd(oi, wS) {if (ai) return wS ? document.getElementById(oi).style:document.getElementById(oi); if (al) return wS ? document.all[oi].style: document.all[oi]; if (an) return document.layers[oi];}
function pw() {return window.innerWidth != null? window.innerWidth: document.body.clientWidth != null? document.body.clientWidth:null;}
function mouseX(evt) {if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return null;}
function mouseY(evt) {if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null;}
function popUp(evt,oi) {
if (DH) {var wp = pw(); ds = fd(oi,1); dm = fd(oi,0); st = ds.visibility; if (dm.offsetWidth) ew = dm.offsetWidth; else if (dm.clip.width) ew = dm.clip.width; if (st == "visible" || st == "show") { ds.visibility = "hidden"; } else {tv = mouseY(evt) + 20; lv = mouseX(evt) - (ew/4); if (lv < 2) lv = 2; else if (lv + ew > wp) lv -= ew/2; if (!an) {lv += 'px';tv += 'px';} ds.left = lv; ds.top = tv; ds.visibility = "visible";}}}