$( function(){

  $('#ventje').click( function(e){
    
    switch ( season )
    {
      case 'Fall':
      case 'Autumn':    
      season='Winter';
      switchToWinter();
      break;
      
      case 'Winter':    
      season='Spring';
      switchToSpring();
      break;
      case 'Spring':    
      season='Summer';
      switchToSummer();
      break;
      case 'Summer':    
      season='Fall';
      switchToFall();
      break;      
    }   
  } );
} );
function seizoenStuff(){
	$('#btnSummer').die().live('click', function() {
		switchToSummer();
	});
	$('#btnWinter').die().live('click', function() {
		switchToWinter();
	});
	$('#btnFall').die().live('click', function() {
		switchToFall();
	});
	$('#btnSpring').die().live('click', function() {
		switchToSpring();
	});
}
	function switchToSummer(){
		replaceImg("summer");
		$('#vlinder').css({'display':'none'});
		$('#kleinZwartVogeltje').css({'display':'none'});
		$('#sneeuwman').css({'display':'none'});
		for ( var i = 1; i < 6; i++) {
			var sCloud = "#wolk" + i;
			$(sCloud).css({'display':'none'});
		}
		hideSnow();
	}
	
	function switchToWinter(){
		replaceImg("winter");
		$('#vlinder').css({'display':'none'});
		$('#kleinZwartVogeltje').css({'display':'none'});
		$('#sneeuwman').css({'display':'block'});
		for ( var i = 1; i < 6; i++) {
			var sCloud = "#wolk" + i;
			$(sCloud).css({'display':'none'});
		}
		showSnow();
	}
	
	function switchToFall(){
		replaceImg("fall");
		$('#vlinder').css({'display':'none'});
		$('#kleinZwartVogeltje').css({'display':'none'});
		$('#sneeuwman').css({'display':'none'});
		for ( var i = 1; i < 6; i++) {
			var sCloud = "#wolk" + i;
			$(sCloud).css({'display':'block',
                      left: Math.random()*1050,
                      top: Math.random()*(1000/2)+Math.random()*(1000/2)});
			
		}
		hideSnow();
	}
	
	function switchToSpring(){
		replaceImg("spring");
		$('#vlinder').css({'display':'block'});
		$('#kleinZwartVogeltje').css({'display':'block'});
		$('#sneeuwman').css({'display':'none'});
		for ( var i = 1; i < 6; i++) {
			var sCloud = "#wolk" + i;
			$(sCloud).css({'display':'block',
                      left: Math.random()*1050,
                      top: Math.random()*(1000/2)+Math.random()*(1000/2)});
		}
		hideSnow();
	}
	
	function switchToAutumn()
	{
    switchToFall();
  }
	
	function replaceImg(seizoen){
		$("#ventje img").attr("src", base_url+"images/seizoen/" + seizoen + "/ventje.png");
		
		$("#boombloesem img").attr("src", base_url+"images/seizoen/" + seizoen + "/boombloesem.png");
		$("#boombloesem2 img").attr("src", base_url+"images/seizoen/" + seizoen + "/boombloesem.png");
		$("#boomWazig img").attr("src", base_url+"images/seizoen/" + seizoen + "/boomKLeinst.png");
		$("#boomWazig2 img").attr("src", base_url+"images/seizoen/" + seizoen + "/boomKLeiner.png");
		
		$("#molshoop img").attr("src", base_url+"images/seizoen/" + seizoen + "/molshoop.png");
		
		$("#zon img").attr("src", base_url+"images/seizoen/" + seizoen + "/zon.png");
		
		$("body").css("background", "url('"+base_url+"images/seizoen/" + seizoen + "/gradient.png')");
		$("#gras").css("background-image", "url('"+base_url+"images/seizoen/" + seizoen + "/gras.png')");
		
		if(seizoen =="spring" || seizoen == "fall"){
			for ( var i = 1; i < 6; i++){
				var sCloud = "wolk" + i;
				$("#" + sCloud + " img").attr("src", base_url+"images/seizoen/" + seizoen + "/" + sCloud + ".png");
			}
		}
		
		$("#vogelZwartRechtsNaarLinks img").attr("src", base_url+"images/seizoen/" + seizoen + "/vogelZwartRechtsNaarLinks.png");
		$("#vogelZwartLinksNaarRechts img").attr("src", base_url+"images/seizoen/" + seizoen + "/vogelZwartLinksNaarRechts.png");
		$("#vogelWitLinksNaarRechts img").attr("src", base_url+"images/seizoen/" + seizoen + "/vogelWitLinksNaarRechts.png");
		$("#vogelWitRechtsNaarLinks img").attr("src", base_url+"images/seizoen/" + seizoen + "/vogelWitRechtsNaarLinks.png");
	}
	
	function hideSnow(){
		$('#camionSnow').css({'display':'none'});
		$('#panelContactsSnow').css({'display':'none'});
		$('#panelAnnouncementsSnow').css({'display':'none'});
		$('#panelMachineSelectorSnow').css({'display':'none'});
		$('#panelsOnderaanSnow').css({'display':'none'});
		$('#panelStayTunedSnow').css({'display':'none'});
	}
	
	function showSnow(){
		$('#camionSnow').css({'display':'block'});
		$('#panelContactsSnow').css({'display':'block'});
		$('#panelAnnouncementsSnow').css({'display':'block'});
		$('#panelMachineSelectorSnow').css({'display':'block'});
		$('#panelsOnderaanSnow').css({'display':'block'});
		$('#panelStayTunedSnow').css({'display':'block'});
	}