// JavaScript Document
var displayStep = 20;
var transparencyLevel = 0;

var displayStepImg = 30;
var transparencyLevelImg = 0;
var browser = navigator.userAgent;
var intShadow = "";
var intImage = "";
//var im;
var y_pos;
//var w_ = new Array();
//var h_ = new Array();
//var maxWidth;
//var maxHeight;

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;
	  
	  //transparencyLevelImg += displayStepImg;
	  //elemImg.filters["alpha"].opacity = transparencyLevelImg;
	  
	  if(transparencyLevel >= 80)
	  {
	    if(intShadow != "")
		{
	      clearInterval(intShadow);
		  intShadow = "";
		  displayStep = 20;
		  transparencyLevel = 0;
	    }
		
		if(intShadow == "")
		{  //alert("jjj");
		   intImage = setInterval("displayLyrics()", 10);
		}
	  }
	}
	else
	{
	  transparencyLevel += displayStep / 100;
	  elem.style.opacity = transparencyLevel;
	  
	  //transparencyLevelImg += displayStepImg / 100;
	  //elemImg.style.opacity = transparencyLevelImg;
	  
	  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("text_det_left").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 callActions()
{
  var vElem = document.getElementById("img_actions");
  if(browser.indexOf("MSIE") >= 0)//IE
    vElem.filters["alpha"].opacity = 80;
  else	
    vElem.style.opacity = 0.8;
}

function stopActions()
{ 
  var vElem = document.getElementById("img_actions");
  if(browser.indexOf("MSIE") >= 0)//IE
    vElem.filters["alpha"].opacity = 20;
  else	
    vElem.style.opacity = 0.2;
}
*/

function call_shadow()
{
    //im = decode64(x);
	//var mw_ = /width=\"(\d+)\"/;
	//var mh_ = /height=\"(\d+)\"/;
	//w_ = im.match(mw_);
	//h_ = im.match(mh_);
	/*
	if(screen.height < (parseFloat(h_[1])+300))
	{ //alert("kk");
	  var newHeight = screen.height - 300;
	  var newWidth = w_[1]*(newHeight / h_[1]);
	  
	  if(screen.width < (newWidth+300))
	  {
		 newWidth_B = screen.width - 300;
		 newHeight = newHeight*(newWidth_B / newWidth);
		 newWidth = newWidth_B;
	  }
	  
	  w_[1] = newWidth;
	  h_[1] = newHeight;
	  var nWidth = "width=\""+w_[1]+"\"";
	  var nHeight = "height=\""+h_[1]+"\"";
	  var newImg = im.replace(mw_, nWidth);
	  newImg = newImg.replace(mh_, nHeight);
	  
	  document.getElementById("ima").innerHTML = newImg;
	}
	else if(screen.width < (parseFloat(w_[1]) + 100))
	{
	  var newWidth = screen.width - 300;
	  var newHeight = h_[1]*(newWidth / w_[1]);
	  w_[1] = newWidth;
	  h_[1] = newHeight;
	  var nWidth = "width=\""+w_[1]+"\"";
	  var nHeight = "height=\""+h_[1]+"\"";
	  var newImg = im.replace(mw_, nWidth);
	  newImg = newImg.replace(mh_, nHeight);
	  //alert("ll");
	  document.getElementById("ima").innerHTML = newImg;
	}
	else
	{ 
	  document.getElementById("ima").innerHTML = im;
	}
	*/
	//document.getElementById("ima").innerHTML = document.getElementById("text_det_left").innerHTML;
	intShadow = setInterval("displayShadow()", 10);
	//document.getElementById("dim").innerHTML = "<small>" + parseInt(w_[1]) + "x" + parseInt(h_[1]) + "</small>";
	//document.getElementById("img_actions").style.visibility = "visible";
}


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


function checkCoords(evt)
{
  var shadowHeight = document.getElementById("footer").offsetTop;
  var diff = document.getElementById("footer").clientHeight;
  var W_ = 600;
  var H_ = document.getElementById("text_det_left").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";
  }
 
}