function refreshContentById(node, url, postData, onReady, onWaiting){	
	if(window.XMLHttpRequest){
		http_request = new XMLHttpRequest(); 
	}
	else if (window.ActiveXObject) { 
		try{
			http_request = new ActiveXObject("Microsoft.XMLHTTP");	
		}catch(e){ 
			try{
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){}
		}
	}
	http_request.onreadystatechange = function(){
		if(http_request.readyState == 4) {
			if(onReady != null){
				onReady(node,http_request.responseText);
			}else{
				node.innerHTML = http_request.responseText;
			}
		}else{ 
			if(onWaiting != null){
				onWaiting(node);
			}else{
				node.innerHTML = "<img id=\"ajax_load\" 	src=\"http://www.andreas-thies.com/wp-content/themes/at/img/ajax-loader.gif\" />";
			}
		}
	};
	http_request.open("POST", url, true);
	http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	http_request.send(postData);
} 
function appendContentById(node, url, postData, before){	
	if(before == null){
		before = false;
	}
	if(window.XMLHttpRequest){
		http_request = new XMLHttpRequest(); 
	}
	else if (window.ActiveXObject) { 
		try{
			http_request = new ActiveXObject("Microsoft.XMLHTTP");	
		}catch(e){ 
			try{
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
			}catch(e){}
		}
	}
	
	http_request.onreadystatechange = function(){
		if(http_request.readyState == 4) {
			if(before){
				node.innerHTML = http_request.responseText + node.innerHTML;
			}else{
				node.innerHTML += http_request.responseText;
			}
		}
	};
	http_request.open("POST", url, true);
	http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	http_request.send(postData);
} 

function next_projects(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	var elem = (evt.target) ? evt.target : evt.srcElement;
	postData = 'js=1';
	postData += '&lang_base='+document.getElementById('lang_base').value;
	postData += '&parent_id='+document.getElementById('parent_id').value;
	postData += '&proj_nr='+(document.getElementById('proj_nr').value);
	postData += '&proj_offset='+(elem.value);
	node = elem.parentNode.parentNode;
	appendContentById(node,'http://www.andreas-thies.com/wp-content/themes/at/_portfolio.php',postData);
	return false;
}
function prev_projects(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	var elem = (evt.target) ? evt.target : evt.srcElement;
	var postData = 'js=1';
	postData += '&lang_base='+document.getElementById('lang_base').value;
	postData += '&parent_id='+document.getElementById('parent_id').value;
	postData += '&proj_nr='+(document.getElementById('proj_nr').value);
	postData += '&proj_offset='+(elem.value);
	var node = elem.parentNode.parentNode;
	appendContentById(node,'http://www.andreas-thies.com/wp-content/themes/at/_portfolio.php',postData,true);
	return false;
}
function get_projects(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	var elem = (evt.target) ? evt.target : evt.srcElement;
	var postData = 'js=1';
	postData += '&lang_base='+document.getElementById('lang_base').value;
	postData += '&parent_id='+document.getElementById('parent_id').value;
	postData += '&proj_nr='+(document.getElementById('proj_nr').value);
	if(window.ActiveXObject){
		postData += '&proj_offset='+(elem.className);
	}else{
		postData += '&proj_offset='+(elem.value);
	}
	node = elem.parentNode.parentNode;
	refreshContentById(node,'http://www.andreas-thies.com/wp-content/themes/at/_portfolio.php',postData,
		function(node,response){	
			node.innerHTML = response;
			document.getElementById('next_proj').onclick = get_projects;
			document.getElementById('prev_proj').onclick = get_projects;
	},function(node){
		document.getElementById('proj_list').innerHTML = "<img id=\"ajax_load\" 	src=\"http://www.andreas-thies.com/wp-content/themes/at/img/ajax-loader.gif\" />";		
	});
	return false;
}
function get_image(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	var elem = (evt.target) ? evt.target : evt.srcElement;
	var postData =  'post_id='+document.getElementById('post_id').value;
	postData += '&at_gallery_active='+(elem.value);
	postData += '&js=1';
	document.getElementById('active').id="";
	elem.id = "active";
	var node = document.getElementById('detail_image');
	refreshContentById(node,'http://www.andreas-thies.com/wp-content/themes/at/_gallery.php',postData);
	return false;
}

function inferiorBrowser(evt){
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	var elem = (evt.target) ? evt.target : evt.srcElement;
	var url     = elem.parentNode.action;
	window.location = url;
}


function init(){
	loader = new Image();
	loader.src = 'http://www.andreas-thies.com/wp-content/themes/at/img/ajax-loader.gif';
	if(window.ActiveXObject){
		try{
			var gallery = document.getElementById('gallery').childNodes;

			for(var i = 0; i < gallery.length; i++){
				if(gallery[i].onclick){
					gallery[i].onclick = get_image;
				}
			}
			// should only be reached when gallery is present
			document.getElementById('next_proj').onclick = inferiorBrowser;
			document.getElementById('prev_proj').onclick = inferiorBrowser;
		}catch(e){
			try{
				document.getElementById('next_proj').onclick = get_projects;
				document.getElementById('prev_proj').onclick = get_projects;
			}catch(e2){}
		}
	}else{
		try{
			var gallery = document.getElementById('gallery').childNodes;
			for(var i = 0; i < gallery.length; i++){
				gallery[i].onclick = get_image;
			}
		}catch(e){
			try{
				document.getElementById('next_proj').onclick = get_projects;
				document.getElementById('prev_proj').onclick = get_projects;
			}catch(e2){}
		}
	}
}
window.onload = init;