function catChanged() {

    var sel = document.questions.category;
    var category = sel.options[sel.selectedIndex].value;

    getDesigns(category)
}

function getDesigns(category) {
    
    //document.getElementById("sendOption").innerHTML = which;
    try {
        xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {

    }

    xmlhttp.onreadystatechange = triggeredDesigns;
    var queryString = "designs.aspx?category=" + category ;
    xmlhttp.open("GET", queryString);
    xmlhttp.send(null);
}

function triggeredDesigns() {
    if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {
        var designs = xmlhttp.responseText.split(',');
        for (var i = 0; i < designs.length; i++) {
            var e = document.getElementById('design' + (i + 1));
            //var sHref = e.href;
            //sHref = sHref.substring(0, sHref.indexOf("?"));
            //sHref += '?SelectedDesign=' + designs[i];
            //document.getElementById('design' + (i + 1)).href = sHref;
            e.title = designs[i];
            document.getElementById('design' + (i + 1)).innerHTML = "<img src='images/designs/" + designs[i] + ".gif' alt='' />"
        }
    }
}
function catChangedFB(page) {
    var sel = document.questions.category;
    var album = sel.options[sel.selectedIndex].value;
    getDesignsFB(album, page)
}
function getDesignsFB(album, page) {

    //document.getElementById("sendOption").innerHTML = which;
    try {
        xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {

    }
    
    var vid=document.getElementById('vid').value;
    var sid=document.getElementById('sid').value;

    xmlhttp.onreadystatechange = triggeredDesignsFB;
    var queryString = "designsFB.aspx?album=" + album + "&page=" + page + "&sid=" + sid + "&vid=" + vid;
    xmlhttp.open("GET", queryString);
    xmlhttp.send(null);
}

function triggeredDesignsFB() {
    document.getElementById('fbImages').innerHTML = "";
    var vid=document.getElementById('vid').value;
    var sid = document.getElementById('sid').value;

    document.getElementById('pagelinks').innerHTML = "";

//    for (var i = 0; i < 10; i++) {
//        document.getElementById('fbdesign' + (i + 1)).href = "";
//        document.getElementById('fbdesign' + (i + 1)).innerHTML = "";
//    }


    if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {

        var res = xmlhttp.responseText.split('+');
        var curpage = res[0];
        var totalpage = res[1];

        var designs = res[2].split(',');


        for (var i = 0; i < designs.length; i++) {
            var p = designs[i].split('|');
//            var e = document.getElementById('fbdesign' + (i + 1));
//            var sHref = e.href;
//            sHref = sHref.substring(0, sHref.indexOf("?"));
//            sHref += '?photo=' + p[0];
//            document.getElementById('fbdesign' + (i + 1)).href = sHref;
//            document.getElementById('fbdesign' + (i + 1)).innerHTML = "<img src='" + p[1] + "' alt='' />"
            nr = i+1;
            document.getElementById('fbImages').innerHTML += "<li class='button'><a href='#' title='" + p[0] + "' id='fbdesign" + nr + "' class='click'><img src='" + p[1] + "' alt='' /></a></li>"
            
            doClick()
        }

        var links = "";
        for (var i = 1; i <= totalpage; i++) {
            if (totalpage > 1) {
                if (i == 11) { links += "<BR />"; }

                if (i != curpage) {
                    if (i > 1) {
                        links += "&nbsp;" + "<a href='javascript:catChangedFB(" + i + ");'>" + i + "</a>";
                    } else {
                        links += "<a href='javascript:catChangedFB(" + i + ");'>" + i + "</a>";
                    }
                } else {
                    if (i > 1) {
                        links += "&nbsp;" + i;
                    } else {
                        links += i;
                    }
                }
            }
            document.getElementById('pagelinks').innerHTML = links;
        }
    }
}



function countryChanged() {

    var sel = document.questions.country;
    var country = sel.options[sel.selectedIndex].value;

    getDepartures(country)
}

function getDepartures(country) {

    //document.getElementById("sendOption").innerHTML = which;
    try {
        xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {

    }

    xmlhttp.onreadystatechange = triggeredDepartures;
    var queryString = "designs.aspx?country=" + country;
    xmlhttp.open("GET", queryString);
    xmlhttp.send(null);
}



function getBigImage(imageID) {

    //document.getElementById("sendOption").innerHTML = which;
    
    try {
        xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {

    }

    xmlhttp.onreadystatechange = triggeredImage;
    var queryString = "designsFB.aspx?iid=" + imageID;
    xmlhttp.open("GET", queryString);
    xmlhttp.send(null);
    //document.getElementById('fotogroot').innerHTML = " <span class='namefotogroot' id='fotonaam'>&nbsp;</span><img src='images/facebook/fb_loader.gif' alt='' />"
}

function triggeredImage() {
        document.getElementById('fotogroot').innerHTML = "";


    if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) {

        var designs = xmlhttp.responseText.split('|');

        document.getElementById('fotogroot').innerHTML = " <span class='namefotogroot' id='fotonaam'>" + designs[1] + "</span><img src='http://images.icecards.com/gallery/456/" + designs[0] + "' alt='' height='165' width='255'  />"
                                   

    }
}


function klmClick(sessionID, valID) {
    
    //document.getElementById("sendOption").innerHTML = which;
    try {
        xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {

    }

    
    var queryString = "designs.aspx?out=1&sid=" + sessionID + "&vid=" + valID  ;
    xmlhttp.open("GET", queryString);
    xmlhttp.send(null);
}