/* ONDERSTAANDE IS VOOR FOTOALBUM */
function bevestigVerwijder() {
    var b = confirm("Weet je zeker dat je deze foto wilt verwijderen?");
    
    if (b==true) {
        return true;
    }else{
        return false;
    }
}

function hoverKlein(imgId) {
    var img = document.getElementById(imgId);

    if (img.className != "afbeeldingKleinHover") {
        img.className = "afbeeldingKleinHover";
    }

    img.onmouseout = function() {
        img.className = "afbeeldingKlein";
    }
}

function nieuwAlbum(input) {
    document.getElementById('overzichtAlbums').style.display = "none";
    document.getElementById(input).style.display = "block";

    //Knop veranderen naar beheer ipv nieuwe
    document.getElementById('nieuwAlbumLink').innerHTML = '<a href="#fotoalbum" onclick="sluitAlbum();">Albumbeheer</a></div>';
}

function sluitAfbeelding() {
    document.getElementById('afbeeldingGroot').innerHTML = "";

    sluitFotoNav();
}

function vergrootAfbeelding(profielId, fotoId, alt) {
    //
    var altTekst = document.getElementById(fotoId+"Omschrijving").value.replace(/<br>/gi, "");  
    //
    sluitAfbeelding();
                                                                                                                                                 
    //afbeelding vullen
    document.getElementById('afbeeldingGroot').innerHTML = '<img id="vergroteAfbeelding" alt="Volgende" title="Volgende" onclick="bladerAlbum(1, \''+fotoId+'\', \''+profielId+'\', \'a\')" src="http://www.reisprofiel.nl/images/profielen/'+profielId+'/'+fotoId+'.jpg" alt="" />';
                                       
    //nav functie aanroepen
    var img = document.getElementById('vergroteAfbeelding');
    img.onload=function() {
        toonFotoNav(img, altTekst, fotoId, profielId);
    }

    //preloaden volgende
    fotoLijst = document.getElementById('fotoLijst').value;
    var fotoLijst = fotoLijst.split(",");
    var max = -1;
    for (x in fotoLijst) {
        max++;
    }
    for (x in fotoLijst) {
        if (fotoLijst[x] == fotoId) {
            var b = parseInt(x)+1;
            if (x == max) {
                volgendeFoto = fotoLijst[0];
            }else{
                volgendeFoto = fotoLijst[b];
            }
        }
    }
    rand = Math.floor(Math.random()*10000);
    eval("preloadimg"+rand+" = new Image()");
    eval("preloadimg"+rand+".src = 'http://www.reisprofiel.nl/images/profielen/'+profielId+'/'+volgendeFoto+'.jpg'");                             
}

//fotoblader functie
function sluitFotoNav() {
    if ((document.getElementById('navDiv') != undefined) && (document.getElementById('navDiv').style.visibility != "hidden")) {
        //Verwijderen in FireFox
        document.getElementById("navDiv").style.visibility = "hidden";

        //Verwijderen in IE
        var navDiv = document.getElementById("navDiv");
        document.body.removeChild(navDiv);
    }
    if ((document.getElementById('sluitDiv') != undefined) && (document.getElementById('sluitDiv').style.visibility != "hidden")) {
        document.getElementById("sluitDiv").style.visibility = "hidden";
        var sluitDiv = document.getElementById("sluitDiv");
        document.body.removeChild(sluitDiv);
    }
}

