/* allerlei shit voor de site zelf, dus niet profielen ed */
function ajaxFunction()
{
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    return xmlHttp;
}

function profielenAlfa(letter){
    xmlHttp = ajaxFunction();
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
		document.getElementById('alfaBlob').innerHTML=xmlHttp.responseText;
        location.hash="#alfaBlob";
        }
      }
    var query = "includes/ajax_overzicht.php?letter="+letter;
    xmlHttp.open("GET",query,true);
    xmlHttp.send(null);
    return false;
}
  
function laadLanden(continentId,continentNaam){
    if(continentId!=0){
        xmlHttp = ajaxFunction();
        xmlHttp.onreadystatechange=function()
          {
          if(xmlHttp.readyState==4)
            {
            document.getElementById('landenDiv').innerHTML=xmlHttp.responseText;
            }
          }
        var query = "includes/ajax_overzicht.php?continentId="+continentId;
        xmlHttp.open("GET",query,true);
        xmlHttp.send(null);
    }else{
        alert('Geen juist continent geselecteerd.');
    }
    return false;
}

function selectProfiel(){
    if(document.getElementsByTagName("option")[document.getElementById('profielen').selectedIndex].value!=0){
        var profiel = document.getElementsByTagName("option")[document.getElementById('profielen').selectedIndex].text;
        window.open("http://"+profiel+".reisprofiel.nl");
    }
    
}

function profielDropdown(landId){
    if(document.getElementById('land'+landId).innerHTML==""){
        if(landId!=0){
            xmlHttp = ajaxFunction();
            xmlHttp.onreadystatechange=function()
              {
              if(xmlHttp.readyState==4)
                {
                    document.getElementById('land'+landId).innerHTML='<br />'+xmlHttp.responseText;
                }
              }
            var query = "includes/ajax_overzicht.php?landId="+landId;
            xmlHttp.open("GET",query,true);
            xmlHttp.send(null);
        }else{
            alert('Geen juist land geselecteerd.');
        }
    }else{
        document.getElementById('land'+landId).innerHTML="";
    }
    return false;
}

function preloadFrontpage(pagina) {
    if (pagina==-1 && document.all?true:false) {
        var tdBody = document.getElementById('tdBody');
        tdBody.style.height = (document.documentElement.clientHeight)-166+"px";
    }else if (document.all?true:false) {
        var tdBody = document.getElementById('tdBody');
        tdBody.style.height = (document.documentElement.clientHeight)-136+"px";
    }

    if (pagina == 1) { //index
        m=new Image();
        m.src = "http://www.reisprofiel.nl/images/layout/icons/maak_hv.gif";
        o=new Image();
        o.src = "http://www.reisprofiel.nl/images/layout/icons/overzichtlanden_hv.gif";
        r=new Image();
        r.src = "http://www.reisprofiel.nl/images/layout/icons/review_hv.gif";
        u=new Image();
        u.src = "http://www.reisprofiel.nl/images/layout/icons/uitgelicht_hv.gif";
        v=new Image();
        v.src = "http://www.reisprofiel.nl/images/layout/icons/voorbeeld_hv.gif";
        w=new Image();
        w.src = "http://www.reisprofiel.nl/images/layout/icons/werking_hv.gif";
        x=new Image();
        x.src = "http://www.reisprofiel.nl/images/layout/login_hover.gif";
        y=new Image();
        y.src = "http://www.reisprofiel.nl/images/layout/maakStr_hv.gif";
    }if (pagina == 2) { //maak of werking
        a=new Image();
        a.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/agenda_hv.gif";  
        b=new Image();
        b.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/bestemming_hv.gif";   
        c=new Image();
        c.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/fotoalbum_hv.gif";   
        d=new Image();
        d.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/gastenboek_hv.gif";
        e=new Image();
        e.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/gegevens_hv.gif";
        f=new Image();
        f.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/map_hv.gif";
        g=new Image();
        g.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/sms_hv.gif";
        h=new Image();
        h.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/verslag_hv.gif";
        
        i=new Image();
        i.src = "http://www.reisprofiel.nl/images/layout/elementen/agenda.gif";
        j=new Image();
        j.src = "http://www.reisprofiel.nl/images/layout/elementen/bestemming.gif";
        k=new Image();
        k.src = "http://www.reisprofiel.nl/images/layout/elementen/fotoalbum.gif";
        l=new Image();
        l.src = "http://www.reisprofiel.nl/images/layout/elementen/gastenboek.gif";
        m=new Image();
        m.src = "http://www.reisprofiel.nl/images/layout/elementen/gegevens.gif";
        n=new Image();
        n.src = "http://www.reisprofiel.nl/images/layout/elementen/map.gif";
        o=new Image();
        o.src = "http://www.reisprofiel.nl/images/layout/elementen/sms.gif";
        p=new Image();
        p.src = "http://www.reisprofiel.nl/images/layout/elementen/verslag.gif";
    }if (pagina == 3) {
        preloadFrontpage(2);
        q=new Image();
        q.src = "http://www.reisprofiel.nl/images/layout/tabL_hover.gif";
        r=new Image();
        r.src = "http://www.reisprofiel.nl/images/layout/tabM_hover.gif";
        s=new Image();
        s.src = "http://www.reisprofiel.nl/images/layout/tabR_hover.gif";
    }
}

