// JavaScript Document
var displayStep = 20;
var transparencyLevel = 0;
var displayStepImg = 30;
var transparencyLevelImg = 0;
var browser = navigator.userAgent;
var intShadow = "";
var intImage = "";
var y_pos;

function displayShadow()
{
	var elem = document.getElementById("shadow");
	var elemImg = document.getElementById("sub_shadow");
	
	elem.style.display = "block";
	elemImg.style.display = "block";
	
	if(browser.indexOf("MSIE") >= 0)//IE
	{
	  transparencyLevel += displayStep + 10;
	  elem.filters["alpha"].opacity = transparencyLevel;
	  
	  if(transparencyLevel >= 80)
	  {
	    if(intShadow != "")
		{
	      clearInterval(intShadow);
		  intShadow = "";
		  displayStep = 20;
		  transparencyLevel = 0;
	    }
		
		if(intShadow == "")
		{  
		   intImage = setInterval("displayLyrics()", 10);
		}
	  }
	}
	else
	{
	  transparencyLevel += displayStep / 100;
	  elem.style.opacity = transparencyLevel;
	  
	  if(transparencyLevel >= 0.8)
	  {
		if(intShadow != "")
		{
	      clearInterval(intShadow);
		  intShadow = "";
		  displayStep = 20;
		  transparencyLevel = 0;
	    }
		
			if(intShadow == "")
			{  
		      intImage = setInterval("displayLyrics()", 10);
			}
	  }
	  
	}
}


function displayLyrics()
{
	var elem = document.getElementById("sub_shadow");
	var elemLyrics = document.getElementById("onL");
	elemLyrics.innerHTML = document.getElementById("lyrics").innerHTML;
	elem.style.display = "block";
	
	if(browser.indexOf("MSIE") >= 0)//IE
	{
	  transparencyLevelImg += displayStep + 30;
	  elem.filters["alpha"].opacity = transparencyLevelImg;
	  
	  if(transparencyLevelImg >= 100)
	  {
	    if(intImage != "")
		{
	      clearInterval(intImage);
		  intImage = "";
		  displayStep = 20;
		  transparencyLevelImg = 0;
	    }
	  }
	}
	else
	{
	  transparencyLevelImg += displayStep / 100;
	  elem.style.opacity = transparencyLevelImg;
	  
	  if(transparencyLevelImg >= 1)
	  {
		if(intImage != "")
		{
	      clearInterval(intImage);
		  intImage = "";
		  displayStep = 20;
		  transparencyLevelImg = 0;
	    }
	  }
	}
}


function call_shadow()
{
	intShadow = setInterval("displayShadow()", 10);
}


function closeShadow()
{
  document.getElementById("sub_shadow").style.display = "none";
  document.getElementById("shadow").style.display = "none";
}


function checkCoords(evt)
{
  var shadowHeight = document.getElementById("footer").offsetTop;
  var diff = document.getElementById("footer").clientHeight;
  var W_ = 600;
  var H_ = document.getElementById("lyrics").clientHeight;
  
  document.getElementById("shadow").style.height = (shadowHeight + diff) + "px";
  //alert(typeof(w_[1]));
  if(screen.width > W_)
  {
	document.getElementById("sub_shadow").style.left = ((screen.width / 2) - (W_ / 2)) + "px";
  }
  else
  {
	//  
  }
  
  if(browser.indexOf("MSIE") >= 0)
  {
    y_pos = evt.y - evt.clientY;
  }
  else if(browser.indexOf("Firefox") >= 0)
  {
    y_pos = evt.pageY - (evt.screenY-150);
  }
  else if(browser.indexOf("Opera") >= 0)
  {
    y_pos = evt.pageY - (evt.screenY-110);
  }
  else if(browser.indexOf("Chrome") >= 0)
  {
    y_pos = evt.pageY - (evt.screenY-60);
  }
  else if(browser.indexOf("Safari") >= 0)
  {
    y_pos = evt.pageY - (evt.screenY-100); 
  }
  else
  {
    y_pos = evt.pageY - evt.screenY; 
  }
 
  //document.getElementById("sub_shadow").style.top = (y_pos+50) + "px";
  if((screen.height - H_) < 200)
  { 
    document.getElementById("sub_shadow").style.top = (y_pos+50) + "px";
  }
  else
  {  
	document.getElementById("sub_shadow").style.top = (((screen.height / 2)+(y_pos+50)) - (H_ / 2) - 100) + "px";
  }
 
}