
var _mouseover;
var _songID;
var _box;
var _evt;
var _top;
var _left;
var _extraData;
var _nextBox;
var _su;

function mousein()
{
	_mouseover=true;
}

function mouseout()
{
	_mouseover=false;
	window.setTimeout(HideBox, 500);
}

function HideBox()
{
	if (!_mouseover)
	{
		document.getElementById(_box).style.display = "none";
	}
}

function GetXMLHttpRequest() 
{
 	var x = null;
	if (typeof XMLHttpRequest != "undefined")
	{
		x = new XMLHttpRequest();
	}
	else 
	{
		try
		{
			x = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			try 
			{
				x = new ActiveXObject("Microsoft.XMLHTTP");
			} 
			catch (e) 
			{
			}
		}
	}
	return x;
}
function AjaxCallBack(Command, songID, data, callBack) 
{
	var x = new GetXMLHttpRequest();
	var url = "ajax.aspx";

	x.open("POST", url, true);
	x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	x.onreadystatechange = function() 
							{   
								//debugger;
								if (x.readyState != 4) {
									return;
								}
								if (callBack) {
									callBack(x.responseText);
								}
							}
	var encodedData = "CallBackCommand=" + Command +  "&songid=" + songID + "&data=" + encodeURIComponent(data);
	
	x.send(encodedData);
	delete x;
}

function ajaxDelete(Command, data)
{
	//debugger;
		
	AjaxCallBack(Command, _songID, data, function(response) 
														{
															//alert (response);	
															//debugger;
															if ( response == "DeleteOK")
															{					
																//hide row on the client				
																document.getElementById(_extraData).style.display="none";																				
																document.getElementById('boxMessage').style.display = "none";																																												
															}	
															else
															{
															//	document.all.ErrorDelete.style.display ="block";
															//	document.all.deletetable.style.display ="none";
															//	document.all.DeleteClose.style.display ="block";
															}
														});
}

function ajaxLogin(Command, data)
{
	//debugger;
	AjaxCallBack(Command, 0, data, function(response) 
														{
															//alert (response);	
															//debugger;
															if ( response != "Error")
															{
																document.getElementById(authenticatedID).value = "true";
																document.getElementById(UserHashID).value = response;
																document.getElementById('boxMessage').style.display = "none";																
																document.getElementById('TopMenu_lbtnLogin').innerHTML = "Log out";
															//	if (_nextBox != "")
																{																																		
																	ShowBox(null, _nextBox)															
																}
																
															}	
															else
															{
																document.getElementById('ErrorLogin').style.display ="block";
															}
														});
}

function ajaxShare(Command, data)
{
	document.getElementById('boxtitle').innerHTML = "Sharing ...";	
	AjaxCallBack(Command, _songID, data, function(response) 
														{
															// TODO: Process the response. Check for messages. Deletions could fail.
			
															if (response == "ShareOK")															
															{
																document.getElementById('boxtitle').innerHTML = "Share Sucessful";															
																document.getElementById('BoxInnerContent').style.display = "none";	
																document.getElementById('BoxClose').style.display = "block";
																document.getElementById('BtnSubmit').disabled = true;																
															}
															else
															{
																document.getElementById('boxtitle').innerHTML = "Error sharing this song.";
																document.getElementById('BtnSubmit').disabled = false;
															}															
														});
}

function ajaxRingtone(Command, data)
{
	document.getElementById('boxtitle').innerHTML = "Sending Ringtone ...";
	//document.all.BtnSubmit.disabled = true;
	AjaxCallBack(Command, _songID, data, function(response) 
														{
															// TODO: Process the response. Check for messages. Deletions could fail.
			
															if (response != "Error")															
															{
																document.getElementById('boxtitle').innerHTML = "";															
																//document.all.BoxInnerContent.innerHTML = "<tbody><tr><td>Your request is being processed,<br> please wait a few minutes for it to complete.<br>To download the ringtone to your cell phone:<br>1. Connect your cell phone to: <A href=\"http://tones.smstunes.com/id\">http://tones.smstunes.com/id</A><BR>2. Click on the ringtone to download it to your cell</td></tr>";															
																document.getElementById('RingToneLink').innerHTML = "<font color=\"008000\">http://tones.smstunes.com/" + response + "</font>" ;
																document.getElementById('BoxInnerContent').style.display = "none";
																document.getElementById('Download').style.display = "block";		
																document.getElementById('BoxClose').style.display = "block";																
															}
															else
															{
																document.getElementById('boxtitle').innerHTML = "Error sending this ringtone.";
																document.getElementById('BoxInnerContent').style.display = "none";	
																document.getElementById('Download').style.display = "none";		
																document.getElementById('BoxClose').style.display = "block";
															}															
														});
}

