function createRequest(){
	if(navigator.appName.search("Microsoft") > -1) {
		return new ActiveXObject("MSXML2.XMLHTTP");
	} else {
		return new XMLHttpRequest();
	}
}

function ajaxwert_einfuegen(ajax,box,ignore_ladebalken) {
	if(ajax.readyState == 4) {
		document.getElementById(box).innerHTML = ajax.responseText;
		
		// Ladebalken ausblenden
		if(!ignore_ladebalken) {
			document.getElementById('ajax-loader').style.display = 'none';
		}
	}
}

function change_page(box,page,query_str){
	if(box){
		var ajax = createRequest();
		ajax.open('get', '/include/ajax/change_page.php?box='+box+'&page='+page+'&'+query_str,true);
		ajax.onreadystatechange = function() { ajaxwert_einfuegen(ajax,box) };
		ajax.send(null);
	}
}

var aktuelles_bild;
function galeriebild_wechseln(gallery,bild) {
	/* bild enthaelt nicht die ID des Bildes, sondern die Position (pos) */
	
	// +++ Ladebalken +++ 
	document.getElementById('ajax-loader').style.left = '686px';
	document.getElementById('ajax-loader').style.top = '235px';
	document.getElementById('ajax-loader').style.display = 'block';

	// +++ Mitte +++
	var ajax = createRequest();
	ajax.open('get','/timm/gallery/anzeige_mitte.php?gallery='+gallery+'&bild='+bild+'&reload_by_ajax=1');
	ajax.onreadystatechange = function() { ajaxwert_einfuegen(ajax, 'gallery_0') };
	ajax.send(null);
	
	// +++ Rechts +++
	// Beim Wechseln von Thumbnailuebersicht in Bildansicht oder bei einem Seitenwechsel bei der kleinen Uebersicht rechts
	if((!aktuelles_bild && bild > 0) || (aktuelles_bild > 0 && !bild) || !document.getElementById('galeriebild_'+bild)) {
		var ajax2 = createRequest();
		ajax2.open('get','/timm/gallery/anzeige_rechts.php?gallery='+gallery+'&bild='+bild);
		ajax2.onreadystatechange = function() { ajaxwert_einfuegen(ajax2, 'rechts') };
		ajax2.send(null);
	// Beim Wechsel des Bildes auf der aktuelles Seite der kleinen Uebersicht rechts
	} else if(bild > 0) {
		document.getElementById('galeriebild_'+bild).style.border = '2px solid #D11216';
		if(aktuelles_bild > 0 && aktuelles_bild != bild && document.getElementById('galeriebild_'+aktuelles_bild)) {
			document.getElementById('galeriebild_'+aktuelles_bild).style.border = '2px solid #004478';
		}
	}
	
	aktuelles_bild = bild;
}