var gallery = {
	fInit : function(){	
		
		//initiate paging function..
		var iThumbNumbs = $('.group-of-20'); 
		if (iThumbNumbs != 0){
			gallery.fPagination(iThumbNumbs);
		}

		var getImages = $('#gallery-container ul li img');
		getImages.css('opacity', '0.2');

		//initiate theses functions..
		gallery.fHovering(getImages);
		gallery.fClick(getImages);	
	},

	fHovering : function(getImages){		
		getImages.hover(
			function(){
				$(this).fadeTo('900', 1);
			}, 
			function(){
				$(this).fadeTo('100', 0.2);
			});		
	},

	fClick : function(getImages){		
		getImages.bind("click", function(){
			var sImage = $(this).attr('src');
			var sImageNew = sImage.replace('-small', '-large');	
			var sImageAlt = $(this).attr('alt');
			$('.surround-big-image').css('background-image', 'url('+sImageNew+')').hide();
			$('.surround-big-image').fadeIn('900');
			$('.title-text').html(sImageAlt);
		});
	},

	fPagination : function(iThumbNumbs){		
		for (var i=1; i < iThumbNumbs.length + 1; i++){		
			$('#pagination-bottom').append('<a class=\"paging-'+i+'" href=\"#\">'+i+'</a>');
		}
		$('.paging-1').attr('id','no-pad');
		$('#pagination-bottom a').bind('click', function(){
			var sPageClass = $(this).attr('class');		
			$(".group-of-20").hide();
			$('#'+sPageClass+'').fadeIn('slow');
		});

	}
};

//When the page loads initialise the mashup
$(window).bind("load", function(){
	gallery.fInit();
});