function ajaxUpdateSong(Command, data)
{
	document.getElementById('boxtitle').innerHTML = "Updating Content ...";
	//document.all.BtnSubmit.disabled = true;
	AjaxCallBack(Command, _songID, data, function(response) 
														{
															// TODO: Process the response. Check for messages. Deletions could fail.
			
															if (response == "UpdateOK")															
															{
																UpdateSongLink();
																document.getElementById('boxtitle').innerHTML = "Content Updated";															
																document.getElementById('BoxInnerContent').style.display = "none";		
																document.getElementById('BoxClose').style.display = "block";																
																															}
															else
															{
																document.getElementById('boxtitle').innerHTML = "Error updating content.";
																document.getElementById('BoxInnerContent').style.display = "none";	
																document.getElementById('BoxClose').style.display = "block";
															}															
														});
}

function GetXY (evt)
{
	if (evt != null)
	{
		var IE = document.all?true:false
			
		if (IE) 
		{ 
			_top = evt.y + document.body.scrollTop - 5 + 'px';
			_left = evt.x + document.body.scrollLeft -2 + 'px';
		}
		else
		{ 		
			_top = evt.layerY -5 + 'px';
			_left = evt.layerX -2 + 'px';
		} 
	
	}
}

function CloseBox()
{
	document.getElementById('boxMessage').style.display = "none";
}


function ShowBox( evt, Box )
{
	document.getElementById('BoxMenu').style.display = "none";

	if (document.getElementById(authenticatedID).value == 'false')
	{
		_box = 'Login';		
		CreateLoginW()
		_nextBox = Box;
	
	//	document.all.ErrorLogin.style.display ="none";		
	}
	else
	{
		_box = Box
	}
	
	GetXY(evt);
	switch (_box)
	{
		case 'Share':
			CreateShareW();	
		break
		case 'Delete':
			CreateDeleteW();
		break		
		case 'Ringtone':
			CreateRingtoneW();
		break		
		case 'EditSong':
			CreateEditSongW();
		break	
		case 'NewVideo':			
			CreateYouTubeW();
		break	
		case 'Login':
			break		
		default:
			_nextBox = "";
		
	}
	
	document.getElementById('boxMessage').style.left = _left;
	document.getElementById('boxMessage').style.top = _top;
	document.getElementById('boxMessage').style.display = "block";
}


//evt = Mouse event
//box = name of message box to ve shown 
//songID = Id of song in database
//extra = ID of row to be delete or 
//			info of song on ringtone or
//		  links to buy		


function ShowMenu( evt, Menu, songID, Extra )
{	
	document.getElementById('boxMessage').style.display = "none";
	GetXY(evt);

	_extraData = Extra;
	_songID = songID;
	_box = 'BoxMenu';
	//debugger;
	switch (Menu)
	{
		case 'Edit':
			CreateMenuEditW();
			document.getElementById('BoxMenu').style.left = _left;
			document.getElementById('BoxMenu').style.top = _top;
			document.getElementById('BoxMenu').style.display = "block";	
		break
			case 'Buy':
			CreateMenuBuyW( Extra );
			document.getElementById('BoxMenu').style.left = _left;
			document.getElementById('BoxMenu').style.top = _top;
			document.getElementById('BoxMenu').style.display = "block";	
		break
		default:
			ShowBox(null, Menu);
		break;		
	}	
}


