function startLoading() {
  Element.show('sortlistLoading');
  Element.hide('sortlistImages');
}


function getCookie(c_name) {
	if (document.cookie.length>0) {
		
		// The indexOf() method returns the position of the first occurrence of a specified string value in a string. 
		// This method returns -1 if the string value to search for never occurs.
	  	c_start=document.cookie.indexOf(c_name + "=");
		
		// als c_start niet gefenieerd is 
		if (c_start!=-1) { 
			c_start=c_start + c_name.length+1; 
			c_end=document.cookie.indexOf(";",c_start);
			
			if (c_end==-1) c_end=document.cookie.length;
		
			// The substring() method extracts the characters in a string between two specified indices
			return unescape(document.cookie.substring(c_start,c_end));
    	} 
  	}
	return "";
}

function array_search (array,val) {
	for (var i = 0; i < array.length; i++) {
		if (array[i] == val) {
			return i+1;
		}
	}
	return false;
};
 
function setCookie(c_name, value, c_name2, value2, expiredays)	{
	// de "value" van "c_name" heeft bij het aanroepen van finishedloading() de waarde 0
	if (value == 0) {
		var cookieName = getCookie('username-page');
//		alert('First read from cookie, its value is: ' +cookieName);
	} 
	
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	
	var cookieString = c_name+ "-" +c_name2+ "=" +escape(value)+ "-" +escape(value2);
	document.cookie = cookieString;
	((expiredays==null || expiredays == 0) ? "" : ";expires="+exdate.toGMTString());
}

function checkCookie(page) {
	username=getCookie('username-page');
	
	if (!username) {
		setCookie('username',"1","page", page, 0);	
		setTimeout("Effect.toggle('sortlistLoading');", 4000);
		setTimeout("Element.show('sortlistImages');", 5000);
	} else {
		var pagesArray = [ 1,2,3,4,5,6 ];			
		showClicked = username.substring(0,1);
		pageClicked = username.substring(2,username.length);
		
//		alert("pageclicked is: " +pageClicked + " pageclicked searched for is: " + pageClicked.match(page));
		if(pageClicked.match(page) == page) {
//			alert("page is found!");								  
//			alert('kort laden');
			
			setTimeout("Effect.toggle('sortlistLoading');", 500);
			setTimeout("Element.show('sortlistImages');", 1500);

			
		} else {
//			alert("nothing found");
//			alert("Niet zelfde pagina als daarnet. al" + showClicked + "keer geladen");
//			alert('lang laden');
			setCookie('username',"1","page", pageClicked+page, 0);
			setTimeout("Effect.toggle('sortlistLoading');", 4000);
			setTimeout("Element.show('sortlistImages');", 5000);			
			
		}
	}
}

function finishLoading(page) {
	// loading is finished, let's set a cookie with the fact that we visited the page (=username)
	// and the value of the number of the page (=page)
	
	// laten we eerst trachten de cookie te laden
/*	username=getCookie('username-page');
	
	showClicked = username.substring(0,1);
	pageClicked = username.substring(2,4);	
	var pagesArray = [ 1,2,3,4,5,6 ];
	
	// als we zien dat de var username leeg is dan zetten we een cookie
	if (page != array_search( pagesArray, pageClicked )) {
		alert("username bestaat niet");
		setCookie('username',"0","page", page, 0);
	} else if (showClicked == 0) {
		setCookie('username',"1","page", page, 0);
	}*/
	checkCookie(page)
}

function setShowCount(showCount) {
	var showCount = 0;	
	newShowCount = showCount;
	return newShowCount;
//	alert('from setShowCount: ' + newShowCount);
}

function getShowCount() {
	return setShowCount();
}


function loadContent(page) {
	startLoading();
	var url = 'loader.php';
	new Ajax.Updater('sortlistImages', url, {method: 'post', postBody:'content='+ page +''});
	finishLoading(page);
}