var raup_image = new Image();
var radown_image = new Image();
var rspacer_image = new Image();

raup_image.src = "../proimages/gridUpBlue.jpg";
radown_image.src = "../proimages/gridDownBlue.jpg";
rspacer_image.src = "../proimages/spacer.gif";

function fn_RelationDisableBox(){
	var hidden_val = 0;
	var i;
	
	hidden_val = Math.round(document.getElementById('rel_hidden').value);
	for (i = 0; i< hidden_val; i++) {
		if (document.getElementById('rel_chk_' + i).checked == false) {
			document.getElementById('rel_tag_' + i).style.visibility = 'hidden';
			document.getElementById('rel_txt_' + i).style.backgroundColor = '#91b7cf';
			document.getElementById('rel_txt_' + i).value = '';
			document.getElementById('rel_txt_' + i).disabled=true;
		}
	}
			
}

function fn_RelationEnableBox(){
	var hidden_val = 0;
	var i;
	
	hidden_val = Math.round(document.getElementById('rel_hidden').value);
	
	for (i = 0; i< hidden_val; i++) {
		if (document.getElementById('rel_chk_' + i).checked == true) {
			document.getElementById('rel_tag_' + i).style.visibility = 'visible';
			document.getElementById('rel_txt_' + i).style.backgroundColor = '#ffffff';
			document.getElementById('rel_txt_' + i).disabled=false;
		}
	}
}

function fn_RelationRedrawForm() {
	var hidden_val = 0;
	var i, j, strData, max_checked;
	max_checked = 0;
	
	strData = "";
	hidden_val = Math.round(document.getElementById('rel_hidden').value);

	
	
	
	strData += "<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=1 >";
	strData += "<TD>&nbsp;</TD>";
	strData += "<TD>&nbsp;</TD>";
	strData += "<TD>&nbsp;</TD>";
	strData += "<TD CLASS=\"frmMemCaption\">Relationship to wearer</TD>";
	strData += "<TD COLSPAN=\"4\">&nbsp;</TD>";
			
	for (i = 0; i< hidden_val; i++) {
		j = (i + 1);
		strData += "<TR>\n";
		strData += "<TD VALIGN=TOP><INPUT TYPE='CHECKBOX' CLASS='frmMemRadioBox' NAME=\"rel_chk[" + i + "]\" ID=\"rel_chk_" + i +"\" value=\"" + document.getElementById('rel_chk_' + i).value + "\" onClick=\"fn_RelationOrderForm(" + i + ");\" ";
		if (document.getElementById('rel_chk_' + i).checked == true) {
			max_checked = j;
			strData += " checked ";
		}
		strData += "></TD>\n";
		strData += "<TD VALIGN='MIDDLE' NOWRAP CLASS=\"frmMemCaption\"><DIV NAME=\"rel_nam_" + i + "\" id=\"rel_nam_" + i + "\" >" + document.getElementById('rel_nam_' + i).innerHTML + "</DIV></TD>\n";
		strData += "<TD VALIGN='MIDDLE'><DIV NAME=\"rel_tag_" + i + "\" ID=\"rel_tag_" + i + "\" >&nbsp;</DIV></TD>\n";
		strData += "<TD VALIGN='TOP'><INPUT TYPE=\"TEXT\" CLASS='frmTxtBox' NAME=\"rel_txt_" + i + "\" ID=\"rel_txt_" + i + "\" VALUE=\"" + document.getElementById('rel_txt_' + i).value + "\"></TD>\n";
		if (document.getElementById('rel_chk_' + i).checked == true) {
			strData += "<TD><IMG SRC=\"" + rspacer_image.src + "\" WIDTH=2 HEIGHT=18 BORDER=0></TD>";
			if (!(i == 0)) {
				strData += "<TD VALIGN=TOP><A HREF=\"javascript:void(0);\" onClick=\"fn_MoveRelationUp(" + i + ");\"><IMG SRC=\"" + raup_image.src + "\" ALT=\"move up\" TITLE=\"move up\" WIDTH=22 HEIGHT=18 BORDER=0></A></TD>";
			}else{
				strData += "<TD VALIGN=TOP><IMG SRC=\"" + raup_image.src + "\" WIDTH=22 HEIGHT=18 BORDER=0></TD>";
			}	
			strData += "<TD><IMG SRC=\"" + rspacer_image.src + "\" WIDTH=2 HEIGHT=18 BORDER=0></TD>";
			if (!(j == (Math.round(document.getElementById('rel_max_checked').value)))) {
				strData += "<TD VALIGN=TOP><A HREF=\"javascript:void(0);\" onClick=\"fn_MoveRelationDown(" + i + ");\"><IMG SRC=\"" + radown_image.src + "\" ALT=\"move down\" TITLE=\"move down\" WIDTH=22 HEIGHT=18 BORDER=0></A></TD>";
			}else{
				strData += "<TD VALIGN=TOP><IMG SRC=\"" + radown_image.src + "\" WIDTH=22 HEIGHT=18 BORDER=0></TD>";
			}	

		}else{
			strData += "<TD><IMG SRC=\"" + rspacer_image.src + "\" WIDTH=2 HEIGHT=18 BORDER=0></TD>";
			strData += "<TD><IMG SRC=\"" + rspacer_image.src + "\" WIDTH=22 HEIGHT=18 BORDER=0></TD>";
			strData += "<TD><IMG SRC=\"" + rspacer_image.src + "\" WIDTH=2 HEIGHT=18 BORDER=0></TD>";
			strData += "<TD><IMG SRC=\"" + rspacer_image.src + "\" WIDTH=22 HEIGHT=18 BORDER=0></TD>";
		}
		strData += "</tr>\n";
	}
	strData += "<INPUT TYPE=\"HIDDEN\" NAME=\"rel_hidden\" ID=\"rel_hidden\" VALUE=\"" + document.getElementById('rel_hidden').value + "\">";
	strData += "<INPUT TYPE=\"HIDDEN\" NAME=\"rel_max_checked\" ID=\"rel_max_checked\" VALUE=\"" + document.getElementById('rel_max_checked').value + "\">";

	strData += "</TABLE>";
	document.getElementById('contact_show').innerHTML = strData;
	fn_RelationDisableBox();
}

