var max_friends = 100;

var friends_rows = 0;
var friends_columns = 0;

var shrink_pics = 1;
var show_online = true;
var the_index = 0;

//Position of edit friend box when visible
var edit_top = "810px";
var edit_left = "270px"

var friends_array = new Array();
var friends_names = new Array();
var friends_urls = new Array();
var friends_images = new Array();

for(var i=0;i<max_friends;i++){
	friends_names[i] = "title";
	friends_urls[i] = "addfriend.html";
	friends_images[i] = "images/addfriend.jpg";
}

function alertName(){
alert("Enter a name for your friend. Can be anything you want.");
}
function alertUrl(){
alert("Enter the address of your friends profile. E.g. http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=1000000&Mytoken=60000000000001");
}
function alertImage(){
alert("Internet Explorer users, right-click the picture you want to use and then click Properties. Copy the URL that is shown in the box that pops up and then paste it here. Firefox users, right-click the picture you want to use and click Copy Image Location, then paste it here.");
}
function allfriendsAlert(){
alert("Right click on the 'show all friends' link in your current profile, firefox/mozilla users click on 'copy link location', IE users click on 'copy shortcut'. Then paste it into this box.", "Where is this?");
 }
function allcommentsAlert(){
alert("Right click on the 'view/edit all comments' link in your current profile, firefox/mozilla users click on 'copy link location', IE users click on 'copy shortcut'. Then paste it into this box.", "Where is this?");
 }
 function birthdaysAlert(){
alert("Right click on the 'view upcoming birthdays' link in your current profile, firefox/mozilla users click on 'copy link location', IE users click on 'copy shortcut'. Then paste it into this box.", "Where is this?");
 }

function display(text){
	if(document.getElementById(text).visibility == 'hidden')
		document.getElementById(text).visibility = 'visible';
	else
		document.getElementById(text).visibility = 'hidden';
		alert(document.getElementById('tt_d').visibility);
}


function display_friends(rows, columns){
	friends_rows = rows;
	friends_columns = columns;
	var table_code = '<table width="100%" border="0" cellspacing="0" cellpadding="1" align="center">	<tr> \n';
	for(var r=0;r<friends_rows;r++){
		for(var c=0;c<friends_columns;c++){
			var friend = (r*friends_columns)+c;
			var friend_url = friends_urls[friend];
			var friend_name = friends_names[friend];
			var friend_image = friends_images[friend];
			var friend_code = '<td bgcolor="FFFFFF" align="center" valign="top" width="1">	<table border="0" cellspacing="0" align="center"><tr><td bgcolor="FFFFFF" align="center" valign="top" width="107" style="word-wrap:break-word;">	&nbsp;<a class="names"';
			if(!(document.getElementById('show_names').checked))
				friend_code+= ' style="visibility:hidden;" ';
			friend_code+='href="javascript:show_editfriend('+friend+');">'+friend_name+'</a>&nbsp;</td></tr><tr><td bgcolor="FFFFFF" align="center" valign="top" width="107" nowrap><a href="javascript:show_editfriend('+friend+');"><img src="'+friend_image+'"';
			if(shrink_pics == 1)
				friend_code+=' width=90px ';
			friend_code+=' ></a>';
			if(show_online){

				friend_code+='<br><DIV style="width:80px;height:20px;" ID="UserDataNode0" class="online"><img src="images/onlinenow.gif" border="0" height="20" width="80"></div>';
			}
			friend_code+='	</td>	</tr></table></td> \n';
			table_code+=friend_code;
		}
		table_code+='</tr><tr>'
	}
	table_code+='</tr>	</table>';

	document.getElementById('friends_table').innerHTML = table_code;
}

function show_editfriend(index){
	the_index=index;
	document.getElementById('friend_name').value = friends_names[the_index];
	document.getElementById('friend_image').value = friends_images[the_index];
	document.getElementById('friend_url').value = friends_urls[the_index];
	document.getElementById('editfriend').style.top = edit_top;
	document.getElementById('editfriend').style.left = edit_left;
	document.getElementById('editfriend').style.visibility = 'visible';

}


function edit_friend(name, image, url){
	document.getElementById('editfriend').style.top = '0px';
	document.getElementById('editfriend').style.left = '0px';
	document.getElementById('editfriend').style.visibility = 'hidden';
	friends_names[the_index] = name;
	friends_urls[the_index] = url;
	friends_images[the_index] = image;
	display_friends(friends_rows, friends_columns);
}

function pic_size(){
	shrink_pics = 1-shrink_pics;
	display_friends(friends_rows, friends_columns);
}

function edit(element){
	document.getElementById(element.name).innerHTML=element.value;
}

function position(id, pos){
	document.getElementById(id).align=pos;
}

function unselect(id){
document.getElementById(id).checked = false;
}

