////////////////////////////////////////////////////////////////////////////////
// GLOBAL VARS

var imgs;
var server = "10.0.2.1";
var expandableImages = new Array();
var currentImage = 0;


////////////////////////////////////////////////////////////////////////////////
// FUNCTIONS

function expandToDisplay(type, contentURL, w, h) {
	// picture obj in parent frame
	var obj = parent.getRawObject('content-right');
	var tag = "";
	switch (type) {
		case "jpg":
			tag = '<img src="' + contentURL + '" alt="Display Content"/>';
			break;
		case "gif":
			tag = '<img src="' + contentURL + '" alt="Display Content"/>';
			break;
		case "movie":
			h += 16; // add height padding
			tag = '<object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="' + w + '" height="' + h + '" codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="http://' + server + '/2x4/web/0.6/' + contentURL + '"><param name="controller" value="true"><param name="pluginspage" value="http://www.apple.com/quicktime/download/"><embed width="' + w + '" height="' + h + '" controller="true"  src="http://' + server + '/2x4/web/0.6/' + contentURL + '" bgcolor="ffffff" border="0" pluginspage="http://www.apple.com/quicktime/download/indext.html"><' + '/embed><' + '/object>';
			break;
	}
	// add close button (clearContent() in mud_Scripts.js)
	//tag += '<br /><a href="#" onclick="clearContent(); return false;">--&gt; close<' + '/a>';
	obj.style.display = "block";
	obj.innerHTML = tag;
}

////////////////////////////////////////////////////////////////////////////////
// INIT

function mudInit() {
	initDHTMLAPI();
	// images gallery
	imgs = new MudShiftContent('imgs', 800, 16);
	// increase fontsize for PC
	if (!isMac) getObject('body').fontSize = "11px";
	// turn off initial image
	getObject('initialImage').visibility = "hidden";
	// show image scroller
	getObject('imgs').visibility = "visible";
	//change loading to navigation
	var obj = getRawObject('galleryNav');
	obj.innerHTML = '<div class="galshifter"><a href="javascript:void(\'\');" onclick="imgs.move(\'prev\'); toggleBig(\'prev\'); return false;">previous<\/a> \/ <a href="javascript:void(\'\');" onclick="imgs.move(\'next\'); toggleBig(\'next\'); return false;">next<\/a></div>';
	//create JS array of which images are expandable
	expandableImages = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
}

// events
// gecko, safari, konqueror and generic
if (typeof window.addEventListener != 'undefined') {
	window.addEventListener('load', mudInit, false);
}
// opera 7
else if (typeof document.addEventListener != 'undefined') {
	document.addEventListener('load', mudInit, false);
}
// win/ie
else if (typeof window.attachEvent != 'undefined') {
	window.attachEvent("onload", mudInit);
}
// rest
else {
	window.onload = mudInit;
}

function toggleBig(dir) {
	switch (dir) {
		case "next":
			currentImage++;
			break;
			
		case "prev":
			currentImage--;
			break;
	}
	if (currentImage >= expandableImages.length) { currentImage=0; }
	if (currentImage < 0) { currentImage=expandableImages.length - 1; }
	if (expandableImages[currentImage]) {
		expandToDisplay(expandableImages[currentImage].substr(-3), expandableImages[currentImage])
	} else {
		var obj = parent.getRawObject('content-right');
		obj.innerHTML = "";
		obj.display = "none";
	}
	
}