var arr_loadedimages = [];
var TIMEOUT_AMOUNT = 250;
arr_paddingtop = [];
arr_paddingtop["small"] = 5;
arr_paddingtop["med"] = 4;
arr_paddingtop["lar"] = 7;
var size = "";
var arr_remembered_galleryinnerpaddings = [];

//find out which size and set specific attributes
if (screen.width >= 1500) {
	size="lar";
} else if (screen.width >= 1200) {
	size="med";
} else {
	size="small";
}

//size = "lar";

//set class of main wrapper so that current size rules will cascade
document.getElementById("wrapper1").className = "wrapper1 " + size;

//homelink is outside wrapper
if (size != "small") { document.getElementById("homelink").id = size + "_homelink"; }

//resize links
for (var i = 1; i <= 7; i++) {
	addsize = (size == "small" ? "" : (size + "_"));
	offsrc = "img/all/links/" + addsize + "link" + i + "_off.jpg";
	document.getElementById("l" + i).style.backgroundImage = "url(" + offsrc + ")";
	document.getElementsByName("link" + i)[0].src = offsrc; //needed??!?
}

//now (tediously) set all body attributes - you can't set body classname as with just above
//Also initialise rollovers
switch (size) {
	case "small":
		JSFX.Rollover("link1", "img/all/links/link1_on.jpg");
		JSFX.Rollover("link2", "img/all/links/link2_on.jpg");
		JSFX.Rollover("link3", "img/all/links/link3_on.jpg");
		JSFX.Rollover("link4", "img/all/links/link4_on.jpg");
		JSFX.Rollover("link5", "img/all/links/link5_on.jpg");
		JSFX.Rollover("link6", "img/all/links/link6_on.jpg");
		JSFX.Rollover("link7", "img/all/links/link7_on.jpg");
		break;
	case "med":
		document.body.style.backgroundImage = "url(img/all/med_backtop.jpg)";
		JSFX.Rollover("link1", "img/all/links/med_link1_on.jpg");
		JSFX.Rollover("link2", "img/all/links/med_link2_on.jpg");
		JSFX.Rollover("link3", "img/all/links/med_link3_on.jpg");
		JSFX.Rollover("link4", "img/all/links/med_link4_on.jpg");
		JSFX.Rollover("link5", "img/all/links/med_link5_on.jpg");
		JSFX.Rollover("link6", "img/all/links/med_link6_on.jpg");
		JSFX.Rollover("link7", "img/all/links/med_link7_on.jpg");
		break;
	case "lar":
		document.body.style.backgroundImage = "url(img/all/lar_backtop.jpg)";
		JSFX.Rollover("link1", "img/all/links/lar_link1_on.jpg");
		JSFX.Rollover("link2", "img/all/links/lar_link2_on.jpg");
		JSFX.Rollover("link3", "img/all/links/lar_link3_on.jpg");
		JSFX.Rollover("link4", "img/all/links/lar_link4_on.jpg");
		JSFX.Rollover("link5", "img/all/links/lar_link5_on.jpg");
		JSFX.Rollover("link6", "img/all/links/lar_link6_on.jpg");
		JSFX.Rollover("link7", "img/all/links/lar_link7_on.jpg");
		break;
}

//now go through all images with varsize attribute and change their src to [size]_[name_in_code].[ext]
var els = getElementsByClassName(document, "*", "varsize");
for (var key = 0; key < els.length; key++) {
	var str = els[key].src;
	var i = str.lastIndexOf("/");
	var filename = str.substr(i + 1);
	if (filename.indexOf("NOLOAD_") > -1) {
		filename = filename.substr(7);
		if (size == "small") {
			els[key].src = str.substr(0, i + 1) + filename;
		}
	}
	if (size != "small") {
		els[key].src = str.substr(0, i + 1) + size + "_" + filename;
	}
	var tempi = new Image();
	tempi.src = els[key].src;
	arr_loadedimages[els[key].src] = tempi;
}

//for each gallery, size everything as necessary
var els_gallery = getElementsByClassName(document, "*", "gallery");
for (var key = 0; key < els_gallery.length; key++) {
	var curr_number = els_gallery[key].id.substr(4);
	var bigimg_url = document.getElementById("img_" + curr_number).src;
	var cirimg_url = document.getElementById("cir_" + curr_number).src;
	var bool_lr = true;
	if ((key % 2) == 1) {
		addclass(els_gallery[key], "gright");
		bool_lr = false;
	}
	rep_bigimg(curr_number, bigimg_url, bool_lr);
	rep_cirimg(curr_number, cirimg_url, bool_lr);
	setInterval("rep_bigimg('" + curr_number + "', '" + bigimg_url + "', " + booltostring(bool_lr) + ");", 5000);
	setInterval("rep_cirimg('" + curr_number + "', '" + cirimg_url + "', " + booltostring(bool_lr) + ");", 5000);
}





if (get_browser_name() == "Firefox") {
	var arr = getElementsByClassName(document, "*", "pright");
	for (var key = 0; key < arr.length; key++) {
		arr[key].style.textAlign = "-moz-right";
	}
}




function rep_bigimg(curr_number, bigimg_url, bool_leftright) {
	if (arr_loadedimages[bigimg_url].complete) {
		var bigimg = arr_loadedimages[bigimg_url];
		document.getElementById("rpanel_" + curr_number).style.height = bigimg.height + "px";
		document.getElementById("gc2_" + curr_number).style.height = bigimg.height + "px";
		document.getElementById("r1_" + curr_number).style.paddingTop = (bigimg.height * ((get_first_numeric_string(getstyle(document.getElementById("pti_" + curr_number)).top)*1) / 100)) + "px";
		document.getElementById("rt5_" + curr_number).style.height =
		(
				(
					  bigimg.height * ((get_first_numeric_string(getstyle(document.getElementById("sti_" + curr_number)).height)*1) / 100)
				)
			-	(
					  get_first_numeric_string(getstyle(document.getElementById("r1_" + curr_number)).paddingTop)*1
					+ arr_paddingtop[size]
				)
		)
		+ "px";
		if (bool_leftright == true) {
			document.getElementById("r2_" + curr_number).style.paddingLeft = bigimg.width + "px";
			document.getElementById("cir_" + curr_number).style.left = (bigimg.width - (bigimg.width * ((get_first_numeric_string(getstyle(document.getElementById("cli_" + curr_number)).left)*1) / 100))) + "px";
		} else {			
			document.getElementById("img_" + curr_number).style.left = "-" + bigimg.width + "px";
			document.getElementById("r2_" + curr_number).style.paddingRight = bigimg.width + "px";;
			document.getElementById("cir_" + curr_number).style.left = ((bigimg.width * ((get_first_numeric_string(getstyle(document.getElementById("cli_" + curr_number)).left)*1) / 100)) - bigimg.width) + "px";
		}
	} else {
		setTimeout("rep_bigimg('" + curr_number + "', '" + bigimg_url + "', " + booltostring(bool_leftright) + ");", TIMEOUT_AMOUNT);
	}
}

function rep_cirimg(curr_number, cirimg_url, bool_leftright) {
	if (arr_loadedimages[cirimg_url].complete) {
		cirimg = arr_loadedimages[cirimg_url];
		if (bool_leftright == false) {			
			document.getElementById("cir_" + curr_number).style.left = get_first_numeric_string(getstyle(document.getElementById("cir_" + curr_number)).left) - cirimg.width + "px";
		}
	} else {
		setTimeout("rep_cirimg('" + curr_number + "', '" + cirimg_url + "', " + booltostring(bool_leftright) + ");", TIMEOUT_AMOUNT);
	}
}