function CreateLoginW()
{
	document.getElementById('boxtitle').innerHTML = "Sing in";
	var elm =  document.getElementById('boxcontent');
	var inner = "<table style=\"BORDER-RIGHT: medium none; TABLE-LAYOUT: auto; BORDER-TOP: medium none; MARGIN: 0px 5px; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" cellSpacing=\"0\" cellPadding=\"3\" border=\"0\">";
	inner += "<tr id=\"ErrorLogin\" style=\"DISPLAY: none; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 18pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<span style=\"PADDING-RIGHT:0px; PADDING-LEFT:0px; FONT-WEIGHT:normal; FONT-SIZE:10px; PADDING-BOTTOM:0px; COLOR:#ff0000; LINE-HEIGHT:normal; PADDING-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica; BACKGROUND-COLOR:transparent; TEXT-DECORATION:none\">";
	inner += "<b>Invalid user name or password.<b></span></td></tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; WIDTH: 75px; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">User Name:</td>";
	inner += "<td><input id=\"NickName\" type=\"text\" maxLength=\"15\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; WIDTH: 75px; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">Password:</td>";
	inner += "<td><input id=\"Password\" type=\"password\" maxLength=\"15\" size=\"20\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" align=\"center\">";
	inner += "<input onclick=\"ajaxLogin('Login',NickName.value +'|'+ Password.value);return false;\" type=\"button\" value=\"Submit\" name=\"Button1\">";
	inner += "</td></tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<span style=\"PADDING-RIGHT:0px; PADDING-LEFT:0px; FONT-WEIGHT:normal; FONT-SIZE:10px; PADDING-BOTTOM:0px; COLOR:#008000; LINE-HEIGHT:normal; PADDING-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica; BACKGROUND-COLOR:transparent; TEXT-DECORATION:none\">";
	inner += "Don't have a Profile?<a href=\"signup.aspx\"> Sing Up</a></span></td>";
	inner += "</tr></table>";
	elm.innerHTML = inner;	
}

function CreateDeleteW()
{
	//debugger;
	document.getElementById('boxtitle').innerHTML = "Delete this Song";
	var elm =  document.getElementById('boxcontent');
	var inner = "<table style=\"BORDER-RIGHT: medium none; TABLE-LAYOUT: auto; BORDER-TOP: medium none; MARGIN: 0px 5px; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" cellSpacing=\"0\" cellPadding=\"3\" border=\"0\">";
	inner += "<tr id=\"ErrorDelete\" style=\"DISPLAY: none; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 18pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<span style=\"PADDING-RIGHT:0px; PADDING-LEFT:0px; FONT-WEIGHT:normal; FONT-SIZE:10px; PADDING-BOTTOM:0px; COLOR:#ff0000; LINE-HEIGHT:normal; PADDING-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica; BACKGROUND-COLOR:transparent; TEXT-DECORATION:none\">";
	inner += "<b>You can delete songs of your own list only .<b></span>";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr id=\"deletetable\">";
	inner += "<td align=\"center\">";
	inner += "<table border=0 cellSpacing=\"0\" cellPadding=\"0\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">Are you sure you want to delete this song?";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\"><br>";
	inner += "<input onclick=\"ajaxDelete('delete',document.getElementById(PageHashID).value);return false;\" id=\"dYes\" type=\"button\" name=\"dt2\" value=\"Yes\" >&nbsp;";
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"No\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr id=\"DeleteClose\" style=\"Display: none; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"Close\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	elm.innerHTML = inner;	
	
	if ( document.getElementById(PageHashID).value != document.getElementById(UserHashID).value
		&& document.getElementById(UserHashID).value != "jme7JrNY4u0g/lUu1vuDLzl6UH0=")
	{
			document.getElementById('ErrorDelete').style.display ="block";
			document.getElementById('deletetable').style.display ="none";
			document.getElementById('DeleteClose').style.display ="block";
	}
	else
	{
		document.getElementById('ErrorDelete').style.display ="none";
		document.getElementById('DeleteClose').style.display ="none";
		document.getElementById('deletetable').style.display ="block";
	}	
}

