/*
// functie die de request naar de PHP pagina doet
function ajaxRequest(page, project_id, beeld){
	
	$('preloader').src = 'images/cms/preloader.gif';
	
	var links = document.getElementsByClassName('image_links');
	
	for(var i = 0; i < links.length; i++) {
		//alert(links.item(i));
		links.item(i).style.color = '#FFFFFF';
	}
	
	$('beeld' + beeld).style.color = '#0099CC';
	var url = "index.php";
	var pars = "page=" + page + "&project_id=" + project_id + "&beeld=" + beeld + "&request=async";
	
	var myAjax = new Ajax.Request(
		url, {	method:"get",
						parameters:pars,
						onComplete: ajaxResponseHandler
					}
	);
}

// functie die response van PHP pagina opvangt
function ajaxResponseHandler(response) {
	//alert(response.responseText);
	//$("lnkPhoto").href = response.responseText;
	var responseText = response.responseText;
	var splittedResult = responseText.split('&&&');
	var src = splittedResult[0];
	var href = splittedResult[1];
	$('image').src = src;
	$('image_link').href = href;
	$('preloader').src = 'images/cms/preloader_transparant.gif';
	//$('image').src = response.responseText;
	//$('preloader').src = 'images/cms/preloader_transparant.gif';
}

*/
document.getElementsByClassName = function(v){
	  
	  var e=document.getElementsByTagName("*"),f=[];
	  for(var i in e){
		  if(new RegExp("\\b"+v+"\\b").test(e[i].className)){
			  f.push(e[i]);
		  }
	  }
	  return f;
  } 
	  
function ajaxRequest(page, project_id, beeld){
	
	$('#preloader').attr({'src':'images/cms/preloader.gif'});
	
	var links = document.getElementsByClassName('image_links');
	
	for(var i = 0; i < links.length; i++) {
		links[i].style.color = '#FFFFFF';
	}
	
    
	
	//alert('#beeld' + beeld);
	$('#beeld' + beeld).css({'color':'#0099CC'});
	
	var url = "index.php";
	var pars = "page=" + page + "&project_id=" + project_id + "&beeld=" + beeld + "&request=async";
	
	$.ajax({
   type: "GET",
   url: url,
	 async: true,
   data: pars,
	 dataType: 'text',
	 success: ajaxResponseHandler
 });

}

// functie die response van PHP pagina opvangt
function ajaxResponseHandler(data, textStatus) {
	var responseText = data;
	var splittedResult = responseText.split('&&&');
	var src = splittedResult[0];
	var href = splittedResult[1];
	$('#image').attr({'src':src});
	$('#image_link').attr({'href':href});
	$('#preloader').attr({'src':'images/cms/preloader_transparant.gif'});
}