/*
Copyright 2010 Gerrit Veldman
All rights reserved. See license.txt.
*/
$(document).ready(function() {
	$picture = $('.picture');
	$picture0 = $('#picture0');
	$picture1 = $('#picture1');
	$picture2 = $('#picture2');
	$picture3 = $('#picture3');
	$picture_th = $('.picture_th');
	$picture_th0 = $('#picture_th0');
	$picture_th1 = $('#picture_th1');
	$picture_th2 = $('#picture_th2');
	$picture_th3 = $('#picture_th3');
	$picture_x = $('.picture_x');
	$picture_x0 = $('#picture_x0');
	$picture_x1 = $('#picture_x1');
	$picture_x2 = $('#picture_x2');
	$picture_x3 = $('#picture_x3');
	$picture_x.hover(function() {
		if (this.id != 'picture_x0') {$picture_x0.fadeIn('slow');$picture0.fadeOut('slow');}
		if (this.id != 'picture_x1') {$picture_x1.fadeIn('slow');$picture1.fadeOut('slow');}
		if (this.id != 'picture_x2') {$picture_x2.fadeIn('slow');$picture2.fadeOut('slow');}
		if (this.id != 'picture_x3') {$picture_x3.fadeIn('slow');$picture3.fadeOut('slow');}
		$(this).fadeOut();
		if (this.id == 'picture_x0') {$picture0.fadeIn('slow');}
		if (this.id == 'picture_x1') {$picture1.fadeIn('slow');}
		if (this.id == 'picture_x2') {$picture2.fadeIn('slow');}
		if (this.id == 'picture_x3') {$picture3.fadeIn('slow');}
	});
	$picture_x.click(function() {// for touchscreens
		if (this.id != 'picture_x0') {$picture_x0.fadeIn('slow');$picture0.fadeOut('slow');}
		if (this.id != 'picture_x1') {$picture_x1.fadeIn('slow');$picture1.fadeOut('slow');}
		if (this.id != 'picture_x2') {$picture_x2.fadeIn('slow');$picture2.fadeOut('slow');}
		if (this.id != 'picture_x3') {$picture_x3.fadeIn('slow');$picture3.fadeOut('slow');}
		$(this).fadeOut();
		if (this.id == 'picture_x0') {$picture0.fadeIn('slow');}
		if (this.id == 'picture_x1') {$picture1.fadeIn('slow');}
		if (this.id == 'picture_x2') {$picture2.fadeIn('slow');}
		if (this.id == 'picture_x3') {$picture3.fadeIn('slow');}
	});
});