// Preload the gallery images

// New
var new1 = new Image(520,355); new1.src = "images/photo-gallery/new1.jpg";
var new2 = new Image(520,355); new2.src = "images/photo-gallery/new2.jpg";
var new3 = new Image(520,355); new3.src = "images/photo-gallery/new3.jpg";
var new4 = new Image(520,355); new4.src = "images/photo-gallery/new4.jpg";
var new5 = new Image(520,355); new5.src = "images/photo-gallery/new5.jpg";
var new6 = new Image(520,355); new6.src = "images/photo-gallery/new6.jpg";
var new7 = new Image(520,355); new7.src = "images/photo-gallery/new7.jpg";
var new8 = new Image(520,355); new8.src = "images/photo-gallery/new8.jpg";
var new9 = new Image(520,355); new9.src = "images/photo-gallery/new9.jpg";
var new10 = new Image(520,355); new10.src = "images/photo-gallery/new10.jpg";

// Modern Class
var mc1 = new Image(520,355); mc1.src = "images/photo-gallery/mc1.jpg";
var mc2 = new Image(520,355); mc2.src = "images/photo-gallery/mc2.jpg";
var mc3 = new Image(520,355); mc3.src = "images/photo-gallery/mc3.jpg";
var mc4 = new Image(520,355); mc4.src = "images/photo-gallery/mc4.jpg";
var mc5 = new Image(520,355); mc5.src = "images/photo-gallery/mc5.jpg";
var mc6 = new Image(520,355); mc6.src = "images/photo-gallery/mc6.jpg";
var mc7 = new Image(520,355); mc7.src = "images/photo-gallery/mc7.jpg";
var mc8 = new Image(520,355); mc8.src = "images/photo-gallery/mc8.jpg";
var mc9 = new Image(520,355); mc9.src = "images/photo-gallery/mc9.jpg";
var mc10 = new Image(520,355); mc10.src = "images/photo-gallery/mc10.jpg";

// Irrisistibly Urban
var iu1 = new Image(520,355); iu1.src = "images/photo-gallery/iu1.jpg";
var iu2 = new Image(520,355); iu2.src = "images/photo-gallery/iu2.jpg";
var iu3 = new Image(520,355); iu3.src = "images/photo-gallery/iu3.jpg";
var iu4 = new Image(520,355); iu4.src = "images/photo-gallery/iu4.jpg";
var iu5 = new Image(520,355); iu5.src = "images/photo-gallery/iu5.jpg";
var iu6 = new Image(520,355); iu6.src = "images/photo-gallery/iu6.jpg";
var iu7 = new Image(520,355); iu7.src = "images/photo-gallery/iu7.jpg";
var iu8 = new Image(520,355); iu8.src = "images/photo-gallery/iu8.jpg";
var iu9 = new Image(520,355); iu9.src = "images/photo-gallery/iu9.jpg";
var iu10 = new Image(520,355); iu10.src = "images/photo-gallery/iu10.jpg";
var iu11 = new Image(520,355); iu11.src = "images/photo-gallery/iu11.jpg";

// Decadently Detailed
var dd1 = new Image(520,355); dd1.src = "images/photo-gallery/dd1.jpg";
var dd2 = new Image(520,355); dd2.src = "images/photo-gallery/dd2.jpg";
var dd3 = new Image(520,355); dd3.src = "images/photo-gallery/dd3.jpg";
var dd4 = new Image(520,355); dd4.src = "images/photo-gallery/dd4.jpg";
var dd5 = new Image(520,355); dd5.src = "images/photo-gallery/dd5.jpg";
var dd6 = new Image(520,355); dd6.src = "images/photo-gallery/dd6.jpg";
var dd7 = new Image(520,355); dd7.src = "images/photo-gallery/dd7.jpg";
var dd8 = new Image(520,355); dd8.src = "images/photo-gallery/dd8.jpg";
var dd9 = new Image(520,355); dd9.src = "images/photo-gallery/dd9.jpg";