function CreateShareW()
{
	document.getElementById('boxtitle').innerHTML = "Share this song ...";
	var elm =  document.getElementById('boxcontent');
	var inner = "<table id=\"BoxInnerContent\" style=\"BORDER-RIGHT: medium none; TABLE-LAYOUT: auto; BORDER-TOP: medium none; MARGIN: 0px 5px; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" cellSpacing=\"0\" cellPadding=\"3\" border=\"0\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; WIDTH: 100px; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">User Name or Phone:</td>";
	inner += "<td><input id=\"RecipientId\" type=\"text\" name=\"t1\" maxLength=\"15\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; WIDTH: 100px; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">Personal note: (optional)&nbsp;</td>";
	inner += "<td><input id=\"Message\" type=\"text\" name=\"t2\" maxLength=\"200\" size=\"20\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; WIDTH: 100px; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">Your first name: (optional)&nbsp;</td>";
	inner += "<td><input id=\"SenderName\" type=\"text\" name=\"t3\" maxLength=\"15\"></td>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; WIDTH: 100%; FONT-FAMILY: Verdana; TEXT-ALIGN: center\">";
	inner += "<input type=\"checkbox\" checked id=\"sms\" value=\"off\"> Send text message notification";
	inner += "</td>";
	inner += "</tr>	";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" align=\"center\">";
	inner += "<input onclick=\"ajaxShare('share',RecipientId.value +'|'+ Message.value +'|'+ SenderName.value +'|'+ sms.checked );return false;\" type=\"button\" value=\"Submit\" name=\"BtnSubmit\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	inner += "<table id=\"BoxClose\" border=0 align=\"center\" style=\"Display: none;\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";											
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"Close\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	elm.innerHTML = inner;	
	document.getElementById('BoxClose').style.display = "none";	
}

function CreateRingtoneW()
{

	_extraData = _extraData.replace ("'","\\'");
	document.getElementById('boxtitle').innerHTML = "Send Ringtone sample to my mobile ...";
	var elm =  document.getElementById('boxcontent');
	var inner = "<table id=\"BoxInnerContent\" style=\"BORDER-RIGHT: medium none; TABLE-LAYOUT: auto; BORDER-TOP: medium none; MARGIN: 0px 5px; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" cellSpacing=\"0\" cellPadding=\"3\" border=\"0\">";
	inner += "<tr id=\"ringtonetable\">";
	inner += "<td align=\"center\">";
	inner += "<table border=0 cellSpacing=\"0\" cellPadding=\"0\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">Do you want this Ringtone?";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\"><br>";
	inner += "<input onclick=\"ajaxRingtone('ringtone','" + _extraData + "');return false;\" id=\"dYes\" type=\"button\" name=\"dt2\" value=\"Yes\" >&nbsp;";
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"No\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr id=\"RingToneClose\" style=\"Display: none; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"Close\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: left; COLOR: #666666;\" vAlign=\"center\" >";
	inner += "<br>In order to play this tone, your mobile should be capable of playing mp3 files and download them from the internet. Depending on your mobile plan, this may incur aditional charges. It may take a while for you to get the text message with the link information.";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	inner += "<table id=\"Download\" border=0 align=\"center\" style=\"Display: none;\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: left\" vAlign=\"left\">";											
	inner += "Your request is being processed, please wait a few minutes for it to complete.";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: left\" vAlign=\"left\">";											
	inner += "To download the ringtone to your cell phone:<br><br> 1. Connect your cell phone to:";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" id=\"RingToneLink\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"left\">";											
	inner += "http://tones.smstunes.com/id";
	inner += "</td>";
	inner += "</tr>";	
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: left\" vAlign=\"left\">";											
	inner += "2. Click on the ringtone to download it to your cell";
	inner += "</td>";
	inner += "</tr>";	
	inner += "</table>";
	inner += "<table id=\"BoxClose\" border=0 align=\"center\" style=\"Display: none;\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";											
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"Close\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	elm.innerHTML = inner;
	document.getElementById('BoxClose').style.display = "none";	
	document.getElementById('Download').style.display = "none";	
}

