// JavaScript Document

/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp = false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
  try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  } catch (e2) {
    xmlHttp = false;
  }
}
@end @*/

if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
  xmlHttp = new XMLHttpRequest();
}


function ajaxRequest(method,parameters,pageToLoad,loadArea) {
//alert("Innhold i parameters inn i metoden: "+parameters);


var url = "php/handlers/page-handler.php";
var params = (parameters);

//alert("Innhold i params: "+params);

/** POST **/
if (method=='POST') {
	url = "php/handlers/page-handler.php?page="+pageToLoad;
	
	/*
	 *  Open a connection to the server
	 *  In post, we'll need to modify the headers
	 */

	xmlHttp.open(method, url, true);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttp.setRequestHeader("Content-length", params.length);
	xmlHttp.setRequestHeader("Connection", "close");	
	
} else {
	
/** GET **/
	// Otherwise, use GET
	xmlHttp.open(method, url+ "?"+params,true);
}

/** Setup a function for the server to run when it's done **/
	/*document.getElementById(loadArea).innerHTML = '<strong>Working, please wait...</strong> <img src="images/loading.gif">';*/
	xmlHttp.onreadystatechange = function() {
	if (xmlHttp.readyState<4) {
		document.getElementById(loadArea).innerHTML = '';
		document.getElementById(loadArea).innerHTML = '<strong>Working, please wait...</strong> <img src="images/loading.gif">';
		
	}
	
	/* content has finished loading and has a correct return code */
	if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
		var response = xmlHttp.responseText;
		document.getElementById(loadArea).innerHTML = response;
		//document.getElementById(loadArea).innerHTML = 'Operation complete!';
	} 
}

/*Send the request*/

if (method=='POST') {
	xmlHttp.send(params);
} else {
	xmlHttp.send(null);
}

}

function registerMember() {
	
	var nick = document.getElementById('nick').value;
	var phone = document.getElementById('phonenumber').value;
	
	var params = 'nick='+nick+'&phone='+phone;
	
	
	ajaxRequest('POST',params,'register');
	
	//TINY.box.show("php/inc/page-handler.php?page=register",1,350,350,1)
}

function txtCounter(textArea, charCounter) {

	countfield = document.getElementById(charCounter);
	field = document.getElementById(textArea);
	maxlimit = 160;
	
	if (field.value.length > maxlimit) {
		field.value = field.value.substring(0, maxlimit); 
	} else { 
		countfield.innerHTML = '<strong>'+(maxlimit - field.value.length)+'</strong>'; 
	}
	
} // set the display field to remaining number

function changeStatus(statusField,userid,reponseArea) {
	
	var status = document.getElementById(statusField);
	var ra = reponseArea;
	var params = '?page=updatestatus&status='+status.value+'&userid='+userid;
	//ajaxRequest(method,parameters,responseArea,loadArea) {
	ajaxRequest('POST',params,ra,ra);
}

function diggUser(toUser,responseArea) {
	/*var fromUserId = fromU*/
	var ra = responseArea;
	var params = 'toUserId='+toUser;
	ajaxRequest('POST',params,'digguser',ra);
}

function friendReq(fromUser,fromUserNick,toUser,responseArea) {
	var params = 'fromUserId='+fromUser+'&fromUserNick='+fromUserNick+'&toUserId='+toUser;
	ajaxRequest('POST',params,'friendreq',responseArea);
}

function sendinvites(emails,fromUserId,responseArea) {
	emails = document.getElementById(emails);
	emails = emails.value;
	var ra= responseArea;
	var params = 'fromUserId='+fromUserId+'&emails='+emails;
	ajaxRequest('POST',params,'sendinvites',ra);
}


function sendblog(title, message, fromUserId, responseArea) {
	title = document.getElementById(title).value;
	message = document.getElementById(message).value;
	var ra = responseArea;
	var params = 'fromUserId='+fromUserId+'&title='+title+'&message='+message;
	ajaxRequest('POST', params, 'postblogmessage', ra);
}


function hideElement(elementId) {
	var eid = document.getElementById(elementId);
	eid.style.display = 'none';
}
function showElement(elementId) {
	var eid = document.getElementById(elementId);
	if(eid.style.display == 'block') {
		eid.style.display = 'none';
	} else {
		eid.style.display = 'block';
	}	
}

function addRemoveContacts() {
	var ni = document.getElementById('contacts');
	numi = document.getElementById('noc');
	var num = (document.getElementById("noc").value -1)+ 2;
	numi.value = num; // oppdaterer hiddenfield med antall divs
	var newdiv = document.createElement('p');
	newdiv.setAttribute('id','contacts'+num);
	newdiv.setAttribute('name','contacts'+num);
	
	newdiv.innerHTML = '<input type="text" name="contactname[]" id="contactname" maxlength="50" size="25" class="with-tooltip" title="Skriv inn navnet på kontakten. Maks 50 tegn."> - <input type="text" name="phonenumber[]" id="phonenumber" maxlength="8" size="10" class="with-tooltip" title="Telefonnr. m&aring; starte p&aring; 4 eller 9 og v&aelig;re 8 siffer."> '+
	'<select name="gender[]" id="gender" class="with-tooltip" title="Dette gj&oslash;r det mulig &aring; skille visuelt mellom kontaktene dine i adresseboka.">'+
	'<option value="1">Gutt</option>'+
	'<option value="2">Jente</option>'+
	'</select> <img src="images/icons/x_red.png" class="with-tooltip" title="Fjern" onClick="document.getElementById(\'contacts\').removeChild(document.getElementById(\'contacts'+num+'\'))"';

	ni.appendChild(newdiv);
}