window.addEvent('domready', function(){
	Fx.Morph = Fx.Styles.extend({
		start: function(className){
			var to = {};
			$each(document.styleSheets, function(style){
				var rules = style.rules || style.cssRules;
				$each(rules, function(rule){
					if (!rule.selectorText.test('\.' + className + '$')) return;
					Fx.CSS.Styles.each(function(style){
						if (!rule.style || !rule.style[style]) return;
						var ruleStyle = rule.style[style];
						to[style] = (style.test(/color/i) && ruleStyle.test(/^rgb/)) ? ruleStyle.rgbToHex() : ruleStyle;
					});
				});
			});
			return this.parent(to);
		}
	});
	Fx.CSS.Styles = ["opacity"];
	
	var section = document.body.className;
	window.sect = section;
	
	var pageurl = document.location.toString();
	var letters = (pageurl.charAt(pageurl.length -7) + pageurl.charAt(pageurl.length -6));
	window.code = letters;
	
	window.src1 = "../images/" + section + "-" + letters + "1.jpg";
	window.src2 = "../images/" + section + "-" + letters + "2.jpg";
	window.src3 = "../images/" + section + "-" + letters + "3.jpg";
	window.src4 = "../images/" + section + "-" + letters + "4.jpg";
	window.src5 = "../images/" + section + "-" + letters + "5.jpg";
	window.src6 = "../images/" + section + "-" + letters + "6.jpg";
	window.src7 = "../images/" + section + "-" + letters + "7.jpg";
	
	$('thumbnail').src = src1;
	$('showcase').src = src1;
	$('plus3').style.display = "block";
	$('plus3').style.top = "357px";
	
	var element = document.createElement('img');
	element.id = "th1";
	$('thumbs').appendChild(element);
	
	var howmany = $('thumbs').className;
	if (howmany > "1") {
		var element = document.createElement('img');
		element.id = "th2";
		element.className = "semi";
		$('thumbs').appendChild(element);
	}
	if (howmany > "2") {
		var element = document.createElement('img');
		element.id = "th3";
		element.className = "semi";
		$('thumbs').appendChild(element);
	}
	if (howmany > "3") {
		var element = document.createElement('img');
		element.id = "th4";
		element.className = "semi";
		$('thumbs').appendChild(element);
	}
	if (howmany > "4") {
		var element = document.createElement('img');
		element.id = "th5";
		element.className = "semi";
		$('thumbs').appendChild(element);
	}
	if (howmany > "5") {
		var element = document.createElement('img');
		element.id = "th6";
		element.className = "semi";
		$('thumbs').appendChild(element);
	}
	if (howmany > "6") {
		var element = document.createElement('img');
		element.id = "th7";
		element.className = "semi";
		$('thumbs').appendChild(element);
	}

	var pmask = new Fx.Morph('themask', {wait: true, duration: 1500});
	window.pmask = pmask;
	window.setTimeout('pmask.start("o01");', 500);

	var trans = new Fx.Morph('themask', {wait: true, duration: 500});
	window.trans = trans;
	
	var thumb = new Fx.Morph('thumbnail', {wait: true, duration: 500});
	window.thumb = thumb;
	 
	if ($('th1')) {
		$('th1').src = src1;
		var t1 = new Fx.Morph('th1', {wait: false});
		
		$('th1').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t1.start('o99');
		});
		$('th1').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t1.start('semi');
		});
		$('th1').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(1);
		});
		t1.start('semi');
	}
	if ($('th2')) {
		$('th2').src = src2;
		var t2 = new Fx.Morph('th2', {wait: false});
		
		$('th2').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t2.start('o99');
		});
		$('th2').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t2.start('semi');
		});
		$('th2').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(2);
		});
		t2.start('semi');
	}
	if ($('th3')) {
		$('th3').src = src3;
		var t3 = new Fx.Morph('th3', {wait: false});
		
		$('th3').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t3.start('o99');
		});
		$('th3').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t3.start('semi');
		});
		$('th3').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(3);
		});
		t3.start('semi');
	}
	if ($('th4')) {
		$('th4').src = src4;
		var t4 = new Fx.Morph('th4', {wait: false});
		
		$('th4').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t4.start('o99');
		});
		$('th4').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t4.start('semi');
		});
		$('th4').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(4);
		});
		t4.start('semi');
	}
	if ($('th5')) {
		$('th5').src = src5;
		var t5 = new Fx.Morph('th5', {wait: false});
		
		$('th5').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t5.start('o99');
		});
		$('th5').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t5.start('semi');
		});
		$('th5').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(5);
		});
		t5.start('semi');
	}
	if ($('th6')) {
		$('th6').src = src6;
		var t6 = new Fx.Morph('th6', {wait: false});
		
		$('th6').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t6.start('o99');
		});
		$('th6').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t6.start('semi');
		});
		$('th6').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(6);
		});
		t6.start('semi');
	}
	if ($('th7')) {
		$('th7').src = src7;
		var t7 = new Fx.Morph('th7', {wait: false});
		
		$('th7').addEvent('mouseenter', function(e) {
			new Event(e).stop();
			t7.start('o99');
		});
		$('th7').addEvent('mouseleave', function(e) {
			new Event(e).stop();
			t7.start('semi');
		});
		$('th7').addEvent('click', function(e) {
			new Event(e).stop();
			switchTo(7);
		});
		t7.start('semi');
	}
});

function switchTo(x) {
	trans.start("o99");
	thumb.start("o01");
	window.setTimeout('loadPic' + x + '()', 600);
	window.setTimeout('trans.start("o01");', 700);
	window.setTimeout('thumb.start("o99");', 700);
}
function loadPic1() {
	$('showcase').src = src1;
	$('thumbnail').src = src1;
	$('thumbnail').style.left = "0px";
}
function loadPic2() {
	$('showcase').src = src2;
	$('thumbnail').src = src2;
	$('thumbnail').style.left = "90px";
}
function loadPic3() {
	$('showcase').src = src3;
	$('thumbnail').src = src3;
	$('thumbnail').style.left = "180px";
}
function loadPic4() {
	$('showcase').src = src4;
	$('thumbnail').src = src4;
	$('thumbnail').style.left = "270px";
}
function loadPic5() {
	$('showcase').src = src5;
	$('thumbnail').src = src5;
	$('thumbnail').style.left = "360px";
}
function loadPic6() {
	$('showcase').src = src6;
	$('thumbnail').src = src6;
	$('thumbnail').style.left = "450px";
}
function loadPic7() {
	$('showcase').src = src7;
	$('thumbnail').src = src7;
	$('thumbnail').style.left = "540px";
}


function launchPDF() {
	var pdf = sect + '-' + code + '.pdf';
	window.open('../pdfs/' + pdf,'','');
}