// AJAX
var xmlhttp;
var _item;
var info;
var _aantal = 0;
var _positie;
var _nr = 0;

function nieuwDuel(item, nr) {
    xmlhttp = GetXmlHttpObject();
    if (xmlhttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }

    _aantal += 1;
    _item = item;
    _nr = nr - 1;
    var url = "AjaxForms/NieuwDuel.aspx";
    var parameters = "item=" + item;
    xmlhttp.onreadystatechange = stateChangedNieuwDuel;
    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    xmlhttp.send(parameters);

}

function stateChangedNieuwDuel() {


    if (xmlhttp.readyState == 1) {
        document.getElementById(_item).innerHTML = "<div style=\"margin:80px;width:100%;text-align:center;\"><img src=\"App_Themes/Images/ajax-loader.gif\" style=\"width:32px;height:32px\"/></div>";

    }

    if (xmlhttp.readyState == 4) {
        if (_aantal == _nr) {
            _aantal = 0;
            window.location = "VakantieDetail.aspx";
        } else {
            document.getElementById(_item).innerHTML = xmlhttp.responseText;
            document.getElementById("progbar" + _aantal).innerHTML = "<img src=\"App_Themes/Images/green_bullet.png\" alt=\"Progress\"/>";
            document.getElementById("progbar" + (_aantal + 1)).innerHTML = "<img src=\"App_Themes/Images/red_bullet.png\" alt=\"Progress\"/>";
            if (_item == 'FotoLinks') {
                info = 'FotoRechts';
            } else {
                info = 'FotoLinks';
            }
            if (document.getElementById("info").innerHTML.indexOf("Meer") >= 0) {
                
                minderInfo(info);
            } else {
                meerInfo(info);
            }

        }
    }
}

function comboStreekVullen() {
    xmlhttp = GetXmlHttpObject();
    if (xmlhttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }

    var url = "AjaxForms/StreekCombo.aspx";
    var parameters = "item=" + document.getElementById("ctl00_ContentPlaceHolderContent_cddlLand").value;
    xmlhttp.onreadystatechange = stateChangedComboStreekVullen;
    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    xmlhttp.send(parameters);

}

function stateChangedComboStreekVullen() {

    if (xmlhttp.readyState == 4) {
        document.getElementById("streekCombo").innerHTML = "";
        var newdiv = document.createElement("div");
        newdiv.innerHTML = xmlhttp.responseText;
        var container = document.getElementById("streekCombo");
        container.appendChild(newdiv);            
    }
}

function comboPlaatsVullen() {
    debugger;
    xmlhttp = GetXmlHttpObject();
    if (xmlhttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }

    var url = "AjaxForms/PlaatsCombo.aspx";
    var parameters = "item=" + document.getElementById("cddlStreek").value;
    xmlhttp.onreadystatechange = stateChangedComboPlaatsVullen;
    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    xmlhttp.send(parameters);

}

function stateChangedComboPlaatsVullen() {

    if (xmlhttp.readyState == 4) {
        document.getElementById("plaatsCombo").innerHTML = "";
        var newdiv = document.createElement("div");
        newdiv.innerHTML = xmlhttp.responseText;
        var container = document.getElementById("plaatsCombo");
        container.appendChild(newdiv);
    }
}

//function meerInfo(id, positie) {
//    xmlhttp = GetXmlHttpObject();
//    if (xmlhttp == null) {
//        alert("Browser does not support HTTP Request");
//        return;
//    }
//    _positie = positie;
//    var url = "AjaxForms/MeerInfo.aspx";
//    var parameters = "id=" + id + "&positie=" + _positie;
//    xmlhttp.onreadystatechange = stateChangedMeerInfo;
//    xmlhttp.open("POST", url, true);
//    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
//    xmlhttp.send(parameters);

//}

