function change_page(id) {
	//Clear All others first
	for (var i = 1; i<= total_page; i++) {
		//Clear All
		document.getElementById("page_btn_" + i).className = "page_btn_box";
	}
	
	//Default Highlight 1
	document.getElementById("page_btn_" + id).className = "page_btn_box_sel";
	
	//Calculation
	var prev = parseFloat(id) - 1;
	var next = parseFloat(id) + 1;
	
	//Calculate Shift
	var current_pos = (parseFloat(id) - 1) * 610;
	var current_page = parseFloat(id);
	
	var prev_shift = current_pos - 610;
	var next_shift = current_pos + 610;
	

	
	//The Next And Previous Icons
	if (id == 1 && total_page==1) {
		var prev_inner = "<a href=\"javascript:void(0);\" title=\"Previous Page\"><img src=\"img/page_previous.png\" alt=\"Previous Page\" /></a>";
		var next_inner = "<a href=\"javascript:void(0);\" title=\"Next Page\"><img src=\"img/page_next.png\" alt=\"Next Page\" /></a>";
	} else if (id ==1 && total_page>1) {
		var prev_inner = "<a href=\"javascript:void(0);\" title=\"Previous Page\"><img src=\"img/page_previous.png\" alt=\"Previous Page\" /></a>";
		var next_inner = "<a href=\"javascript:void(0);\" title=\"Next Page\" onclick=\"new Effect.Move('port_box', { x: -" + next_shift + ", y: 0, mode: 'absolute' }); new Effect.Move('port_box_overall', { x: 0, y: 0, mode: 'absolute' }); change_page(" + next + ");\"><img src=\"img/page_next.png\" alt=\"Next Page\" /></a>";
	} else if (id == total_page && total_page>1) {
		var prev_inner = "<a href=\"javascript:void(0);\" title=\"Previous Page\" onclick=\"new Effect.Move('port_box', { x: -" + prev_shift +", y: 0, mode: 'absolute' });change_page(" + prev+ ");\"><img src=\"img/page_previous.png\" alt=\"Previous Page\" /></a>";
		var next_inner = "<a href=\"javascript:void(0);\" title=\"Next Page\"><img src=\"img/page_next.png\" alt=\"Next Page\" /></a>";
	} else {
		var prev_inner = "<a href=\"javascript:void(0);\" title=\"Previous Page\" onclick=\"new Effect.Move('port_box', { x: -" + prev_shift +", y: 0, mode: 'absolute' });change_page(" + prev+ ");\"><img src=\"img/page_previous.png\" alt=\"Previous Page\" /></a>";
		var next_inner = "<a href=\"javascript:void(0);\" title=\"Next Page\" onclick=\"new Effect.Move('port_box', { x: -" + next_shift + ", y: 0, mode: 'absolute' }); change_page(" + next + ");\"><img src=\"img/page_next.png\" alt=\"Next Page\" /></a>";
	}

	//Write to the Boxes
	document.getElementById("page_btn_prev").innerHTML = "<div>" + prev_inner + "</div>";
	document.getElementById("page_btn_next").innerHTML = "<div>" + next_inner + "</div>";
}

function show_name() {
	//Start Array
	 var arr = new Array();
	 arr = document.getElementsByName("port_name");

	 
	 //Set Styles
	 for(var i = 0; i < arr.length; i++) {
		 
		 var obj_name = document.getElementsByName("port_name").item(i);
		 
		 obj_name.style.display = "block";
	}
}

function hide_name() {
	//Start Array
	 var arr = new Array();
	 arr = document.getElementsByName("port_name");

	 
	 //Set Styles
	 for(var i = 0; i < arr.length; i++) {
		 var obj_name = document.getElementsByName("port_name").item(i);
		 
		 obj_name.style.display = "none";
	}	
}

function dim() {
	document.getElementById("dim").style.display = "block";	
}

function undim() {
	document.getElementById("dim").style.display = "none";	
}

//HIRING SCRIPTS
function check_crit(id) {
	//Hide Current Box
	document.getElementById(id + "_un").style.display = "none";
	
	//Show Next Box
	document.getElementById(id + "_chk").style.display = "block";
	
	//Change Form
	document.getElementById(id + "_form").value = "yes"
}

function uncheck_crit(id) {
	//Hide Current Box
	document.getElementById(id + "_chk").style.display = "none";
	
	//Show Next Box
	document.getElementById(id + "_un").style.display = "block";
	
	//Change Form
	document.getElementById(id + "_form").value = "no"
}

function hide_box(id) {
	//hide these boxes
	document.getElementById(id).style.display = "none";
}