var c = 0;
var fid = 0;

function loadPage() {
	var i = 0;
	for (i = 0; i < 4; i++) {
		if (i == loadPage.arguments[1]) {
			$('[name=link' + i + ']').attr("id", "active");
		} else {
			$('[name=link' + i + ']').attr("id", "");
		}
	}
	
	$('#ads').fadeOut('normal');
	$('#content').fadeOut('normal', function() {
		$('#content').html('<img src=\'loading.gif\'>');
		$('#content').fadeIn('normal');
		$('#buttons').html('');
	});
	

	$('#content').fadeIn('normal');
	$('#contentLoader').load(loadPage.arguments[0], function() {
		$('#content').fadeOut('normal', function() {
			$('#content').html($('#contentLoader').html());
			$('#content').fadeIn('normal');
			$('#ads').fadeIn('normal');
		});
	});
}

function startBlank() {
	$('#content').html('<form id=\'theFields\'>');
	$('#theFields').append('<div name="div0" id="divItem"><input type="text" name="name-0" value=""> = <input type="text" name="val-0" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=div0]\').html(\'\');"></div>');
	loadButtons();
}

function loadSMF() {
	$('#content').fadeOut('normal', function() {
		$('#content').html('<form id=\'theFields\'>');
		$('#theFields').append('<div name="divuser" id="divItem"><input type="text" name="name-user" value="user"> = <input type="text" name="val-user" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divuser]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divemail" id="divItem"><input type="text" name="name-email" value="email"> = <input type="text" name="val-email" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divemail]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divpasswrd1" id="divItem"><input type="text" name="name-passwrd1" value="passwrd1"> = <input type="text" name="val-passwrd1" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divpasswrd1]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divpasswrd2" id="divItem"><input type="text" name="name-passwrd2" value="passwrd2"> = <input type="text" name="val-passwrd2" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divpasswrd2]\').html(\'\');"></div>');
		loadButtons();
		$('#content').fadeIn('normal');
	});
}

function loadvB() {
	$('#content').fadeOut('normal', function() {
		$('#content').html('<form id=\'theFields\'>');
		$('#theFields').append('<div name="divmonth" id="divItem"><input type="text" name="name-month" value="month"> = <select name="month"><option value="" selected="selected">-</option><option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select><img src="cross.png" border=0 onClick="javascript:$(\'[name=divmonth]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divday" id="divItem"><input type="text" name="name-day" value="day"> = <select name="day"><option value="" selected="selected">-</option><option value="01">1</option><option value="02">2</option><option value="03">3</option><option value="04">4</option><option value="05">5</option><option value="06">6</option><option value="07">7</option><option value="08">8</option><option value="09">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select><img src="cross.png" border=0 onClick="javascript:$(\'[name=divday]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divyear" id="divItem"><input type="text" name="name-year" value="year"> = <input type="text" name="val-year" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divyear]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divusername" id="divItem"><input type="text" name="name-username" value="username"> = <input type="text" name="val-username" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divusername]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divpassword" id="divItem"><input type="text" name="name-password" value="password"> = <input type="text" name="val-password" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divpassword]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divpasswordconfirm" id="divItem"><input type="text" name="name-passwordconfirm" value="passwordconfirm"> = <input type="text" name="val-passwordconfirm" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divpasswordconfirm]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divemail" id="divItem"><input type="text" name="name-email" value="email"> = <input type="text" name="val-email" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divemail]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divemailconfirm" id="divItem"><input type="text" name="name-emailconfirm" value="emailconfirm"> = <input type="text" name="val-emailconfirm" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divemailconfirm]\').html(\'\');"></div>');
		loadButtons();
		$('#content').fadeIn('normal');
	});
	
}

function loadPHPBB() {
	$('#content').fadeOut('normal', function() {
		$('#content').html('<form id=\'theFields\'>');
		$('#theFields').append('<div name="divusername" id="divItem"><input type="text" name="name-username" value="username"> = <input type="text" name="val-username" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divusername]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divemail" id="divItem"><input type="text" name="name-email" value="email"> = <input type="text" name="val-email" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divemail]\').html(\'\');"></div>');
		$('#theFields').append('<div name="divemail_confirm" id="divItem"><input type="text" name="name-email_confirm" value="email_confirm"> = <input type="text" name="val-email_confirm" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divemail_confirm]\').html(\'\');"></div>');
		$('#theFields').append('<div name="new_password" id="divItem"><input type="text" name="name-new_password" value="new_password"> = <input type="text" name="val-new_password" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divnew_password]\').html(\'\');"></div>');
		$('#theFields').append('<div name="password_confirm" id="divItem"><input type="text" name="name-password_confirm" value="password_confirm"> = <input type="text" name="val-password_confirm" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divpassword_confirm]\').html(\'\');"></div>');
		$('#theFields').append('<div name="lang" id="divItem"><input type="text" name="name-lang" value="lang"> = <select name="lang" id="lang" tabindex="6" title="Language"><option value="en" selected="selected">British English</option><option value="es">Español</option><option value="fr">Français Standard</option></select><img src="cross.png" border=0 onClick="javascript:$(\'[name=divlang]\').html(\'\');"></div>');
		
		loadButtons();	
		$('#content').fadeIn('normal');
	});
}

function loadContent() {
	$('#content').html('<img src="loading.gif">');
	$('#content').load(loadContent.arguments[0]);
}

function getCode() {
	var code = '(function() {var a = 0; var b = 0;';
	var par = 0;
	var items = $('#theFields').serializeArray();
	jQuery.each(items, function(i, field){
		if (par % 2 == 0) {
			code += 'b = document.getElementsByName(\'' + field.value + '\'); for (a = 0; a < b.length; a++) { b[a].value=\'';
		} else {
			code += field.value + '\'};'
		}
		par++;
      });
	code += '})()';
	$('#content').html('<a href="javascript:' + code + '">Drag & Drop this into your bookmarks toolbar!</a>');
}

function setFormId() {
	fid = setFormId.arguments[0];
}

function loadButtons() {
	$('#buttons').html('<div id="divAdd" onClick="javascript:addNewField();"><p id="btnTxt"><img src="add.png" style="vertical-align:middle;">&nbsp;Add field</p></div><div id="divGetCode" onClick="javascript:getCode();"><p id="btnTxt"><img src="script.png" style="vertical-align:middle;">&nbsp;Get the code!</p></div>');
	$('#buttons').fadeIn('normal');
}

function addNewField() {
	$('#theFields').append('<div name="divdiv' + c + '" id="divItem"><input type="text" name="name-' + c + '" value=""> = <input type="text" name="val-' + c + '" value=""><img src="cross.png" border=0 onClick="javascript:$(\'[name=divdiv' + c + ']\').html(\'\');"></div>');
	c++;
}