function hoverFrontpageItem(id, element) {
    var lengte = (id.length-1);
    if (id.substr(lengte, 1) == 2) {
        var afb = id.substr(0, lengte);
    }else{
        var afb = id;
    }
    
    var img = document.getElementById(id);
    
    var src = img.src;
    
    if (element == false) {
        img.src = "http://www.reisprofiel.nl/images/layout/icons/"+afb+"_hv.gif";
    }else{
        img.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/"+afb+"_hv.gif";
    }

    img.onmouseout = function() {
        img.src = src;
    }   
}

/* Voor het selecteren v/d elementen bij het maken van een profiel */
selected = new Array();
selected["verslag"]=1;selected["map"]=0;selected["gegevens"]=1;selected["bestemming"]=0;
selected["sms"]=1;selected["gastenboek"]=1;selected["fotoalbum"]=1;selected["agenda"]=0;

function selectElement(element) {
    var elementImg = document.getElementById(element+"Img");

    if (selected[element] == 0) {
        elementImg.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/"+element+"_hv.gif";
        selected[element] = 1;
        document.getElementById(element).checked = "checked";
    }else{
        elementImg.src = "http://www.reisprofiel.nl/images/layout/icons/elementen/"+element+".gif";
        selected[element] = 0; 
        document.getElementById(element).checked = "";
    }
}


