function updateFocusOrder( digit, box_num ){
	if( focusCounter >= 4 ){
		// ignoring the user...
	} else {
		focusCounter++;
		thisFocus = ( $('focus_order').value - 0 ) + ( focusCounter * digit );
		$('focus_order').value = thisFocus + '';
		$('focus_' + box_num + '_box').innerHTML = '<img src="images/focus_' + focusCounter + '.gif" width="26" height="26" border="0" />';
	}
}

function resetFocusCounter(){
	focusCounter = 0;
	$('focus_order').value = "0000";
	$('focus_1').checked = false;
	$('focus_2').checked = false;
	$('focus_3').checked = false;
	$('focus_4').checked = false;
	$('focus_1_box').innerHTML = '<img id="focus_1" onClick="updateFocusOrder(1000, 1)" src="images/focus_0.gif" width="26" height="26" border="0" />';
	$('focus_2_box').innerHTML = '<img id="focus_2" onClick="updateFocusOrder(100, 2)" src="images/focus_0.gif" width="26" height="26" border="0" />';
	$('focus_3_box').innerHTML = '<img id="focus_3" onClick="updateFocusOrder(10, 3)" src="images/focus_0.gif" width="26" height="26" border="0" />';
	$('focus_4_box').innerHTML = '<img id="focus_4" onClick="updateFocusOrder(1, 4)" src="images/focus_0.gif" width="26" height="26" border="0" />';
}

function setupFocus(){
	$('focusContainer').innerHTML = '<input type="hidden" id="focus_order" name="focus_order" value="0000" />' +
		'<h4>Rate the following in order of importance (click on the boxes in order to select):</h4>' +
		'<div id="focus_1_box">' + 
		'<img id="focus_1" onClick="updateFocusOrder(1000, 1)" src="images/focus_0.gif" width="26" height="26" border="0" /></div>' +
		'<label id="focusLabel1"><span>Appearance</span><br />(Height, Body type, Hair color)</label>' +
		'<div id="focus_2_box">' +
		'<img id="focus_2" onClick="updateFocusOrder(100, 2)" src="images/focus_0.gif" width="26" height="26" border="0" /></div>' +
		'<label id="focusLabel2"><span>Background/<br />Values</span><br />(Ethnicity, Faith, Education)</label>' +
		'<div id="focus_3_box">' +
		'<img id="focus_3" onClick="updateFocusOrder(10, 3)" src="images/focus_0.gif" width="26" height="26" border="0" /></div>' +
		'<label id="focusLabel3"><span>Lifestyle</span><br />(Job, Diet, Desire for Children)</label>' +
		'<div id="focus_4_box">' +
		'<img id="focus_4" onClick="updateFocusOrder(1, 4)" src="images/focus_0.gif" width="26" height="26" border="0" /></div>' +
		'<label id="focusLabel4"><span>Verification</span><br />(Does the site verify user information?)</label>' +
		'<a id="focus_reset" href="javascript:void(0);" onClick="resetFocusCounter()"><span>Reset</span></a>';
}

function checkAge(){
	if( $('user_age').value >= 65 ){
		$('special_senior').checked = true;
	}
}

function checkGender(){
	if( $('user_gender').value == $('target_gender').value ){
		$('special_gay').checked = true;
	}
}

function showTop8(){
	$('top8').style.display = "block";
	$('top8-mask').style.display = "none";
}

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* Modified to support Opera */
function bookmarksite(title,url){
	if (window.sidebar) // firefox
		window.sidebar.addPanel(title, url, "");
	else if(window.opera && window.print){ // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	} 
	else if(document.all)// ie
		window.external.AddFavorite(url, title);
}

window.onload = function(){
	resetFocusCounter();
	setupFocus();
}