$(document).ready(function () {
	$("a.arrowright").fadeTo(1,0.5); //hide rotation arrow
	$("#view2").show();
	$("#view1").hide(); //these two stop view2 and view3 from flashing 
	$("#view3").show().fadeTo(1,0).fadeTo(1000,0).fadeTo(1,1); //before view1 is loaded.
	$("#hint").fadeIn(1000);
				
	var artstatus;
	$("a.artmodkey").click(function() { 
		if(artstatus == 'artnouveau') { $("#artnouveau").slideUp(); }
		if(artstatus == 'artmoderne') { $("#artmoderne").slideUp('slow'); artstatus = ''; $.scrollTo("#page", 1000, {offset:0} ); }
		else { $("#artmoderne").slideDown(); artstatus = 'artmoderne'; $.scrollTo("#view", 1000, {offset:0} ); }
		return false;
	});
	$("a.artnoukey").click(function() { 
		if(artstatus == 'artmoderne') { $("#artmoderne").slideUp(); }
		if(artstatus == 'artnouveau') { $("#artnouveau").slideUp('slow'); artstatus = ''; $.scrollTo("#page", 1000, {offset:0} ); }
		else { $("#artnouveau").slideDown(); artstatus = 'artnouveau'; $.scrollTo("#view", 1000, {offset:200} ); }
		return false;
	});	
		
	$('area.appt').cluetip();
	$('area.office').cluetip();
	$('.map').maphilight();
	
	$('area.appt').click(function() { 
		$("#hint").fadeTo(500,0);
	});
	
	$('.zest').click(function() { 
		$("#zestmessage").fadeIn(500).fadeTo(2000,1).fadeOut(500);
		return false;
	});
	
	var currentview = 2;
	var arrowclicked = 0;
	var viewfadeinspeed = 600;
	var viewfadeoutspeed = 600;
		$("a.arrowright").click(function() { 
		arrowclicked = 1;
		if(currentview == 1) { 
			$("#view2").hide(); 
			$("#view1").fadeOut(viewfadeoutspeed); 
			currentview = 3; 
			$('#view1 a.artnoukey').fadeOut(viewfadeoutspeed); 
			$('#view3 a.artmodkey').fadeIn(viewfadeinspeed); 
			$('#view3 a.artnoukey').fadeIn(viewfadeinspeed); 
		}
		else if(currentview == 3) { 
			$("#view2").fadeIn(viewfadeinspeed); 
			currentview = 2; 
			$('#view3 a.artmodkey').fadeOut(viewfadeoutspeed); 
			$('#view3 a.artnoukey').fadeOut(viewfadeoutspeed); 
			$('#view2 a.artmodkey').fadeIn(viewfadeinspeed); 
			$('#view2 a.artnoukey').fadeIn(viewfadeinspeed);
		}
		else { 
			$("#view1").fadeIn(viewfadeinspeed); 
			currentview = 1; 
			$('#view1 a.artnoukey').fadeIn(viewfadeinspeed);
			$('#view2 a.artmodkey').fadeOut(viewfadeoutspeed); 
			$('#view2 a.artnoukey').fadeOut(viewfadeoutspeed); 
		}
		$('#cluetip').hide();
		return false;
	});	
	/*$("a.arrowleft").click(function() { // not using left arrow anymore, as there are only three views to rotate, so one arrow is enough
		if(currentview == 1) { $("#view2").fadeIn(viewfadeoutspeed); $("#view1").fadeOut(viewfadeoutspeed); currentview = 2; }
		else if(currentview == 2) { $("#view3").fadeIn(viewfadeoutspeed); $("#view2").fadeOut(viewfadeoutspeed); currentview = 3; }
		else { $("#view3").fadeOut(viewfadeoutspeed); $("#view1").fadeIn(viewfadeinspeed); currentview = 1; }
	});*/
	
	var arrowstatus = 0;
	$("#view").hover(
		function() { if(arrowstatus == 0) { $("a.arrowright").dequeue().fadeTo(500, 0.6); arrowstatus = 1; } },
		function() { if(arrowstatus == 1 && arrowclicked == 1) { $("a.arrowright").dequeue().fadeTo(500, 0.6).fadeTo(500, 0); arrowstatus = 0; } }
	);

	
	$("a.arrowright").hover (
		function() { $("a.arrowright").dequeue().fadeTo(200, 1); },
		function() { $("a.arrowright").dequeue().fadeTo(500, 0.6); }
	);
});