/* Element hover functies */
function hoverElement(element) {
    //CHECK Of er al picker openstaat, dan sluiten.
    if ((document.getElementById('elementDiv') != undefined) && (document.getElementById('elementDiv').style.visibility != "hidden")) {
      sluitElementHover(element);
    }
    
    //verhaaltjes van alle elementen opsommen
    switch (element) {
        case 'verslag':
            omschrijving = 'Waarschijnlijk het belangrijkste element. Hier kun je al je verhalen kwijt. Je kunt zelf pagina\'s (tabbladen) aanmaken zodat je de verslagen eenvoudig kunt ordenen.';
            break;
        case 'fotoalbum':
            omschrijving = 'Onmisbaar natuurlijk, het fotoalbum. De leukste kiekjes kun je hier plaatsen. Hier kun je op een eenvoudige manier verschillende albums aanmaken. Daardoor krijg je niet al je foto\'s op één pagina waardoor het zo onoverzichtelijk wordt.';
            break;
        case 'gastenboek':
            omschrijving = 'Hier kunnen de bezoekers van jouw profiel een bericht achterlaten. Ook is er voor jouw reisgenoten (de personen die op de beheerpagina zijn toegevoegd) een apart gedeelte om berichten te plaatsen.';
            break;
        case 'sms':
            omschrijving = 'Tegen lokaal tarief (geen bijkomende kosten) kun je ook een SMS bericht naar de site sturen, waarna je bericht direct op je profiel wordt geplaatst. Zo kan iedereen gemakkelijk op de hoogte gehouden worden!';
            break;
        case 'gegevens':
            omschrijving = 'In dit element kun je de basisgegevens van je reis kwijt. Zoals je leden, terugkomstdatum, hoofdbestemming (eventueel met kaart).';
            break;
        case 'agenda':
            omschrijving = 'Laat de bezoeker precies zien wanneer je wat wilt doen!';
            break;
        case 'bestemming':
            omschrijving = 'Met dit element kun je landen en plaatsen toevoegen waarlangs jij wilt gaan op je reis. Als je ook de interactieve kaart aan hebt staan wordt zelfs je route voor de bezoeker direct duidelijk.';
            break;
        case 'map':
            omschrijving = 'Ga je echt rondtrekken, dan is de interactieve kaart ideaal. Je kunt met behulp van het element Bestemmingen nieuwe plaatsen en landen toevoegen die op jouw route liggen, waarna op de interactieve kaart automatisch de route getoond wordt.';
            break;
    }
    
    var elementDiv = document.createElement('div');
    elementDiv.id = "elementDiv";
    elementDiv.className = "elementHover";
    elementDiv.style.height = "auto";
    elementDiv.innerHTML = '<table cellpadding="0" style="border: 1px solid #d94711; background-color: #efe7e0; padding: 5px;" cellspacing="0" align="center"><tr><td>&nbsp;</td></tr><tr>'
                            + '<td align="center"><img src="http://www.reisprofiel.nl/images/layout/elementen/'+element+'.gif" alt="'+element+'" title="'+element+'" style="border: 1px solid gray;" /></td></tr>'
                            + '<tr><td><br />'+omschrijving+'</td></tr>'
                            + '<tr><td>&nbsp;</td></tr></table>';  
    
    
   
    //oplossen zijkanten tegen scrollbars
    if ((screen.availWidth - tempX) < 300) {
        elementDiv.style.left = tempX-270+"px";
    }else{
        elementDiv.style.left = tempX+20+"px";
    }
    
    if ((screen.availHeight - tempY) < (elementDiv.offsetHeight + 130)){
        elementDiv.style.top = tempY-210+"px";
    }else{
        elementDiv.style.top = tempY-40+"px";
    }

    document.body.appendChild(elementDiv);
       
    //iframe om alles te verbergen over selects heen
    var elementDivIframe = document.createElement('iframe');  
    elementDivIframe.id = "elementDivIframe";
    elementDivIframe.style.height = elementDiv.offsetHeight-0+"px"; 
    elementDivIframe.style.width = elementDiv.offsetWidth+"px";
    elementDivIframe.style.position = 'absolute';
    elementDivIframe.src = "about:blank";
    elementDivIframe.scrolling = "no";
    elementDivIframe.frameBorder = 0;
    elementDivIframe.style.zIndex = 2;
    
    //oplossen zijkanten tegen scrollbars
    if ((screen.availWidth - tempX) < 300) {
        elementDivIframe.style.left = tempX-270+"px";
    }else{
        elementDivIframe.style.left = tempX+20+"px";
    }
    
    if ((screen.availHeight - tempY) < (elementDivIframe.offsetHeight + 130)){
        elementDivIframe.style.top = tempY-210+"px";
    }else{
        elementDivIframe.style.top = tempY-40+"px";
    }

    document.body.appendChild(elementDivIframe);

}

