///////////////////////////////////////////////////////////////////////////////////////////
//               This is code for dealing with putting content into divs.  A bit messy
///////////////////////////////////////////////////////////////////////////////////////////


/// my function for puttnig an iFrame in the div id=rightCol



// my function for clearing content of cover div (default)
function clearDiv(id){

if(id=='description'){
document.getElementById('description').innerHTML="";
document.getElementById('details').style.visibility = 'hidden';

document.getElementById('cover').innerHTML="";
document.getElementById('cover').style.visibility = 'hidden';

document.getElementById('cover_darken').style.visibility = 'hidden';

document.getElementById('hide_details_button').style.visibility = 'hidden';

document.getElementById('close_big_cover').style.visibility = 'hidden';

}//end of if


it = document.getElementById(id);
it.style.visibility = 'hidden'; //hide div so we can mouse over album covers
it.innerHTML="";

}


//my function for populating Div with html
function fillDiv(div_id,heading,code,trailer){
it = document.getElementById(div_id);
it.style.visibility = 'visible'; 
var htmlcode;
htmlcode = '<a onclick=\"javascript:clearDiv(\'basket_description\')\" ><em>(close)</em></a> 	' + heading +'<div class="trailer"><object width="200" height="162"><param name="movie" value="'+trailer+'"></param><embed src="'+trailer+'" type="application/x-shockwave-flash" width="200" height="162"></embed></object></div>'+ code;
//if(name)htmlcode="<b>"+username+" - "+name+"</b><br/>"+unescape(code);
//else 
//htmlcode="<img src='"+cover+"' width = '63' height='63'></img>";
it.innerHTML=htmlcode;
}


//my function for putting up lyrics or album cover when you click a track/album name, or album cover when you click a cover (which puts close button over the cover)
function showLyrics(lyrics,album_id){
var htmlcode;
var closebutton;
closebutton = "<a onclick=\"clearDiv('lyrics')\">(close)</a>";

var cover="../albums/covers/"+album_id+".jpg";
htmlcode="<a onclick=\"clearDiv('lyrics')\"><img src='"+cover+"' width = '410' height='410'></img><a>";

//show cover and put image in it
document.getElementById('cover').innerHTML=htmlcode;
document.getElementById('cover').style.visibility = 'visible'; 
//make close button div visible
document.getElementById('close_lyrics_button').style.visibility = 'visible';

if(lyrics=='false' ||lyrics=='show_cover' ){//if we don't have lyrics - or if we're showing a cover
  document.getElementById('cover_darken').style.visibility = 'hidden';
  document.getElementById('lyrics').style.visibility = 'hidden'; 
  htmlcode=unescape(lyrics); 
   if(lyrics=='show_cover')document.getElementById('close_big_cover').style.visibility = 'visible';//makes it so if you click on album cover it goes away
  
  
  }else{//if there are lyrics
  document.getElementById('cover_darken').style.visibility = 'visible';//dim the album cover by putting transparent png over it
  document.getElementById('lyrics').style.visibility = 'visible'; 
  htmlcode=unescape(lyrics); 
  document.getElementById('lyrics').innerHTML=lyrics;//closebutton+"<br/><br/>"+
  }


}


//my function for putting up tracks selected from an album when you mouse over it on the right
function showTracks(album,year,number,songlist,lineup){
var htmlcode;
document.getElementById('hide_details_button').style.visibility = 'visible';
//var songlist = 
//if(name)htmlcode="<b>"+username+" - "+name+"</b><br/>"+unescape(code);
//else
htmlcode="<em>"+album+" - "+year+"</em><br/>"+number+" tracks:"+songlist+"<hr/>Line up:<br/>"+lineup; 
document.getElementById('details').innerHTML=htmlcode;

}



///////////////////////////////////////////////////////////////////////////////////////////