// JavaScript Document

//Add alert message when error occur
window.onerror = function(msg, err_url, line) {alert('Unkwon Error :) ' + line);}

//Detects browser type
function makeObject(){
var x;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
x = new ActiveXObject("Microsoft.XMLHTTP");
}else{
x = new XMLHttpRequest();
}
return x;
}

//Call function
var request = makeObject();

//The get method AJAX
function get_method(pf_num,page_num){

request.open('get', 'view_pf.php?pf_id='+pf_num+'&page='+page_num);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.onreadystatechange = output;
request.send('');
}
function get_subnav_method(pf_num){
request.open('get', 'nav_info.php?pf_id='+pf_num);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.onreadystatechange = output_subnav;
request.send('');
}



function output(){
	if(request.readyState == 1){
		//You can add animated gif while loading //
		document.getElementById('content').innerHTML = 'Loading...';
	}
	if(request.readyState == 4){
		var data = request.responseText;
		document.getElementById('content').innerHTML = data;
	}
}

function output_subnav(){
	if(request.readyState == 1){
		//You can add animated gif while loading //
		document.getElementById('subnavlist').innerHTML = 'Loading...';
	}
	if(request.readyState == 4){
		var data = request.responseText;
		document.getElementById('subnavlist').innerHTML = data;
	}
}





var nav_arr = new Array ('places','people','events','nature');
function nav_swap(id){
	for(var i=0; i < nav_arr.length; i++){
		if (i == (id-1)) {
				if(	document.getElementById(nav_arr[i])){
					setStyleById(nav_arr[i],"backgroundColor", "#BCB9C8");
					setStyleById(nav_arr[i], "color", "#000000");						
				}
		} else {
				if(	document.getElementById(nav_arr[i])){
					setStyleById(nav_arr[i],"backgroundColor", "#625F73");
					setStyleById(nav_arr[i], "color", "#FFFFFF");	
				}
		}
	}
}

var subnav_arr = new Array();
function subnav_swap(id){
	for(var i=0; i < subnav_arr.length; i++){
		if (i == (id-1)) {
				if(	document.getElementById(subnav_arr[i])){
					setStyleById(subnav_arr[i],"backgroundColor", "#BCB9C8");
					setStyleById(subnav_arr[i], "color", "#000000");
					alert(subnav_arr[i]+ " bg:#BCB9C8");
				}
		} else {
				if(	document.getElementById(nav_arr[i])){
					setStyleById(subnav_arr[i],"backgroundColor", "#625F73");
					setStyleById(subnav_arr[i], "color", "#FFFFFF");
					alert(subnav_arr[i]+ " bg:#625F73");	
				}
		}
	}
}