//function stateChangedMeerInfo() {
//    
//    if (xmlhttp.readyState == 1) {
//        document.getElementById("info" + _positie).innerHTML = "<div style=\"margin: 20px 134px auto 134px;\"><img src=\"App_Themes/Images/ajax-loader.gif\" style=\"width:32px;height:32px\"/></div>";
//    }
//    
//    if (xmlhttp.readyState == 4) {
//        document.getElementById("info" + _positie).innerHTML = "";
//        var newdiv = document.createElement("span");
//        newdiv.innerHTML = xmlhttp.responseText;
//        var container = document.getElementById("info" + _positie);
//        container.appendChild(newdiv);
//    }
//    
//    if (navigator.userAgent.indexOf('MSIE') >= 0) {
//        document.getElementById("korteinfo" + _positie).style.display = "none";
//        
//    } else {
//        document.getElementById("korteinfo" + _positie).setAttribute("style", "display:none");
//    }
//    
//}

function minderInfo(positie) 
{
    document.getElementById("info" + positie).innerHTML = "";
    if (navigator.userAgent.indexOf('MSIE') >= 0) {
        document.getElementById("korteinfo" + positie).style.display = "inline";

    } else {
        document.getElementById("korteinfo" + positie).setAttribute("style", "display:inline");
    }
}

var _beiden = false;
function meerInfoBeiden() {
    _beiden = true;
    meerInfo('FotoLinks');
   
    document.getElementById("info").innerHTML = "<a href=\"#\" onclick=\"javascript:minderInfoBeiden()\">Terug...</a>";
}

function minderInfoBeiden() {
    minderInfo('FotoLinks');
    minderInfo('FotoRechts');
    document.getElementById("info").innerHTML = "<a href=\"#\" onclick=\"javascript:meerInfoBeiden()\">Meer informatie...</a>";

}

function meerInfo(positie) {
    xmlhttp = GetXmlHttpObject();
    if (xmlhttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }
    _positie = positie;
    var url = "AjaxForms/MeerInfo.aspx";
    var parameters = "pos=" + positie;
    xmlhttp.onreadystatechange = stateChangedMeerInfo;
    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    xmlhttp.send(parameters);

}

function stateChangedMeerInfo() {
    
    if (xmlhttp.readyState == 1) {
        document.getElementById("info" + _positie).innerHTML = "<div style=\"margin: 20px;text-align:center;width:100%;\"><img src=\"App_Themes/Images/ajax-loader.gif\" style=\"width:32px;height:32px\"/></div>";
    }
    
    if (xmlhttp.readyState == 4) {
        document.getElementById("info" + _positie).innerHTML = "";
        var newdiv = document.createElement("span");
        newdiv.innerHTML = xmlhttp.responseText;
        var container = document.getElementById("info" + _positie);
        container.appendChild(newdiv);

        if (navigator.userAgent.indexOf('MSIE') >= 0) {
            document.getElementById("korteinfo" + _positie).style.display = "none";

        } else {
            document.getElementById("korteinfo" + _positie).setAttribute("style", "display:none");
        }

        if (_beiden) {
            _beiden = false;
            meerInfo('FotoRechts');
        }       
    }
}



function getKinderCombos() 
{
    xmlhttp = GetXmlHttpObject();
    if (xmlhttp == null) {
        alert("Browser does not support HTTP Request");
        return;
    }

    var url = "AjaxForms/KindLijstToevoegen.aspx";
    var parameters = "aantal=" + document.getElementById("ctl00_ContentPlaceHolderContent_cdllAantalKinderen").value;
    xmlhttp.onreadystatechange = stateChangedKinderCombosVullen;
    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    xmlhttp.send(parameters);
}

function stateChangedKinderCombosVullen() {
 

    if (xmlhttp.readyState == 1) {
        document.getElementById("kinderen").innerHTML = "<img src=\"App_Themes/Images/ajax-loader.gif\" style=\"width:32px;height:32px\"/>";
    }

    if (xmlhttp.readyState == 4) {
        document.getElementById("kinderen").innerHTML = xmlhttp.responseText;
       
    }
}

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

