// Generate a random number between min to max
function rand (min, max) {
	return Math.floor(Math.random() * (max - min + 1)) + min;
}
	
function generateRandomNumber(max) {
	var randomNumber = rand(1, max);
	
	return randomNumber;
}
function countTotalImages(group) {
	var totalImages = 0;
	
	jQuery('div.galleryimages div.categorie:nth-child(' + group + ') div').each(function(){
		totalImages++;
	});
	
	return totalImages;
}

jQuery(document).ready(function() {
	var totalImages = 0;
	var group = 0;
	
	jQuery('div.galleryimages div.categorie').each(function(){
		group++;
		var currentImage = generateRandomNumber(countTotalImages(group));
		
		if (group == 1) {
			jQuery('div.galleryimages div.categorie:nth-child(' + group + ') div:nth-child(' + currentImage + ')').fadeIn('slow');
			jQuery('div.galleryimages div.gallerylink:nth-child(' + group + ') div:nth-child(' + currentImage + ')').show();
			jQuery('div.galleryimages div.gallerythumbnailbox ul:nth-child(' + group + ') li:nth-child(' + currentImage + ')').addClass('active');
			jQuery('div.galleryimages div.gallerythumbnailbox ul:nth-child(' + group + ') li:nth-child(' + currentImage + ') img').addClass('active');
		}
		
		jQuery('div.galleryimages div.gallerythumbnailbox ul:nth-child(' + group + ') li:nth-child(' + currentImage + ')').addClass('active');
	});
	
	// Clickhandler :: Thumbnail Images
	jQuery('div.galleryimages div.gallerythumbnailbox ul li').live('click', function(){
		var categorie = jQuery(this).parent('ul').attr('class');
		var image = jQuery(this).attr('class');
	
		jQuery('div.galleryimages div.categorie div').each(function() {
			jQuery(this).fadeOut('slow');
		});
		
		jQuery('div.galleryimages div.gallermorelinks div.gallerylink div').each(function() {
			jQuery(this).hide();
		});
		
		jQuery('div.'+categorie+' div.'+image.substr(0,8)).fadeIn('slow');
		jQuery('div.'+categorie+' div.'+image.substr(0,8)+' a').show();
		
		jQuery('div.galleryimages div.gallerythumbnailbox img').each(function() {
			jQuery(this).removeClass("active");
		});
		
		jQuery(this).children("img").addClass("active");
	});
	
	// Mouseover change opacity to 100 percent
	jQuery('div.galleryimages div.gallerythumbnailbox ul li img').live('mouseover', function(){
		jQuery(this).addClass('hoveractive');
	});
	
	// Mouseout change opacity to 50 percent
	jQuery('div.galleryimages div.gallerythumbnailbox ul li img').live('mouseout', function(){
		jQuery(this).removeClass('hoveractive');
	});
});