// JavaScript
// katz.be
// katz top 
// requires jquery 1.3.2
// requires jquery.random.js

$(document).ready(function(){

			
			//TOPNAV
			//eerst alle katten verbergen
			//dan random kat nemen, start- en eindpositie genereren
			$('#catscontainer img').hide();	
			var cattoshow = $.randomBetween(1, 5);
			var xstartpos =$.randomBetween(0, 590);
			var xendpos =$.randomBetween(0, 590);
			//alert(cattoshow);
			
			//(onzichtbare) kat op startpositie zetten
			$('#catscontainer img:nth-child(' + cattoshow + ')').css({marginLeft: xstartpos})
			
//			$('#catscontainer img:nth-child(3)').show();
			//eerst kat weer visible zetten, dan animeren
			$('#catscontainer img:nth-child(' + cattoshow + ')').show();
			$('#catscontainer img:nth-child(' + cattoshow + ')').animate({
				 marginLeft: xendpos,
				 marginTop: '-=53'
			  }, 1000, function() {
				// Animation complete.
			  });
			
			//katten boven panels
			var catpanel1 = $.randomBetween(1,5);
			var catpanel2 = $.randomBetween(1,5);
			var catpanel3 = $.randomBetween(1,5);
			
			var row1cattohide = $.randomBetween(1,2);
			var row2cattohide = $.randomBetween(1,2);
			var row3cattohide = $.randomBetween(1,2);
			
			$('#sidenav .topcat').addClass('topcat'+catpanel1);	
			
			$('#maincontent .homerow:nth-child(1) .panel .topcat').addClass('topcat'+catpanel2);	
			$('#maincontent .homerow:nth-child(1) .panel:nth-child(' + row1cattohide + ') .topcat').removeClass('hiddencat');	
			
			$('#maincontent .homerow:nth-child(2) .topcat').addClass('topcat'+catpanel3);	
			$('#maincontent .homerow:nth-child(2) .panel:nth-child(' + row2cattohide + ') .topcat').removeClass('hiddencat');	
							 
});