// JavaScript Document

function Loading(id){
	top.document.getElementById(id).innerHTML = '<div class="loading"><img src="img/icon_spinner.gif" alt="" /></div>'
}

/*default ajax aanroep*/
function loadAJAX(url, container, gets, values, callback, debug){
	Loading(container);
	url = _PROJECT_URL + 'xml/' + url + '?container='+ container + '&'
	for (var i = 0; i < gets.length; i++) {
		if(i>0) url += '&';
		url += gets[i] +'='+ values[i];
	}
	if(debug) window.open(url)
	$("#"+container).load(url, callback);
}

function addToMoodBoard(id, mmid){
	var container = 'container_moodboard'
	if(!mmid) mmid=''
	var url = _PROJECT_URL + 'xml/addToMoodBoard.xml.asp?container='+ container + '&id=' + id + '&mmid=' + mmid
	$("#"+container).load(url, function(){
		if(document.getElementById(container).innerHTML!=''){
			document.getElementById(container).style.display='block'
		}
		//update moodboard
		loadMoodboard()
	});
}

function delFromMoodboardItem(id){
	var container = 'container_moodboard'
	var url = _PROJECT_URL + 'xml/delFromMoodBoard.xml.asp?container='+ container + '&id=' + id
	$("#"+container).load(url, function(){
		if(document.getElementById(container).innerHTML!=''){
			document.getElementById(container).style.display='block'
		}
		//update moodboard
		loadMoodboard()
	});
}

function setMoodboard(id){
	var container = 'container_moodboard'
	var url = _PROJECT_URL + 'xml/setMoodBoard.xml.asp?container='+ container + '&id=' + id
	$("#"+container).load(url, function(){
		//sluit div(s)
		if(document.getElementById('newmoodboard').style.display != 'none'){
			$("#newmoodboard").hide("slide", {}, 300);
			document.getElementById('btn_new').src = 'img/'+LANG_ID+'_btn_new.gif';
		}
		if(document.getElementById('savedmoodboard').style.display != 'none'){
			$("#savedmoodboard").hide("slide", {}, 300);
			document.getElementById('btn_open').src = 'img/btn_openen.gif';
		}
		
		// Zet in inc_savemoodboard.asp het huidige moodboard aan
		$('.hide_class_active').css('display','none'); // zet alle classes "hide_class_active" uit
		document.getElementById('open_moodboard_'+id).style.display = '';
	
		//update moodboard
		loadMoodboard()
	});
}
function loadMoodboard(){
	var container = 'moodimages'
	var url = _PROJECT_URL + 'xml/listMoodBoard.xml.asp'
	$("#"+container).load(url, function(){
	
		function verticalOnly(item) {
			item.toolManDragGroup.verticalOnly()
		}
	
		function speak(id, what) {
			var element = document.getElementById(id);
			element.innerHTML = 'Clicked ' + what;
		}
	
		function saveOrder(item) {
			var group = item.toolManDragGroup
			var list = group.element.parentNode
			var id = list.getAttribute("id")
			if (id == null) return
			group.register('dragend', function() {
				ToolMan.cookies().set("list-" + id, 
					junkdrawer.serializeList(list), 365)
					if(_USERLOGGEDIN) loadAJAX('sortMoodboard.xml.asp?', 'container_moodboardchanges', Array('list','id'),Array(ToolMan.junkdrawer().serializeList(document.getElementById(id)),'<%=sess_readParam("selectedMoodboardId")%>'),null,1)
			})
		}
	
		dragsort.makeListSortable(document.getElementById("moodboard_list"),saveOrder)
	});
}

function GetHttpRequest() { // Functie die http_request vult met een XmlHttp object, geeft false terug als er een fout optreedt.
	var http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
			// See note below about this line
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	
	if (!http_request) {
		alert('Giving up :( Cannot create an XMLHTTP instance');
		return false;
	}
	return http_request
}

function checkForm(){
	var http_request = GetHttpRequest();
	if(!http_request) return false; // Kan geen ajax component aanmaken.
	
	url = "xml/validateEmail.xml.asp?val1="+ document.getElementById('email').value
	//window.open(url)
	http_request.onreadystatechange = function() { checkUserResult(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function checkUserResult(http_request){
	if (http_request.readyState == 4)	{
		if (http_request.status == 200) {
			var xmldoc = http_request.responseXML;
			var action_node = xmldoc.getElementsByTagName('actionResult').item(0);

			if(action_node.firstChild.data != '0'){
				document.getElementById('actionresult').innerHTML = action_node.firstChild.data
				UserOK = false
			}else{
				document.getElementById('actionresult').innerHTML = ""
				UserOK = true
			}
		}	
	}else{
		document.getElementById('actionresult').innerHTML = ""
		UserOK = true
	}
}