var request = null;

function createRequest(){
    try {
        request = new XMLHttpRequest();
    } catch (trymicrosoft) {
        try {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (othermicrosoft) {
            try {
                request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (failed) {
                request = null;
            }
        }
    }
}
//sDoWhat = add oder remove
//sID = UnterkunftsID oder PauschalenID
//sType = 'Unterkunft' oder 'Pauschale'
function merkzettel(sDoWhat, sID, sType) {
    createRequest();
    var url = "/ajaxMerkzettel/" + sDoWhat + "/" + sID + "/" +sType;
    if (request != null) { 
	    request.open("GET", url, true);
	    request.setRequestHeader("Pragma", "no-cache");
	    request.onreadystatechange = updatePageMerkzettel;
	    request.send(null);
    }
}

function updatePageMerkzettel(){
    try {
        if (request.readyState == 4) {
         var jsondata = eval('(' + request.responseText + ')');
           document.getElementById("link_merkzettel").innerHTML = "Mein Merkzettel ("+jsondata.liste.length +")";
           if (jsondata.liste.length > 0 ) {
             //document.getElementById("link_merkzettel_anfrage").style.visibility='visible';

             swapWithThis = "<p>\n";		//"<p>\n<b>" + jsondata.liste.length +"</b> Unterk&uuml;nft(e) gemerkt</p><br/>\n<p>"
             swapWithThis += "<div class='merkzettelauswahl'><a href=\"javascript:merkzettel('remove','all' ,'unterkunft');\"><b>&times;</b> - Merkzettel leeren</a></div>\n";
             for(i=0;i<jsondata.liste.length; i++){
               if ( window.location.search != '') {
                 searchString = window.location.search + "&";
               }
               else {
                 searchString = "?";
              }
              swapWithThis += "<div class='merkzettelauswahl'><a href='/hotel/" +jsondata.liste[i][0]+ "/" + searchString +"merkzettel=True'><b>" + jsondata.liste[i][1]+ "</b> : Details	&#187;</a> <br /> <a href=\"javascript:merkzettel('remove','"+ jsondata.liste[i][0]+"' ,'unterkunft');\"><b>&times;</b> -  aus der Merkliste entfernen </a></div>\n";
             }

             swapWithThis += "\n</p>";

           //Merkzettel hat max. Groesse erreicht
           if (jsondata.liste.length == 40 ) {
             swapWithThis += "<p class='merkzettelhead'>Es werden keine weiteren Unterk&uuml;nfte mehr gemerkt, da die maximale Anzahl (40) erreicht wurde.</p>\n";
           }
             document.getElementById("merkzettel_utk").innerHTML = swapWithThis;

            //Merkzettel oeffnen wenn Utk gemerkt und Zettel geschlossen
             actualStatus = document.getElementById('link_merkzettel').className;
             if(actualStatus == "close") {
                 toggleTab('merkzettel', 'link_merkzettel');
             }
         }
         else {
           //document.getElementById("link_merkzettel_anfrage").style.visibility='hidden';
           document.getElementById("merkzettel_utk").innerHTML = "<p>\n[ keine Unterk&uuml;nfte gemerkt ]</p>"
         }

        }
    }
    catch(ex) {
      // do nothing
      // nur wenn kein Merkzettel angezeigt wird
    }
}

function initializeMerkzettelOnPageLoad(){
  merkzettel('show', 4711, 'unterkunft');
}