function expandCollapse() {
	for (var i=0; i<expandCollapse.arguments.length; i++) {
		var element = document.getElementById(expandCollapse.arguments[i]);
		element.style.display = (element.style.display == "none") ? "block" : "none";
	}
}

var MT = function() {
	this.ie = (document.all && !window.opera);
	this.safari = /Safari/.test(navigator.userAgent);
	this.geckoMac = /Macintosh.+rv:1\.[0-8].+Gecko/.test(navigator.userAgent);
};
mt = new MT();

MTPS = function () {
	var d = document, w = window, iebody = d.compatMode && d.compatMode != 'BackCompat' 
		? d.documentElement : d.body;	
		
	var b = d.body;
	var xScroll = (w.innerWidth && w.scrollMaxX) 
			? w.innerWidth + w.scrollMaxX : Math.max(b.scrollWidth, b.offsetWidth),
		yScroll = (w.innerHeight && window.scrollMaxY) 
			? w.innerHeight + w.scrollMaxY : Math.max(b.scrollHeight, b.offsetHeight),
		pageWidth = mt.ie ? iebody.scrollWidth :
			(d.documentElement.clientWidth || self.innerWidth),
      	pageHeight = mt.ie ? Math.max(iebody.scrollHeight, iebody.clientHeight) : 
			(d.documentElement.clientHeight || self.innerHeight);
	
	var width = mt.ie ? iebody.clientWidth : 
			(d.documentElement.clientWidth || self.innerWidth),
		height = mt.ie ? iebody.clientHeight : self.innerHeight;
	
	return {
		pageWidth: Math.max(pageWidth, xScroll),
		pageHeight: Math.max(pageHeight, yScroll),
		width: width,
		height: height,		
		scrollLeft: mt.ie ? iebody.scrollLeft : pageXOffset,
		scrollTop: mt.ie ? iebody.scrollTop : pageYOffset
	}
};


function resizePageImage(obj) {
	var pageimage = (!window.obj) ? document.getElementById('wrapper-page-image') : obj;

	if (pageimage) {
		var width = MTPS().width;
		var height = MTPS().height;
		var w = pageimage.width;
		var h = pageimage.height;
		var r = w / h;
		if (width/r < height) {
			h = height;
			w = h * r;
		} else if (height*r < width) {
			w = width;
			h = w / r;
		} else {
			//alert("i have a problem");
		}
		pageimage.width = w;
		pageimage.height = h;
		var pip = pageimage.parentNode;
		pip.style.width = w;
		pip.style.height = h;
	
	}
}

function showPageImage() {

	var pageimage = null;
	try {
		pageimage = document.getElementById('wrapper-page-image');
		try {
			var bgFx = new Fx.Style(pageimage, 'opacity').set(0);
		} catch (e) {}
		pageimage.onload = function() {
			resizePageImage(pageimage);
			try {
				var bgFx = new Fx.Style(pageimage, 'opacity',{duration:2000}).start(0,1);
			} catch (e) {
			}
		};
	} catch (e) {}
	
	try {
		windows.addEventListener('resize', resizePageImage, false);
	} catch (e) {
		try {
			window.detachEvent('onresize', resizePageImage);
			window.attachEvent('onresize', resizePageImage);
		} catch (e) {
			window['onresize'] = resizePageImage;
		}
	} 
}