var Models = new Array();
var CurModel = 1;

function FillModels(ModelsStr) {
    var ModelsImages = ModelsStr.split(";;;");
    for (i = 0; i < ModelsImages.length; i++) {
        if (ModelsImages[i] != "") {
            var ModelsImagesArray = ModelsImages[i].split(";"); 
            //model id; model name; image url; designer
            Models[i] = new Array();
            for (j = 0; j < ModelsImagesArray.length; j++) {
                if (j != 2)
                    Models[i][j] = ModelsImagesArray[j];
                else {
                    Models[i][2] = new Image();
                    if (ModelsImagesArray[2].substring(0, 2) == "~/")
                        Models[i][2].src = ModelsImagesArray[2].substring(2);
                    else Models[i][2].src = ModelsImagesArray[2];
                }
            }
        }
    }
}

function ShowCurModel() {
    document.images["ctl00_Body_FavouriteModel_ModelImage"].src = 
                Models[CurModel][2].src;
    ModelName = document.getElementById("ctl00_Body_FavouriteModel_ModelName");
    ModelName.innerHTML = Models[CurModel][1];
    ModelLink = document.getElementById("ctl00_Body_FavouriteModel_ModelLink");
    ModelLink.href = "Dress.aspx?name=" + Models[CurModel][1] + "&id=" + Models[CurModel][0];
    DesignerLink = document.getElementById("ctl00_Body_FavouriteModel_DesignerName");
    DesignerLink.href = "Designer.aspx?uname=" + Models[CurModel][3];
    DesignerLink.innerHTML = "By " + Models[CurModel][3];
    ToShoppingBagButton = document.getElementById("ctl00_Body_FavouriteModel_ToShoppingBagButton");
    ToShoppingBagButton.href = "Sizing.aspx?name=" + Models[CurModel][1] + "&id=" + Models[CurModel][0];
    if (CurModel+1 == Models.length)
        CurModel = 0;
    else CurModel++;
}