/* Simple AJAX Code-Kit (SACK) */
/* ©2005 Gregory Wild-Smith */
/* www.twilightuniverse.com */
/* Software licenced under a modified X11 licence, see documentation or authors website for more details */

function sack(file) {
    this.AjaxFailedAlert = "Your browser does not support the enhanced functionality of this website, and therefore you will have an experience that differs from the intended one.\n";
    this.requestFile = file;
    this.method = "POST";
    this.URLString = "";
    this.encodeURIString = true;
    this.execute = false;

    this.onLoading = function() { };
    this.onLoaded = function() { };
    this.onInteractive = function() { };
    this.onCompletion = function() {  };

    this.createAJAX = function() {
        try {
            this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (err) {
                this.xmlhttp = null;
            }
        }
        if (!this.xmlhttp && typeof XMLHttpRequest != "undefined")
            this.xmlhttp = new XMLHttpRequest();
        if (!this.xmlhttp) {
            this.failed = true;
        }
    };

    this.setVar = function(name, value) {
        if (this.URLString.length < 3) {
            this.URLString = name + "=" + value;
        } else {
            this.URLString += "&" + name + "=" + value;
        }
    }

    this.encVar = function(name, value) {
        var varString = encodeURIComponent(name) + "=" + encodeURIComponent(value);
        return varString;
    }

    this.encodeURLString = function(string) {
        varArray = string.split('&');
        for (i = 0; i < varArray.length; i++) {
            urlVars = varArray[i].split('=');
            if (urlVars[0].indexOf('amp;') != -1) {
                urlVars[0] = urlVars[0].substring(4);
            }
            varArray[i] = this.encVar(urlVars[0], urlVars[1]);
        }
        return varArray.join('&');
    }

    this.runResponse = function() {
        eval(this.response);
    }

    this.runAJAX = function(urlstring) {
        this.responseStatus = new Array(2);
        if (this.failed && this.AjaxFailedAlert) {
            alert(this.AjaxFailedAlert);
        } else {
            if (urlstring) {
                if (this.URLString.length) {
                    this.URLString = this.URLString + "&" + urlstring;
                } else {
                    this.URLString = urlstring;
                }
            }
            if (this.encodeURIString) {
                var timeval = new Date().getTime();
                this.URLString = this.encodeURLString(this.URLString);
                this.setVar("rndval", timeval);
            }
            if (this.element) { this.elementObj = document.getElementById(this.element); }
            if (this.xmlhttp) {
                var self = this;
                if (this.method == "GET") {
                    var totalurlstring = this.requestFile + "?" + this.URLString;
                    this.xmlhttp.open(this.method, totalurlstring, true);
                } else {
                    this.xmlhttp.open(this.method, this.requestFile, true);
                }
                if (this.method == "POST") {
                    try {
                        this.xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
                    } catch (e) { }
                }

                this.xmlhttp.send(this.URLString);
                this.xmlhttp.onreadystatechange = function() {
                    switch (self.xmlhttp.readyState) {
                        case 1:
                            self.onLoading();
                            break;
                        case 2:
                            self.onLoaded();
                            break;
                        case 3:
                            self.onInteractive();
                            break;
                        case 4:
                            self.response = self.xmlhttp.responseText;
                            self.responseXML = self.xmlhttp.responseXML;
                            self.responseStatus[0] = self.xmlhttp.status;
                            self.responseStatus[1] = self.xmlhttp.statusText;
                            self.onCompletion();
                            if (self.execute) { self.runResponse(); }
                            if (self.elementObj) {
                                var elemNodeName = self.elementObj.nodeName;
                                elemNodeName.toLowerCase();
                                if (elemNodeName == "input" || elemNodeName == "select" || elemNodeName == "option" || elemNodeName == "textarea") {
                                    self.elementObj.value = self.response;
                                } else {
                                    self.elementObj.innerHTML = self.response;
                                }
                            }
                            self.URLString = "";
                            break;
                    }
                };
            }
        }
    };
    
    this.createAJAX();
}