function sluitElementHover(element) {
    if ((document.getElementById('elementDiv') != undefined) && (document.getElementById('elementDiv').style.visibility != "hidden")) {
        document.getElementById("elementDiv").style.visibility = "hidden";
        var elementDiv = document.getElementById("elementDiv");
        document.body.removeChild(elementDiv);
    }
    if ((document.getElementById('elementDivIframe') != undefined) && (document.getElementById('elementDivIframe').style.visibility != "hidden")) {
        
        var elementDivIframe = document.getElementById('elementDivIframe');
        elementDivIframe.style.display = "none";
        document.body.removeChild(elementDivIframe);
    }
}

function checkUserRegForm() {
    
    var leeg = 0;
    if (document.getElementById('emailadres') != null) {
        verplicht = new Array("inlognaam", "voornaam", "wachtwoord1", "wachtwoord2", "emailadres");
    }else{
        verplicht = new Array("inlognaam", "voornaam", "wachtwoord1", "wachtwoord2");
    }
    
    for (x in verplicht) {
        var element = document.getElementById(verplicht[x]);
        if(element.value == "") {
            element.style.border = "1px solid red";
            leeg++
        }
        if ((verplicht[x] == "emailadres") && (verplicht[x].value != "") && (leeg == 0)) {
            if (emailCheck(verplicht[x],false) == false) {
                document.getElementById(verplicht[x]).style.border = "1px solid red";
                return false;
            }
        }
    }
    
    if (document.getElementById('wachtwoord1').value != document.getElementById('wachtwoord2').value) {
        document.getElementById('wachtwoord1').style.border = "1px solid red";
        document.getElementById('wachtwoord2').style.border = "1px solid red";
        alert('Wachtwoorden komen niet overeen!');
        return false;
    }
    
    if (leeg > 0) {
        alert("Je moet wel alle verplichte velden invullen!"); 
        return false;
    }else{
        return true;
    } 
}

function checkRegForm() {
    var leeg = 0;

    //profielnaam = verplicht
    if (document.getElementById("profielnaam").value == "") {
        document.getElementById("profielnaam").style.border = "1px solid red";
        alert("Je moet een profielnaam opgeven!"); 
        return false;
    }
    
    //als nieuwe gebruiker
    if ((document.getElementById("nieuwInlogNaam").value != "") && (document.getElementById("inlogNaam").value == "")) {
        verplicht = new Array("nieuwVoornaam", "email", "nieuwWW", "nieuwWWC");
        
        for (x in verplicht) {
            var element = document.getElementById(verplicht[x]);
            if(element.value == "") {
                element.style.border = "1px solid red";
                leeg++
            }
            //email adres check
            if ((verplicht[x] == "email") && (verplicht[x].value != "") && (leeg == 0)) {
                if (emailCheck(verplicht[x],false) == false) {
                    document.getElementById(verplicht[x]).style.border = "1px solid red";
                    return false;
                }
            }
        }
        
        //check of wachtwoorden wel overeen komen
        if (leeg == 0) {
            if (document.getElementById("nieuwWW").value != document.getElementById("nieuwWWC").value ) {
                alert("Wachtwoorden komen niet overeen!");
                document.getElementById("nieuwWW").style.border = "1px solid red";
                document.getElementById("nieuwWWC").style.border = "1px solid red";
                return false;
            }
        }
    }
    if ((document.getElementById("inlogNaam").value != "") && (document.getElementById("nieuwInlogNaam").value == "")) {
        var element = document.getElementById("WW");
        if (element.value == "") {
            element.style.border = "1px solid red";
            leeg++
        }
    }

    if ((document.getElementById("inlogNaam").value != "") && (document.getElementById("nieuwInlogNaam").value != "")) {
        alert("Je moet of registreren of inloggen! Niet beide ;)"); 
        return false;    
    }
    
    if ((document.getElementById("inlogNaam").value == "") && (document.getElementById("nieuwInlogNaam").value == "")) {
        alert("Je moet je wel registreren of inloggen!"); 
        return false;    
    }
    
    if (leeg > 0) {
        alert("Je moet wel alle verplichte velden invullen!"); 
        return false;
    }else{
        return true;
    }
}