function CreateEditSongW()
{
	document.getElementById('boxtitle').innerHTML = "Set content links related to this song ...";
	var elm =  document.getElementById('boxcontent');
	var inner = "<table id=\"BoxInnerContent\" style=\"BORDER-RIGHT: medium none; TABLE-LAYOUT: auto; BORDER-TOP: medium none; MARGIN: 0px 5px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" cellSpacing=\"0\" cellPadding=\"3\" border=\"0\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt;  FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">Lyrics:&nbsp;</td>";
	inner += "<td><input id=\"LyricsLink\" type=\"text\" name=\"t1\" maxLength=\"500\" size=\"29\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">Hear it:</td>";
	inner += "<td><input id=\"HearLink\" type=\"text\" name=\"t3\" maxLength=\"500\" size=\"29\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: right\" vAlign=\"center\">Video:&nbsp;</td>";
	inner += "<td><input id=\"VideoLink\" type=\"text\" name=\"t2\" maxLength=\"500\" size=\"29\"></td>";
	inner += "</tr>";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" align=\"center\">";
	inner += "<input onclick=\"ajaxUpdateSong('Update',document.getElementById(PageHashID).value + '|' + LyricsLink.value +'|'+ HearLink.value +'|'+ VideoLink.value);return false;\" type=\"button\" value=\"Submit\" name=\"BtnSubmit\">&nbsp;&nbsp;";
	inner += "<input onclick=\"CloseBox();return false;\" type=\"button\" value=\"Cancel\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	inner += "<table id=\"ErrorEdit\" align=\"center\">";
	inner += "<tr style=\"DISPLAY: block; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td style=\"FONT-SIZE: 18pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<span style=\"PADDING-RIGHT:0px; PADDING-LEFT:0px; FONT-WEIGHT:normal; FONT-SIZE:10px; PADDING-BOTTOM:0px; COLOR:#ff0000; LINE-HEIGHT:normal; PADDING-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica; BACKGROUND-COLOR:transparent; TEXT-DECORATION:none\">";
	inner += "<b>You can change content of your own list only.<b></span>";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	inner += "<table id=\"BoxClose\" border=0 align=\"center\" style=\"Display: none;\">";
	inner += "<tr style=\"BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";											
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"Close\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	elm.innerHTML = inner;	
	var link;
	link = document.getElementById( _songID + '_Lyrics');
	if (link != null)
	{
		document.getElementById('LyricsLink').value = link.pathname==""?"":link.href;
	}
	
	link = document.getElementById( _songID + '_Video');
	if (link != null)
	{
		document.getElementById('VideoLink').value = link.pathname==""?"":link.href;
	}
	
	link = document.getElementById( _songID + '_Hear');
	if (link != null)
	{
		document.getElementById('HearLink').value = link.pathname==""?"":link.href;
	}

	//debugger;
	if ( document.getElementById(PageHashID).value != document.getElementById(UserHashID).value
		&& document.getElementById(UserHashID).value != "jme7JrNY4u0g/lUu1vuDLzl6UH0=")
	{	
		document.getElementById('BoxInnerContent').style.display ="none";
		document.getElementById('ErrorEdit').style.display ="block";
		document.getElementById('BoxClose').style.display ="block";
	}
	else
	{	document.getElementById('ErrorEdit').style.display ="none";
		document.getElementById('BoxClose').style.display ="none";
	}
	
	
}

function CreateYouTubeW()
{
	//debugger;
	document.getElementById('boxtitle').innerHTML = "Redirecting to Change Video page";
	var elm =  document.getElementById('boxcontent');
	var inner = "<table style=\"BORDER-RIGHT: medium none; TABLE-LAYOUT: auto; BORDER-TOP: medium none; MARGIN: 0px 5px; BORDER-LEFT: medium none; WIDTH: 100%; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" cellSpacing=\"0\" cellPadding=\"3\" border=\"0\">";
	inner += "<tr id=\"ErrorYouTube\" style=\"DISPLAY: none; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 18pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<span style=\"PADDING-RIGHT:0px; PADDING-LEFT:0px; FONT-WEIGHT:normal; FONT-SIZE:10px; PADDING-BOTTOM:0px; COLOR:#ff0000; LINE-HEIGHT:normal; PADDING-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica; BACKGROUND-COLOR:transparent; TEXT-DECORATION:none\">";
	inner += "<b>You can only change videos for songs on your own song list.<b></span>";
	inner += "</td>";
	inner += "</tr>";
	inner += "<tr id=\"YouTubeClose\" style=\"Display: none; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; LINE-HEIGHT: normal; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent\" vAlign=\"top\">";
	inner += "<td colspan=\"2\" style=\"FONT-SIZE: 8pt; FONT-FAMILY: Verdana; TEXT-ALIGN: center\" vAlign=\"center\">";
	inner += "<input onclick=\"CloseBox();return false;\" id=\"dNo\" type=\"button\" name=\"dt2\" value=\"Close\">";
	inner += "</td>";
	inner += "</tr>";
	inner += "</table>";
	elm.innerHTML = inner;	
	
	if ( document.getElementById(PageHashID).value != document.getElementById(UserHashID).value
		&& document.getElementById(UserHashID).value != "jme7JrNY4u0g/lUu1vuDLzl6UH0=")
	{			
			document.getElementById('boxtitle').innerHTML = "Select YouTube Video";
			document.getElementById('ErrorYouTube').style.display ="block";
			document.getElementById('YouTubeClose').style.display ="block";
	}
	else
	{
		window.location = "/PickYouTubeVideo.aspx?songID=" + _songID;			
	}	
}

