// JavaScript Document

$('document').ready(function(){
	
												
	$('#gallery li a').click(function(){
		$(this).parent('li').addClass('on');
		$('#overlay').css({opacity:0.7}).fadeIn(200);
		$('#large img').attr({src: $(this).attr('href') }).load(function(){
			$('#large').show();
		});
		return false;
	});
	
	
	
	$('#overlay, #thumb').livequery('click', function(){
		$('#overlay, #large').fadeOut(200);
		$('#gallery li.on').removeClass('on');
		return false;
	});
	
	$('#next').livequery('click', function(){
		
		$('#gallery li.on').next('li').addClass('on2');
		$('#gallery li.on').removeClass('on');
		$('#gallery li.on2').addClass('on').removeClass('on2');
		
		if($('#gallery li.on').children('a').attr('href') == null){
			$('#overlay, #large').fadeOut(200);
			$('#gallery li.on').removeClass('on');
		}
		else{
			$('#large').fadeOut(200, function(){
				var newImage = $('#gallery li.on').children('a').attr('href');
					$('#large img').attr({src:newImage}).load(function(){ 
					$('#large').fadeIn(200);
				});	 
			});
		}
		
		return false;
	});
	
	$('#prev').livequery('click', function(){
		$('#gallery li.on').prev('li').addClass('on2');
		$('#gallery li.on').removeClass('on');
		$('#gallery li.on2').addClass('on').removeClass('on2');
		
		if($('#gallery li.on').children('a').attr('href') == null){
			$('#overlay, #large').fadeOut(200);
			$('#gallery li.on').removeClass('on');
		}
		else{
			$('#large').fadeOut(200, function(){
				var newImage = $('#gallery li.on').children('a').attr('href');
					$('#large img').attr({src:newImage}).load(function(){ 
					$('#large').fadeIn(200);
				});	 
			});
		}
		return false;
	});

});