$(document).ready(function() {
		
	$('#gallery_thumbs ul li').each(function() {
		
		$(this).css({ opacity: 0.5 });
		
	});
	
	$('#gallery_thumbs ul li:first').css({ opacity: 1.0 });
	$('#gallery_thumbs ul li:first img').addClass('active');
	
	$('#gallery_thumbs ul li').hover(function() {
	
		$(this).css({ opacity: 1.0 });
	
	}, function() {
		
		if($(this).find('img').attr('class') == 'active') {
			
			$(this).css({ opacity: 1.0 });
			
		} else {
		
			$(this).css({ opacity: 0.5 });
			
		}
		
	});
	
	$('#gallery_thumbs ul li img').click(function() {
		
		$('#gallery').append('<div id="loader"></div>');
		
		clearTimeout(interval);
		
		$('#gallery_thumbs ul').find('img.active').parent().css({ opacity: 0.5 });
		$('#gallery_thumbs ul').find('img.active').removeClass();
		$(this).addClass('active');
		$(this).parent().css({ opacity: 1.0 });
		
		var source = $(this).attr('src').split('?');
		var image = source[1].replace('image=', '').split('&');
		
		//alert(image[0]);
		
		//$('#gallery_image').append('<img src="system/plugins/gallery/inc/inc.thumbnail.php?image='+image[0]+'&h=400&w=600" style="left: 600px;">');
		
		
		$('#gallery #gallery_image').each(function(index, el){
			
			var img = new Image();
			
			$(img).load(function() {
				
				$('#gallery #loader').remove();
				$('#gallery #gallery_image').append(img);
				$('#gallery #gallery_image img:last').css({'left': '600px'});
				
				$('#gallery_image img:last').animate({'left': '-=600px'}, 600, function() {
			
					$('#gallery_image img:last').removeAttr('style');
					$('#gallery_image img:first').remove();
					
					interval = setTimeout(function() { 
		
						$('#gallery_thumbs ul li img.active').parent().next().find('img').trigger('click');
						
					}, 7500);
					
				});
				
			}).error(function () {
				
			}).attr('src', 'system/plugins/gallery/inc/inc.thumbnail.php?image='+image[0]+'&h=400&w=600');
				
		});
		
	});
	
	var interval = setTimeout(function() { 
		
		$('#gallery_thumbs ul li img.active').parent().next().find('img').trigger('click');
		
    }, 7500);
	
});