function CreateMenuEditW()
{
	var elm1 =  document.getElementById('MenuContent');
	var inner1 = "<ul class='makeMenu'>";
	inner1 += "<li style='display: none'><a href='' onclick='return false'>Edit</a></li>";
	inner1 += "<li><a href='' onclick=\"ShowBox(null,'Delete');return false\">&nbsp;Delete song</a></li>";
	inner1 += "<li><a href='' onclick=\"ShowBox(null,'NewVideo');return false\">&nbsp;Change video</a></li>";
	inner1 += "<li><a href='' onclick=\"ShowBox(null,'EditSong');return false\">&nbsp;Set my own content</a></li>";
	inner1 += "<li style='display: none'><a href='' onclick=\"return false\">Refresh</a></li>";
	inner1 += "<li style='display: block'><a href='help.aspx'>&nbsp;Help</a></li>";		
	inner1 += "</ul>";
	elm1.innerHTML = inner1;	
}


function CreateMenuBuyW( urls )
{	
	var elm1 =  document.getElementById('MenuContent');
	var inner2 = "";
	var inner1 = "";
	//debugger;
	
	var store_Array = {"walmart":"Walmart Store", "apple":"iTunes Store"};
		
	var url_Array = urls.split(";;");  
	
	for (i=0;i<url_Array.length;i++)
	{
		if (url_Array[i] != '')
		{
			var store = url_Array[i].substr(0,url_Array[i].indexOf(":")).toLowerCase();
			var s = store_Array[store];
			if ( s != undefined )
			{
				inner2 += "<li><a href='" + url_Array[i].substr(url_Array[i].indexOf(":")+1) + "' target=_blank2>&nbsp;"+ store_Array[store]+ "</a></li>";
			}
		}
	}
	if (inner2 != "")
	{
		inner1 = "<ul class='makeMenu'>" + inner2 + "</ul>";		
	}
	elm1.innerHTML = inner1;	
}


function UpdateSongLink()
{
	var link;
	//debugger;
	document.getElementById( _songID + '_Lyrics').href = document.getElementById('LyricsLink').value;
	document.getElementById( _songID + '_Hear').href = document.getElementById('HearLink').value;
	document.getElementById( _songID + '_Ringtone').onclick = function(){ShowMenu(event,'Ringtone', _songID, document.getElementById(_songID + '_Title').innerText + '|' + document.getElementById(_songID + '_Interpreter').innerText + '|' + document.getElementById('HearLink').value );return false;}
	document.getElementById( _songID + '_Video').href = document.getElementById('VideoLink').value;
	
	
	document.getElementById( _songID + '_Lyrics_Icon').style.visibility = document.getElementById('LyricsLink').value==""?"hidden":"visible";
	document.getElementById( _songID + '_Hear_Icon').style.visibility = document.getElementById('HearLink').value==""?"hidden":"visible";
	document.getElementById( _songID + '_Ringtone_Icon').style.visibility = document.getElementById('HearLink').value==""?"hidden":"visible";
	document.getElementById( _songID + '_Video_Icon').style.visibility = document.getElementById('VideoLink').value==""?"hidden":"visible";
	


}