// Effortless Elegance
var ee1 = new Image(520,355); ee1.src = "images/photo-gallery/ee1.jpg";
var ee2 = new Image(520,355); ee2.src = "images/photo-gallery/ee2.jpg";
var ee3 = new Image(520,355); ee3.src = "images/photo-gallery/ee3.jpg";
var ee4 = new Image(520,355); ee4.src = "images/photo-gallery/ee4.jpg";
var ee5 = new Image(520,355); ee5.src = "images/photo-gallery/ee5.jpg";
var ee6 = new Image(520,355); ee6.src = "images/photo-gallery/ee6.jpg";
var ee7 = new Image(520,355); ee7.src = "images/photo-gallery/ee7.jpg";
var ee8 = new Image(520,355); ee8.src = "images/photo-gallery/ee8.jpg";
var ee9 = new Image(520,355); ee9.src = "images/photo-gallery/ee9.jpg";
var ee10 = new Image(520,355); ee10.src = "images/photo-gallery/ee10.jpg";
var ee11 = new Image(520,355); ee11.src = "images/photo-gallery/ee11.jpg";
var ee12 = new Image(520,355); ee12.src = "images/photo-gallery/ee12.jpg";

// Purely Romantic
var pr1 = new Image(520,355); pr1.src = "images/photo-gallery/pr1.jpg";
var pr2 = new Image(520,355); pr2.src = "images/photo-gallery/pr2.jpg";
var pr3 = new Image(520,355); pr3.src = "images/photo-gallery/pr3.jpg";
var pr4 = new Image(520,355); pr4.src = "images/photo-gallery/pr4.jpg";
var pr5 = new Image(520,355); pr5.src = "images/photo-gallery/pr5.jpg";
var pr6 = new Image(520,355); pr6.src = "images/photo-gallery/pr6.jpg";
var pr7 = new Image(520,355); pr7.src = "images/photo-gallery/pr7.jpg";
var pr8 = new Image(520,355); pr8.src = "images/photo-gallery/pr8.jpg";
var pr9 = new Image(520,355); pr9.src = "images/photo-gallery/pr9.jpg";
var pr10 = new Image(520,355); pr10.src = "images/photo-gallery/pr10.jpg";
var pr11 = new Image(520,355); pr11.src = "images/photo-gallery/pr11.jpg";

// Blissfully Banff
var bb1 = new Image(520,355); bb1.src = "images/photo-gallery/bb1.jpg";
var bb2 = new Image(520,355); bb2.src = "images/photo-gallery/bb2.jpg";
var bb3 = new Image(520,355); bb3.src = "images/photo-gallery/bb3.jpg";
var bb4 = new Image(520,355); bb4.src = "images/photo-gallery/bb4.jpg";
var bb5 = new Image(520,355); bb5.src = "images/photo-gallery/bb5.jpg";
var bb6 = new Image(520,355); bb6.src = "images/photo-gallery/bb6.jpg";
var bb7 = new Image(520,355); bb7.src = "images/photo-gallery/bb7.jpg";
var bb8 = new Image(520,355); bb8.src = "images/photo-gallery/bb8.jpg";
var bb9 = new Image(520,355); bb9.src = "images/photo-gallery/bb9.jpg";
var bb10 = new Image(520,355); bb10.src = "images/photo-gallery/bb10.jpg";
//var bb11 = new Image(520,355); bb11.src = "images/photo-gallery/bb11.jpg";

// Graciously Grand
var gg1 = new Image(520,355); gg1.src = "images/photo-gallery/gg1.jpg";
var gg2 = new Image(520,355); gg2.src = "images/photo-gallery/gg2.jpg";
var gg3 = new Image(520,355); gg3.src = "images/photo-gallery/gg3.jpg";
var gg4 = new Image(520,355); gg4.src = "images/photo-gallery/gg4.jpg";
var gg5 = new Image(520,355); gg5.src = "images/photo-gallery/gg5.jpg";
var gg6 = new Image(520,355); gg6.src = "images/photo-gallery/gg6.jpg";
var gg7 = new Image(520,355); gg7.src = "images/photo-gallery/gg7.jpg";
var gg8 = new Image(520,355); gg8.src = "images/photo-gallery/gg8.jpg";
var gg9 = new Image(520,355); gg9.src = "images/photo-gallery/gg9.jpg";
var gg10 = new Image(520,355); gg10.src = "images/photo-gallery/gg10.jpg";
var gg11 = new Image(520,355); gg11.src = "images/photo-gallery/gg11.jpg";
var gg12 = new Image(520,355); gg12.src = "images/photo-gallery/gg12.jpg";




// Amazingly Lightweight Function for Corss Fade Comes From here:
// http://brainerror.net/scripts/javascript/blendtrans/

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

    //make image transparent
    changeOpac(0, imageid);

    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}