function createRequestObject() {
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else{
		ro = new XMLHttpRequest();
	}
	return ro;
}

var browser = navigator.appName;
var http = createRequestObject();

if(browser == "Microsoft Internet Explorer"){
	var meth = "POST";
}
else{
	var meth = "GET";
}

function openVerborgen(){
	document.getElementById('verborgen').style.visibility = "visible";	
}

function setMenu(nr){
	var mom = document.getElementById('mom').value;
	
	document.getElementById("center").innerHTML = '<img src="'+mom+'img/laden.gif" class="laden" />';
	
	http = createRequestObject();
	http.onreadystatechange = pakSubMenu;
	var aantal = document.getElementById('menuAantal').value;
	
	http.open(meth,mom+"manip/submenu.php?nr="+nr,true);
	http.setRequestHeader('Content-Type','text/plain');
	http.send(null);
	
	var marg = eval(nr) + eval(1);
	
	for(var i = 1; i <= aantal; i++){
		if(i == nr){
			document.getElementById('menuItemLink_'+i).className = "lmenuItemSel";
			document.getElementById('menuItem_'+i).className = "menuItem";
			document.getElementById("mom").value.focus;
		}
		else if(i == marg){
			document.getElementById('menuItemLink_'+i).className = "lmenuItem";
			document.getElementById('menuItem_'+i).className = "menuItemSel";
		}
		else{
			document.getElementById('menuItemLink_'+i).className = "lmenuItem";
			document.getElementById('menuItem_'+i).className = "menuItem";
		}
	}
}


function pakSubMenu(){
	 if(http.readyState == 4) { 
		if(http.status  == 200) {
			document.getElementById("center").innerHTML = http.responseText;
		}
	}
}


jQuery(document).ready(function() {
    jQuery('#kleine_fotos').jcarousel({
        itemLoadCallback: mycarousel_itemLoadCallback
    });
});

function mycarousel_itemLoadCallback(carousel, state){
	var mom = document.getElementById('mom').value;
	var nr = document.getElementById('albumNr').value;
    if (state != 'init')
        return;

    jQuery.get(mom+'manip/getalbum.php?nr='+nr, function(data) {
        mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);

    });
};

function mycarousel_itemAddCallback(carousel, first, last, data){

    var items = data.split('|');

    for (i = 0; i < items.length; i++) {
	    //var info = items[i].split('[*]');
        carousel.add(i+1, mycarousel_getItemHTML(items[i]));
		
    }

    carousel.size(items.length);
};

function mycarousel_getItemHTML(foto){
	var mom = document.getElementById('mom').value;
    //return '<img src="' + url + '" class="foto_klein" />';
	return foto;
};

function setFoto(foto,nr){
	document.getElementById('momfoto').value = nr;
	document.getElementById('foto_groot').innerHTML = "<img src=\""+foto+"\" />";
}


function selPrevPhoto(){
 	var mom = document.getElementById("mom").value;
	var momfoto = document.getElementById('momfoto').value;
	var aantal = document.getElementById('aantal').value;
	
	if(eval(momfoto) - eval(1) > 0){
		var foto = eval(momfoto) - eval(1);
		
		document.getElementById('momfoto').value = foto;
	}
	else{
		var foto = aantal;
		
		document.getElementById('momfoto').value = aantal;
	}

	document.getElementById('foto_groot').innerHTML = "<img src=\""+mom+"afb/groot_"+document.getElementById('foto_'+foto).value+"\" />";
	
}

function selNextPhoto(){
 	var mom = document.getElementById("mom").value;
	var momfoto = document.getElementById('momfoto').value;
	var aantal = document.getElementById('aantal').value;
	
	if((eval(momfoto) + eval(1)) <= aantal){
		var foto = (eval(momfoto) + eval(1));
		
		document.getElementById('momfoto').value = foto;
	}
	else{
		var foto = 1;
		
		document.getElementById('momfoto').value = 1;
	}
	
	document.getElementById('foto_groot').innerHTML = "<img src=\""+mom+"afb/groot_"+document.getElementById('foto_'+foto).value+"\" />";
	
}