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');
		//if  !(getImages.hasClass('selected')){
			getImages.css('opacity', '0.2');
			//console.log('woop');
		//}
		
		var ed = document.getElementById('event-default');
		if (!(ed)){
			var getSelected = $('#gallery-container ul li img.selected');
			if (getSelected){
				getSelected.css('opacity', '1');
				var getSelectedSrc = getSelected.attr('src');
				var initiateBigImage = getSelectedSrc.replace('-small', '-large');	
				$('.surround-big-image').css('background-image', 'url('+initiateBigImage+')');			
			}
		} else {
			$('.surround-big-image').css('background-image', 'url(/images/eventsPic.jpg)');	
		}
		
		
		//initiate theses functions..
		gallery.fHovering(getImages);
		gallery.fClick(getImages);	
	},

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

	fClick : function(getImages){		
		getImages.bind("click", function(){
			$('#gallery-container ul li img').css('opacity', '0.2');
			$(this).css('opacity', '1');
			$(this).addClass('hello');
			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').css('color', '#ff9900');
		$('#pagination-bottom a').bind('click', function(){
			$('#pagination-bottom a').css('color', 'white');
			$(this).css('color', '#ff9900');
			var sPageClass = $(this).attr('class');		
			$(".group-of-20").hide();
			$('#'+sPageClass+'').fadeIn('slow');
			return false;
		});

	}
};

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