function gradient(id, level)
{
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}


function fadein(id) 
{
	var level = 0;
	while(level <= 1)
	{
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}


// Open the lightbox


function openbox2(formtitle, fadin)
{
  var box = document.getElementById('box'); 
  document.getElementById('filter').style.display='block';

  var btitle = document.getElementById('boxtitle');
  btitle.innerHTML = formtitle;
  
  if(fadin)
  {
	 gradient("box", 0);
	 fadein("box");
  }
  else
  { 	
    box.style.display='block';
  }  	
}

function openbox(songtitle, sequence, backgroundmusic, fadin, newsong)
{
  var box = document.getElementById('lightbox'); 
  document.getElementById('filter').style.display='block';

  document.getElementById('sequence').value = sequence;
  document.getElementById('title').value = songtitle;
  document.getElementById('backgroundmusic').value = backgroundmusic;
 // var btitle = document.getElementById('boxtitle');
 // btitle.innerHTML = formtitle;
  
  if (newsong)
  {

	document.contact2.pcode.value = '';
	document.contact2.uid.value = '';
	
	document.getElementById("lightbox_step3_next_resend").style.display="none";
	document.getElementById("lightbox_step3_next").style.display="block";
						
	document.getElementById("content_form").innerHTML = "<div class=\"form_td\"><img src=\"images/txt_yoursongtitle.gif\" alt=\"Your song title\" width=\"171\" height=\"32\" border=\"0\" align=\"absmiddle\" title=\"Your song title\" /><input type=\"text\" name=\"title\" id=\"title\" maxlength=\"30\" value=\""+songtitle+"\" /></div>"
	+ "<div class=\"form_td\"><img src=\"images/txt_yourname.gif\" alt=\"Your name\" width=\"171\" height=\"32\" border=\"0\" align=\"absmiddle\" title=\"Your name\" /><input name=\"myname\" id=\"myname\" type=\"text\" maxlength=\"100\"/></div>"
	+ "<div class=\"form_td\"><img src=\"images/txt_youremail.gif\" alt=\"Your email\" width=\"171\" height=\"32\" border=\"0\" align=\"absmiddle\" title=\"Your email\" /><input name=\"myemail\" id=\"myemail\" type=\"text\"  maxlength=\"100\"/></div>"
	+ "<div class=\"form_td\"><img src=\"images/txt_mobile.gif\" alt=\"Mobile No\" width=\"171\" height=\"32\" border=\"0\" align=\"absmiddle\" title=\"Mobile No\" /><input type=\"text\" name=\"mymobile\" id=\"mymobile\" maxlength=\"10\" onKeyPress=\"var key; if(window.event){ key = event.keyCode;}else if(event.which){ key = event.which;} return (key == 13 || key == 8 || key == 9 || key == 46 || key == 37 || key == 39 || (key >= 48 && key <= 57) )\"/></div>"
	+ "<div class=\"form_td\"><img src=\"images/txt_yourmessage.gif\" alt=\"Your message\" width=\"171\" height=\"32\" border=\"0\" align=\"top\" title=\"Your message\" /><textarea name=\"mymessage\" id=\"mymessage\" rows=\"5\" onKeyDown=\"limitText(this.form.mymessage,this.form.countdown,160);\" onKeyUp=\"limitText(this.form.mymessage,this.form.countdown,160);\"></textarea><input type=\"hidden\" name=\"countdown\" size=\"4\" value=\"160\" />"
	+ " </div>"
	+ "<div class=\"form_td_checkbox\"><input name=\"notify\" id=\"notify\" type=\"checkbox\" value=\"\" class=\"checkbox\" checked=\"checked\" /><label>I would like to receive updates from YTL Group of Companies. </label><input type=\"hidden\" name=\"notifyme\" id=\"notifyme\" /></div>"
	+ "<div class=\"cta\"><a href=\"javascript:;\" onClick=\"showSection(0);\"><img src=\"images/btn_previous.png\" alt=\"Previous button\" width=\"38\" height=\"36\" border=\"0\" title=\"Previous\" /></a>&nbsp;<a href=\"javascript:;\" onClick=\"showSection(6); pageTracker._trackPageview('/click-internal/flow3-step3'); UserClick('/click-internal/flow3-step3');\";>"
	+ "<img src=\"images/btn_next.png\" alt=\"Next button\" width=\"38\" height=\"36\" border=\"0\" title=\"Next\" />"
	+ "</a></div>"
	+ "</div>";

			
   //	showSection(0);
  }
  
  if(fadin)
  {
	 gradient("lightbox", 0);
	 fadein("lightbox");
  }
  else
  { 	
    box.style.display='block';
  }  	
}


// Close the lightbox

function closebox()
{
   document.getElementById('lightbox').style.display='none';
   document.getElementById('filter').style.display='none';
   document.contact2.reset();
   showSection(0);
}