function show(id){
	if(document.getElementById(id).style.visibility == 'hidden'){
		document.getElementById(id).style.visibility = 'visible';
		}
	else
		document.getElementById(id).style.visibility = 'hidden';
}
function showClass(classname){
	var elements = document.getElementsByTagName('*');
	for(var i=0;i<elements.length;i++){
		if(elements[i].className == classname){
			if(elements[i].style.visibility == 'hidden')
				elements[i].style.visibility = 'visible';
			else
				elements[i].style.visibility = 'hidden';
		}
	}
}


//Display the final_code textarea with the html code in it.
function generate(){
var x = document.getElementById('email').value;
var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	
if(document.getElementById('email').value=="" || !filter.test(x)){
	window.alert('Your valid email address is required.');
	return false;
}

var show_names = false;
var show_online = false;
var show_birthdays = false;
var show_allcomments = false;
var show_allfriends = false;
var scroll_comments = false;
var show_comments = false;
var center_space = false;
var center_comments = false;

var style_code='<style> \n td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} \n td.text td.text table table table, td.text td.text table br, .rid br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;} \n .hide{display:none;} \n div table table table table table div {display:block !important}\n td.text td.text table {background-color:transparent!important} \n';
var scroll_code='.rid {display:block; height:400px; overflow:auto;}'

var start_code = '</td></tr></table></td></tr></table>';
//center friends
var centered_start_code = '</td></tr></table></td></tr></table></td></tr></table><table bordercolor="000000" cellspacing="0" cellpadding="0" width="435" border="0"><tr><td>';

var link_code = '</td></tr><tr align="right" valign="center"><td colspan="4" bgcolor="ffffff"><a href="http://www.qx7.org" class="redlink"><b>Get a custom friends list here</b></a>';

//standard end code
var end_code = link_code+'</td></tr></table><br><table class="rid"><tr><td><table style="display:none"><tr><td><table><tr><td>';
//center friends
var centered_end_code = link_code+'</td></tr></table><br><table class="rid"><tr><td class="text"><table style="display:none"><tr><td><table><tr><td>';
//center the comments 						</td></tr></table></td></tr></table><br><table><tr><td><table class="rid"><tr><td class="text"><table style="display:none"><tr><td><table><tr><td>
var centered_comments_end_code = link_code+'</td></tr></table></td></tr></table><br><table><tr><td><table class="rid"><tr><td class="text"><table style="display:none"><tr><td><table><tr><td>';
//hide the comments
var hide_end_code = link_code+'</td></tr></table><div class="hide"><table><tr><td><table><tr><td>';

//show the bottom links
var all_friends_code ='</td></tr><tr align="right" valign="center"><td colspan="4" bgcolor="ffffff"><a href="'+document.getElementById('all_friends_text_url').value+'" class="redlink">'+document.getElementById('all_friends_text').value+'</a>';
var all_comments_code ='</td></tr><tr align="right" valign="center"><td colspan="4" bgcolor="ffffff"><a href="'+document.getElementById('all_comments_text_url').value+'">'+document.getElementById('all_comments_text').value+'</a>';
var birthdays_code ='</td></tr><tr align="right" valign="center"><td colspan="4" bgcolor="ffffff"><a href="'+document.getElementById('birthdays_text_url').value+'">'+document.getElementById('birthdays_text').value+'</a>';

//show the title
var title_code='<table border="0" bordercolor="000000" cellpadding="2" cellspacing="0" width="435"><tr>\n ';

if(document.getElementById('show_title').checked){
		var title_pos = 'left';
	if(document.getElementById('title_position_right').checked)
		title_pos='right';
	else if(document.getElementById('title_position_center').checked)
		title_pos='center';
	title_code += '<td class="text"  bgcolor="ffffff" height="20" width="435"> \n <table style="height:20px" bgcolor="ffcc99" cellpadding="0" cellspacing="0" width="100%"> \n <tr><td width="100%" align="'+title_pos+'" > \n <span class="orangetext15" style="display:inline">&nbsp;&nbsp;&nbsp;'+document.getElementById('title_text').value+'</span> \n </td></tr></table> </td></tr> \n';
}
if(document.getElementById('show_amount').checked){
		var amount_pos = 'left';
	if(document.getElementById('number_position_right').checked)
		amount_pos='right';
	else if(document.getElementById('number_position_center').checked)
		amount_pos='center';
	title_code+=' <tr><td colspan="4" bgcolor="ffffff" width="100%" align='+amount_pos+'><span class="btext">'+document.getElementById('number_friends_text').value+'</span></td></tr> \n';
}
else
	title_code+='<td>';
if(document.getElementById('show_names').checked){
	show_names=true;
}
if(document.getElementById('show_online').checked){
	show_online=true;
}
if(document.getElementById('show_viewall').checked){
	show_allfriends=true;
}
if(document.getElementById('show_birthdays').checked){
	show_birthdays=true;
}
if(document.getElementById('show_allcomments').checked){
	show_allcomments=true;
}
if(document.getElementById('show_comments').checked){
	show_comments=true;
}
if(document.getElementById('scroll_comments').checked){
	scroll_comments=true;
}
if(document.getElementById('center_space').checked){
	center_space=true;
}
if(document.getElementById('center_comments').checked){
	center_comments=true;
}
var table_code = ' <tr><td><table width="100%" border="0" cellspacing="0" cellpadding="1" align="center"><tr> \n';

for(var r=0;r<friends_rows;r++){
		for(var c=0;c<friends_columns;c++){

			var friend = (r*friends_columns)+c;
			var friend_url = friends_urls[friend];
			var friend_name = friends_names[friend];
			var friend_image = friends_images[friend];
			var friend_code = '<td align="center" bgcolor="ffffff" valign="top" width="1"><table align="center" border="0" cellspacing="0"><tr>';

			var url_array = friend_url.split("=");
			var code="null";
			if(url_array.length==4){
				var temp = url_array[2].split("&");
				code=temp[0];
				}
			var online_code='<br><div style="width:80px;height:20px;" id="UserDataNode1" class="DataPoint=OnlineNow;UserID='+code+';"><img src="http://myspace.com/images/clear.gif" border="0" height="20" width="80"></div>';

			if(show_names)
				friend_code+='<td bgcolor="FFFFFF" align="center" valign="top" width="107" style="word-wrap:break-word;">	&nbsp;<a class="names" href="'+friend_url+'">'+friend_name+'</a>&nbsp;</td></tr><tr>';
			friend_code+='<td bgcolor="FFFFFF" align="center" valign="top" width="107" nowrap><a href="'+friend_url+'"><img src="'+friend_image+'"';
			if(shrink_pics == 1)
				friend_code+=' width=90px ';
			friend_code+=' ></a>';
			if(show_online)
				friend_code+=online_code;
			friend_code+='</td></tr></table></td> \n';
			table_code+=friend_code;
		}
		if(r<friends_rows-1)
			table_code+='</tr><tr> \n'

	}
	table_code+=' </tr></table>\n'

	if(center_space){
		start_code = centered_start_code;
		end_code = centered_end_code;
	}
	if(!show_comments)
		end_code = hide_end_code;
	else if(center_comments)
		end_code = centered_comments_end_code;
	if(show_allcomments)
		end_code = all_comments_code+end_code;
	if(show_birthdays)
		end_code = birthdays_code+end_code;
	if(show_allfriends)
		end_code = all_friends_code+end_code;
	if(scroll_comments)
		style_code+=scroll_code;


	style_code+="\n</style>\n";

	document.getElementById('final_code').value = style_code+"\n"+start_code+"\n"+title_code+"\n"+table_code+"\n"+end_code;
	document.getElementById('final_code_div').style.display = 'block';
		document.getElementById('edit_div').style.display='none';
	document.getElementById('edit_table').style.display='none';
	document.getElementById('friend_title').style.display='none';
	document.getElementById('friendspace').style.display='none';
	document.getElementById('genspan').style.display='none';
	document.getElementById('editspan').style.display='block';
	
}

