function retrieveModels(manu) {
    jQuery.ajax({ url: "../ScriptService.asmx/GetAllModels", data: '{"manufacturer":"' + manu + '"}', success: popModels, type: "POST", contentType: "application/json; charset=utf-8", dataType: "json" });
}

function popModels(list) {
    list = list.d;
    var select = document.getElementsByName("models")[0];

    select.innerHTML = "";
    for (var i = 0; i < list.length; i++) {
        var op = document.createElement("option");
        op.value = list[i].ID;
        op.innerHTML = list[i].ModelName;
        op.code = list[i].PartCode;
        select.appendChild(op);
    }
    retrieveModelImages(list[0].ID);
}

function retrieveModelImages(modelid) {
    jQuery.ajax({ url: "../ScriptService.asmx/GetModelImages", data: '{"idx":"0", "modelid":"' + modelid + '"}', success: popImages, type: "POST", contentType: "application/json; charset=utf-8", dataType: "json" });
};

function popImages(data) {
    data = data.d;
    var list = data.Images;
    var elm = document.getElementById("imagelist" + data.Index);
    var select = document.getElementsByName("models")[0];
    var title = select.options.item(select.selectedIndex).innerHTML;

    elm.innerHTML = "";
    for (var i = 0; i < list.length; i++) {
        elm.innerHTML += "<a href='../images/models/" + list[i].ID + ".jpg' rel='model' title='" + list[i].Comment + "'>" + (i == 0 ? "Click here to view images." : "") + "</a>";
    }

    if (list.length == 0)
        elm.innerHTML = "There are no images for this model.";
    else
        $("a[rel=model]").fancybox({ titlePosition: "inside" });
};