function toonFotoNav(img, alt, fotoId, profielId){
    if (alt != "") {
        var navDiv = document.createElement('div');
        navDiv.id = "navDiv";
        navDiv.style.visibility = "hidden";
        navDiv.style.textAlign = "center"; 
        navDiv.style.width = img.width+"px";                                                                   
        navDiv.innerHTML = '<span id="afbeeldingOmschrijving">'+alt+'</span>';
        
        //positie pakken van afbeeldingenDiv
        findPos(img);
        
        //navigatie positioneren
        navDiv.className = "fotoNav";

        //op de wereld zetten van div             
        document.body.appendChild(navDiv);
        window.setTimeout(function() {
            navDiv.style.left = curleft+(img.width/2)-(navDiv.offsetWidth/2)+"px";
            navDiv.style.top = curtop+img.height+10+"px";
            navDiv.style.visibility = "visible";
            
            //thumbs naar beneden opschuiven
            document.getElementById('afbeeldingGroot').style.marginBottom = (15+navDiv.offsetHeight)+"px";
        }, 100);
    }
    
    //kruisje rechtsbovenin tonen zodat afbeelding weggeklikt kan worden
    var sluitDiv = document.createElement('div');
    sluitDiv.id = "sluitDiv";
    sluitDiv.style.textAlign = "center";
    sluitDiv.style.verticalAlign = "middle";                                                                   
    sluitDiv.innerHTML = '<a href="javascript:;" onclick="bladerAlbum(0, \''+fotoId+'\', \''+profielId+'\', \'z\');"><img src="http://www.reisprofiel.nl/images/edit/vorige.gif" alt="vorige" title="vorige" /></a> <span class="kruisje"><a href="javascript:;" onclick="sluitAfbeelding();">X</a></span>  <a href="javascript:;" onclick="bladerAlbum(1, \''+fotoId+'\', \''+profielId+'\', \'x\');"><img src="http://www.reisprofiel.nl/images/edit/volgende.gif" alt="volgende" title="volgende" /></a>';
    sluitDiv.style.width = "40px";
    sluitDiv.style.height = "13px";
    sluitDiv.className = "fotoNav";
    
    findPos(img);
    
    //positie
    window.setTimeout(function() {
        sluitDiv.style.left = curleft+img.width-50+"px";
        sluitDiv.style.top = curtop+5+"px";
    }, 100);
    
    window.scrollTo(curleft, (curtop-50));
    
    //op de wereld zetten van div             
    document.body.appendChild(sluitDiv);
}

function bladerAlbum(kant, fotoId, profielId, alt){
    sluitFotoNav();

    if (kant != 3) {
        fotoLijst = document.getElementById('fotoLijst').value;                  
        var fotoLijst = fotoLijst.split(",");
        var vergroteAfbeelding = document.getElementById('vergroteAfbeelding');
        //maximale bepalen in lijst
        var max = -1;
        for (x in fotoLijst) {
           max++;
        }

        //vorige etc toewijzen
        for (x in fotoLijst) {
            if (fotoLijst[x] == fotoId) {
                //als niet bestaat dan naar max gaan
                var a = parseInt(x)-1;
                var b = parseInt(x)+1;
                
                if (x == 0) {
                    vorigeFoto = fotoLijst[max];
                }else{
                    vorigeFoto = fotoLijst[a];
                }
                
                if (x == max) {
                    volgendeFoto = fotoLijst[0];
                }else{
                    volgendeFoto = fotoLijst[b];
                }
            }
        }
    }
    
    //alleen bij bladeren ->
    rand = Math.floor(Math.random()*10000);
    if (kant != 3) {
        //nu juiste kant op
        if (kant == 0) {
            eval("myimage"+rand+" = new Image()");
            eval("myimage"+rand+".src = 'http://www.reisprofiel.nl/images/profielen/'+profielId+'/'+vorigeFoto+'.jpg'");
            window.setTimeout(function() {
                vergrootAfbeelding(profielId, vorigeFoto, alt);
            }, 100);
        }else{
            eval("myimage"+rand+" = new Image()");
            eval("myimage"+rand+".src = 'http://www.reisprofiel.nl/images/profielen/'+profielId+'/'+volgendeFoto+'.jpg'");
            window.setTimeout(function() {
                vergrootAfbeelding(profielId, volgendeFoto, alt);  
            }, 100);
        }
    }else{
        eval("myimage"+rand+" = new Image()");
        eval("myimage"+rand+".src = 'http://www.reisprofiel.nl/images/profielen/'+profielId+'/'+fotoId+'.jpg'");
        window.setTimeout(function() {
            vergrootAfbeelding(profielId, fotoId, 'x');
        }, 100);
    }
}                

function sluitAlbum(){
    document.getElementById('nieuwAlbum').style.display = "none";
    document.getElementById('overzichtAlbums').style.display = "block";
    
    //Knop veranderen naar nieuwe ipv beheer
    document.getElementById('nieuwAlbumLink').innerHTML = '<a href="#fotoalbum" onclick="nieuwAlbum(\'nieuwAlbum\');">Nieuw album</a></div>';
}

//opactity aanpassen voor alle browsers 
/*
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
} */

function uncheckRest(form, radiobutton) {
    var aantal = document.getElementById(form).length;

    for (var i=0; i<aantal; i++) {       
		eval ("var element = document."+form+".elements[i];");
        eval ("var name = document."+form+".elements[i].name;");
        eval ("var type = document."+form+".elements[i].type;");
        
        if (type == "radio") {
            if (name != radiobutton) {
                element.checked = false;
            }
        }
    }
}