// common cachesets
var commonImages = new Array(
        "tab_about_us_over.gif",
        "tab_reds_over.gif",
        "tab_whites_over.gif",
        "tab_champagne_over.gif",
        "tab_gift_package_over.gif",
        "tab_contact_us_over.gif"
        );

// custom cachesets
var customImg = new Array();

customImg["clipit"] = new Array(
        "bt_reverse_over.gif",
        "bt_pause_over.gif",
        "bt_forward_over.gif",
        "bt_off_over.gif",
        "arrow_top_scroll_over.gif",
        "arrow_bottom_scroll_over.gif",
        "bt_clip_it_over.gif",
        "bt_done_over.gif"
        );

customImg["dashboard"] = new Array(
        "bt_reverse_over.gif",
        "bt_pause_over.gif",
        "bt_forward_over.gif",
        "bt_off_over.gif",
        "arrow_top_scroll_over.gif",
        "arrow_bottom_scroll_over.gif",
        "bt_edit_sm_over.gif",
        "ico_delete_sm_over.gif",
        "dropdown_arrow_front_over.gif"
        );

customImg["frontpage"] = new Array(
        "bt_try_it_now_over.gif",
        "bt_go_to_homepage_over.gif"
        );

customImg["manage"] = new Array(
        "bt_reverse_over.gif",
        "bt_pause_over.gif",
        "bt_forward_over.gif",
        "bt_off_over.gif",
        "arrow_top_scroll_over.gif",
        "arrow_bottom_scroll_over.gif",
        "bt_edit_sm_over.gif",
        "ico_delete_sm_over.gif",
        "dropdown_arrow_front_over.gif"
        );

customImg["shareit"] = new Array(
        "bt_edit_over.gif",
        "ico_delete_over.gif",
        "bt_invite_someone_over.gif",
        "bt_notify_now_over.gif"
        );

customImg["upload"] = new Array(
        "dropdown_arrow_over.gif",
        "bt_clip_it_over.gif"
        );

function cacheImages(images) {
    var page = document.getElementById("page");
    var c = document.createElement("div");
    c.id = "cache";
    page.appendChild(c);
    // for each value in array, add caching div for that image
    var divs = "";
    // build custom cache divs
    for (var x in images) {
        divs = divs + cache(images[x]);
    }
    // build common cache divs
    for (x in commonImages) {
        divs = divs + cache(commonImages[x])
    }
    // write to cache container
    document.getElementById("cache").innerHTML = divs;  
}

function cache(imagename) {
    // build cache div
    return "<div style='background-image: url( img/" + imagename + " );'></div>";

}

function init() {
    cacheImages(customImg[p]);
}

window.onload = init;