$(document).ready(function() 
			{	
				var GalContainer = "CJGallery"; // Naam van container div waarin gallery wordt getoond.
				GalContainer = "#" + GalContainer;
				var GalleryId = ""; //Default gallery - als niets wordt ingevuld, wordt de inhoud van de container weergeveven
				var CurrIndex = 0;
				var Width = 420;
				var Height = 555;
				var ImageCount;
				var Images; 
				var Captions;
				imgImage = new Image;
				var Center;
				
				$(".slides").hide();
				//autorun
				if ($(GalContainer).attr('title') != 'static')
				{
					GalleryId = '#' + $(GalContainer).attr('title');
					Gallery(GalleryId);
				}
				
				$('a.galChanger').click(function(e) 
				{	   			
					e.preventDefault();
					GalleryId = "#" + $(this).attr('href');									
										
					Gallery(GalleryId);

				});
				
				function Gallery(galName)
				{
					Images = new Array();
					Captions = new Array();
					CurrIndex=0;
					
					$(GalleryId + " a").each(function(index) {						
						Images.push($(this).attr("href"));
						Captions.push($(this).attr("title"));
					});
					ImageCount = Images.length;
		
					//$(GalContainer + " span").remove();
					$(GalContainer).empty();					
					$(GalContainer).prepend("<img class='SlideImage' />");				
					$(GalContainer).prepend('<div class="Controls rounded" id="vorige"><</div>');
					$(GalContainer).append('<div class="Controls rounded" id="volgende">></div>');				
					$(GalContainer).append('<div id="caption"></div>');
					$(GalContainer + " #caption").css('width', Width);
					$(GalContainer + " #caption").css('top', Height - 20);
	
					$(GalContainer + " #caption").html("<div class='title'></div><div class='counter'></div>");			
					$(GalContainer + " #caption .title").css('top', Height - 20);									
					//$('.rounded').corner();					
					$('#vorige').hide();				
					$('#volgende').hide();				
		
					ShowImage();
			
					$('.Controls').bind('click',function() 
					{
						if ($(this).attr("id") == "vorige")
						{
							CurrIndex--;							
						}
						else
						{
							CurrIndex++;							
						}
						CheckControls();
						ShowImage();						
					});
								
					$(GalContainer).bind('mouseover', function(event) {
						CheckControls();												

						//$(GalContainer + " img.SlideImage").unbind('mouseenter');
					});
		
					$(GalContainer).bind('mouseout', function(event) {
						$('#vorige').hide();
						$('#volgende').hide();
						//$('#caption').hide();
						//$(GalContainer + " img.SlideImage").bind('mouseenter', function(event) {
						//	CheckControls();
						//	$(GalContainer + " img.SlideImage").unbind('mouseenter');
						//});
					});
				}
		
				
			function CheckControls()
			{
				//alert(CurrIndex + '-' + ImageCount);
				if (CurrIndex == 0)
				{
				//alert('Vorige hidden');
					$('#vorige').hide();						
				}
				else
				{
				//alert('Vorige shown');
					$('#vorige').show();			

				}
				
				if (CurrIndex == ImageCount - 1)
				{
				//alert('Volgende hidden');
					$('#volgende').hide();
				}
				else
				{
				//alert('Volgende shown');
					$('#volgende').show();						
					
				}
				
			}
			
			function ShowImage()
			{   						
				imgImage.src = Images[CurrIndex];
				
				$(GalContainer + " img.SlideImage").replaceWith("<img class='SlideImage' src='" + Images[CurrIndex] + "' />");
				Center = (Height - imgImage.height) /2;
				//$(GalContainer + " img.SlideImage").css('bottom', Center);
				$(GalContainer + " img.SlideImage").css('bottom', 20);
				$(GalContainer + " #caption .title").text(Captions[CurrIndex]);
				if (ImageCount > 1)
				{
					$(GalContainer + " #caption .counter").text((CurrIndex + 1) + "/" + ImageCount);					
				}
			}			
				
			})