preload = function() {
	preload_image_object = new Image();

	// set image url
	image_url = new Array();
	// bathrooms
	image_url[0] = "images/ga1_bathrooms-1.jpg";
	image_url[1] = "images/gal_bathrooms-2.jpg";
	image_url[2] = "images/gal_bathrooms-3.jpg";
	image_url[3] = "images/gal_bathrooms-4.jpg";
	image_url[4] = "images/gal_bathrooms-5.jpg";
	image_url[5] = "images/gal_bathrooms-6.jpg";
	image_url[6] = "images/gal_bathrooms-7.jpg";
	image_url[7] = "images/gal_bathrooms-8.jpg";
	image_url[8] = "images/gal_bathrooms-9.jpg";
	image_url[9] = "images/gal_bathrooms-10.jpg";

	// bedrooms
	image_url[10] = "../images/bedrooms/gal_bedrooms-1.jpg";
	image_url[11] = "../images/bedrooms/gal_bedrooms-2.jpg";
	image_url[12] = "../images/bedrooms/gal_bedrooms-3.jpg";
	image_url[13] = "../images/bedrooms/gal_bedrooms-4.jpg";
	image_url[14] = "../images/bedrooms/gal_bedrooms-5.jpg";
	image_url[15] = "../images/bedrooms/gal_bedrooms-6.jpg";
	image_url[16] = "../images/bedrooms/gal_bedrooms-7.jpg";
	image_url[17] = "../images/bedrooms/gal_bedrooms-8.jpg";
	image_url[18] = "../images/bedrooms/gal_bedrooms-9.jpg";
	image_url[19] = "../images/bedrooms/gal_bedrooms-10.jpg";

	//kitchens
	image_url[20] = "../images/kitchens/gal_kitchens-1.jpg";
	image_url[21] = "../images/kitchens/gal_kitchens-2.jpg";
	image_url[22] = "../images/kitchens/gal_kitchens-3.jpg";
	image_url[23] = "../images/kitchens/gal_kitchens-4.jpg";
	image_url[24] = "../images/kitchens/gal_kitchens-5.jpg";
	image_url[25] = "../images/kitchens/gal_kitchens-6.jpg";
	image_url[26] = "../images/kitchens/gal_kitchens-7.jpg";
	image_url[27] = "../images/kitchens/gal_kitchens-8.jpg";
	image_url[28] = "../images/kitchens/gal_kitchens-9.jpg";
	image_url[29] = "../images/kitchens/gal_kitchens-10.jpg";
	image_url[30] = "../images/kitchens/gal_kitchens-11.jpg";

	var i = 0;
	for(i=0; i<=30; i++)
	 preload_image_object.src = image_url[i];
}

toggle = function( room , index ) {
	var pic = new Image();
	pic.src = 'images/'+room+'/gal_'+room+'-'+index+'.jpg';

	if ( !isImageOk(pic.src) ) {
		document.getElementById('bigImage').style.display = 'block';
		document.getElementById('bigImage').src = pic.src;
	} else {
		document.getElementById('bigImage').style.display = 'none';
	}
}

function isImageOk(img) {
    // During the onload event, IE correctly identifies any images
    // that weren't downloaded as not complete. Others should too.
    // Gecko-based browsers act like NS4 in that they report this
    // incorrectly: they always return true.
    if (!img.complete) {
        return false;
    }

    // However, they do have two very useful properties: naturalWidth
    // and naturalHeight. These give the true size of the image. If
    // it failed to load, either of these should be zero.
    if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) {
        return false;
    }

    // No other way of checking: assume it's ok.
    return true;
}

/**********************************************
       DETECTING CLIENT'S BROWSER NAME
**********************************************/
var detect = navigator.userAgent.toLowerCase();
var os_ = navigator.platform.toLowerCase();
var browser,thestring;

if (checkIt('safari')) browser = "Safari"
else browser = "not Safari"

if ( os_ == 'macppc' ) os = "Mac"
else os = "not Mac"

if ( os_ == 'macppc' && checkIt('firefox')) os = "FF/Mac"

function checkIt(string)
{
	place = detect.indexOf(string) + 1;
	thestring = string;
	return place;
}

window.onload = preload;