function fn_RelationOrderForm(checked_val) {
	var hidden_val = 0;
	var hidden_max_checked = 0;
	var max_checked = 0;
	var i = 0;
	var j = 0;
	
	hidden_val = Math.round(document.getElementById('rel_hidden').value);
	hidden_max_checked = Math.round(document.getElementById('rel_max_checked').value);
	
	for (i = checked_val; i< hidden_max_checked; i++) {
		j = i+1;
		if (j < hidden_max_checked) {
			if (document.getElementById('rel_chk_' + j).checked == true) {
				fn_MoveRelationDown(i);
				document.getElementById('rel_chk_' + i).checked = true;
				document.getElementById('rel_chk_' + j).checked = false;
				//max_checked = j;
				checked_val = j;
			}
		}
	}
	//alert(max_checked);
	for (i = checked_val; i>0; i--) {
		j = i - 1;
		if (document.getElementById('rel_chk_' + j).checked == false) {
			fn_MoveRelationUp(i);
			document.getElementById('rel_chk_' + i).checked = false;
			document.getElementById('rel_chk_' + j).checked = true;
			//max_checked = j;
			checked_val = j;
		}
	}
	//alert(max_checked);
	if (max_checked == 0) {
		if (document.getElementById('rel_chk_' + checked_val).checked == true) {
			max_checked = hidden_max_checked + 1;
		}else{
			max_checked = hidden_max_checked - 1;		
		}
	}
	//alert(max_checked);
	document.getElementById('rel_max_checked').value = max_checked;
	
	fn_RelationDisableBox();
	fn_RelationEnableBox();
	fn_RelationRedrawForm();
}

function fn_MoveRelationUp (cur_val) {
	var new_val = 0;
	var temp_chk, temp_nam, temp_txt;
	
	new_val = (cur_val - 1);

	temp_chk = document.getElementById('rel_chk_' + cur_val).value;
	temp_nam = document.getElementById('rel_nam_' + cur_val).innerHTML;
	temp_txt = document.getElementById('rel_txt_' + cur_val).value;
	
	document.getElementById('rel_chk_' + cur_val).value = document.getElementById('rel_chk_' + new_val).value;
	document.getElementById('rel_nam_' + cur_val).innerHTML = document.getElementById('rel_nam_' + new_val).innerHTML;
	document.getElementById('rel_txt_' + cur_val).value = document.getElementById('rel_txt_' + new_val).value;
	
	document.getElementById('rel_chk_' + new_val).value = temp_chk;
	document.getElementById('rel_nam_' + new_val).innerHTML = temp_nam;
	document.getElementById('rel_txt_' + new_val).value = temp_txt;

}

function fn_MoveRelationDown (cur_val) {
	var new_val = 0;
	var temp_chk, temp_nam, temp_txt;
	
	new_val = (cur_val + 1);

	temp_chk = document.getElementById('rel_chk_' + cur_val).value;
	temp_nam = document.getElementById('rel_nam_' + cur_val).innerHTML;
	temp_txt = document.getElementById('rel_txt_' + cur_val).value;
	
	document.getElementById('rel_chk_' + cur_val).value = document.getElementById('rel_chk_' + new_val).value;
	document.getElementById('rel_nam_' + cur_val).innerHTML = document.getElementById('rel_nam_' + new_val).innerHTML;
	document.getElementById('rel_txt_' + cur_val).value = document.getElementById('rel_txt_' + new_val).value;
	
	document.getElementById('rel_chk_' + new_val).value = temp_chk;
	document.getElementById('rel_nam_' + new_val).innerHTML = temp_nam;
	document.getElementById('rel_txt_' + new_val).value = temp_txt;

}