function editmore(){
	document.getElementById('final_code_div').style.display = 'none';
	document.getElementById('edit_div').style.display='block';
	document.getElementById('edit_table').style.display='block';
	document.getElementById('friend_title').style.display='block';
	document.getElementById('friendspace').style.display='block';
	document.getElementById('genspan').style.display='block';
	document.getElementById('editspan').style.display='none';
}
var http_request;

function alertContents() {
    if (http_request.readyState == 4) {
        if (http_request.status == 200) {
            window.alert("Thank you, an email has been sent");
		}
		
    }
}

	
function sendemail() {
	var em=document.getElementById('email').value;
	var my=document.getElementById('username').value;	


    http_request = false;

	
    if (window.XMLHttpRequest) { // Mozilla, Safari,...
        http_request = new XMLHttpRequest();
        
    } else
		if (window.ActiveXObject) { // IE
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
        }
    }
    if (!http_request) {
         alert('Must have javascript enabled!');
         return false;
        }
		params="email=" + encodeURI(em) + "&";
		params+="username=" + encodeURI(my) + "&";
		params+="body=" + encodeURI(document.getElementById('final_code').value);

        http_request.onreadystatechange = alertContents;
        http_request.open('POST', 'postemail.php', true);
		http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        http_request.setRequestHeader("Content-length", params.length);
        http_request.setRequestHeader("Connection", "close"); 
		http_request.send(params);

	return false;
}

/**

**/