$(document).ready(function() {
	$('.background-image').animate({ opacity :0}, {duration:1});
	//Pink 2 in
	$('#home01-contact').mouseover(function(e){
	  $('#background-home01-pink').css('top', '150px');
 	  $('#background-home01-pink').css('left', '120px'); 
		$('#background-home01-pink').stop().animate({ opacity :1}, {duration:250});
	});
	//Pink 1 in
	$('#home01-biography').mouseover(function(e){ 
		$('#background-home01-pink').stop().animate({ opacity :1}, {duration:250});
	});
	//Pink out
	$('#home01-contact, #home01-biography').mouseout(function(e){
		$('#background-home01-pink').stop().animate({ opacity :0}, {duration:0}).css('top', '0px').css('left', '0px');
	});
	//purple 1 in
	$('#home01-knitted-sculptures').mouseover(function(e){
		$('#background-home01-purple').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 276));
	});
	//purple 2 in
	$('#home01-models').mouseover(function(e){
		$('#background-home01-purple').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 276));
	});
	//purple 3 in
	$('#home01-spacial-interventions').mouseover(function(e){
		$('#background-home01-purple').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 276));
	});
	//purple 4 in
	$('#home01-2d').mouseover(function(e){
		$('#background-home01-purple').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 276));
	});
	//purple out
	$('#home01-knitted-sculptures, #home01-models, #home01-spacial-interventions, #home01-2d').mouseout(function(e){
		$('#background-home01-purple').stop().animate({ opacity :0}, {duration:0}).css('top', '0px').css('left', '0px');
	});
	//Green in 1
	$('#home01-exhibitions').mouseover(function(e){
		$('#background-home01-green').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 376));
	});
	//Green in 2
	$('#home01-words-about').mouseover(function(e){
		$('#background-home01-green').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 376));
	});
	//Green in 3
	$('#home01-work-in-progress').mouseover(function(e){
		$('#background-home01-green').stop().animate({ opacity :1}, {duration:250}).css('left', (e.pageX - 640)).css('top', (e.pageY - 376));
	});
  //Green out
	$('#home01-exhibitions, #home01-words-about, #home01-work-in-progress').mouseout(function(e){
		$('#background-home01-green').stop().animate({ opacity :0}, {duration:0}).css('top', '0px').css('left', '0px');		
	});
	var base_url = 'http://www.desireedebaar.nl/templates/desiree_home/images/';
	$('#button_2d').mouseover(function(e){
	  $('#button_2d').attr("src", base_url + "home01-2d_over.png");	 	  	  	  
	});
	$('#button_2d').mouseout(function(e){
	  $('#button_2d').attr("src", base_url + "home01-2d.png");	 	  	  
	});
	$('#button_exhibitions').mouseover(function(e){
	  $('#button_exhibitions').attr("src", base_url + "home01-exhibitions_over.png");	 	  
	});
	$('#button_exhibitions').mouseout(function(e){
	  $('#button_exhibitions').attr("src", base_url + "home01-exhibitions.png");	  
	});
	$('#button_interventions').mouseover(function(e){
	  $('#button_interventions').attr("src", base_url + "home01-spacial-interventions_over.png");	  
	});
	$('#button_interventions').mouseout(function(e){
	  $('#button_interventions').attr("src", base_url + "home01-spacial-interventions.png");		  	  	  
	});
	$('#button_about').mouseover(function(e){
	  $('#button_about').attr("src", base_url + "home01-words-about_over.png");		  	  	  
	});
	$('#button_about').mouseout(function(e){
	  $('#button_about').attr("src", base_url + "home01-words-about.png");		  	  
	});
	$('#button_biography').mouseover(function(e){
	  $('#button_biography').attr("src", base_url + "home01-biography_over.png");		  
	});
	$('#button_biography').mouseout(function(e){
	  $('#button_biography').attr("src", base_url + "home01-biography.png");		  
	});	
	$('#button_sculptures').mouseover(function(e){
	  $('#button_sculptures').attr("src", base_url + "home01-knitted-sculptures_over.png");		  
	});
	$('#button_sculptures').mouseout(function(e){
	  $('#button_sculptures').attr("src", base_url + "home01-knitted-sculptures.png");		  
	});	
  $('#button_progress').mouseover(function(e){
	  $('#button_progress').attr("src", base_url + "home01-work-in-progress_over.png");		  
	});
	$('#button_progress').mouseout(function(e){
	  $('#button_progress').attr("src", base_url + "home01-work-in-progress.png");		  
	});	
  $('#button_contact').mouseover(function(e){
	  $('#button_contact').attr("src", base_url + "home01-contact_over.png");		  
	});
	$('#button_contact').mouseout(function(e){
	  $('#button_contact').attr("src", base_url + "home01-contact.png");	  
	});
  $('#button_models').mouseover(function(e){
	  $('#button_models').attr("src", base_url + "home01-models_over.png");	  
	});
	$('#button_models').mouseout(function(e){
	  $('#button_models').attr("src", base_url + "home01-models.png");
	});

});