var galleryId, imageId;

$(document).ready(function()
{
	$('.showFull').live('mouseover', function(){
		$(this).css({
			'opacity' : '1'
		});
	}).live('mouseout', function() {
		if(imageId != $(this).attr('rel')) {
			$(this).css({
				'opacity' : '0.65'
			});
		}
	});
	
	$('.selectGallery').mouseover(function(){
		$(this).css({
			'opacity' : '1'
		});
	}).mouseout(function() {
		if(galleryId != $(this).attr('rel')) {
			$(this).css({
				'opacity' : '0.65'
			});
		}
	}).click(function(e)
	{
		e.preventDefault();
		if(galleryId == $(this).attr('rel')) return;
		
		galleryId = $(this).attr('rel');
		var findGallery = '/get_gallery/'+galleryId;
		
		$('.selectGallery').css({
			'opacity' : '0.65'
		});
		$(this).css({
			'opacity' : '1'
		});
			
			$('#arrow2_left, #arrow2_right').css({'opacity':0});
			$('#image_frame_wrapper').fadeOut('fast');
			$('#thumb2_mask > ul').fadeOut('fast', function()
			{
				$.getJSON(findGallery, function(data)
				{
					$('#thumb2_mask > ul').empty();
					for (var i=0; i<data.length; i++) {
						$('#thumb2_mask > ul').html($('#thumb2_mask > ul').html()+'<li><a href="#" class="showFull" rel="'+data[i].id+'"><img src="'+data[i].thumb+'" alt="" /></a></li>');
					}
					$('#thumb2_mask > ul').fadeIn('fast', function() {
						
						$('#image_frame_wrapper').fadeOut('fast', function()
						{
							var frame = $(this);
							var newImage = new Image();
							newImage.onload = function() {
								frame.html('<img id="full_size" src="'+newImage.src+'" alt="" />');
								frame.fadeIn('fast');
							} // END IMAGE ONLOAD

							newImage.src = '/images/photo_gallery/galleryimages/full/'+data[0].id+'.jpg';
						}); // SHOW FIRST IMAGE
						
					});
					
					$('#arrow2_left, #arrow2_right').unbind('click');
					
					$('#thumb2_mask > ul').avbSlider({
						numElements: $('#thumb2_mask > ul > li').length,
						maxElements: 8,
						paneWidth: 637,
						clickLeft: '#arrow2_left',
						clickRight: '#arrow2_right',
						duration: 250
					});
					
					imageId = $($('.showFull')[0]).attr('rel');
					$('.showFull').fadeTo('fast', 0.65);
					$($('.showFull')[0]).fadeTo('fast', 1);
				}); // END GET JSON
			}); // END FADE
	}); // END SELECTGALLERY
	
	$('.showFull').live('click', function(e)
	{
		e.preventDefault();
		if(imageId == $(this).attr('rel')) return;
		
		$('.showFull').css({
			'opacity' : '0.65'
		});
		$(this).css({
			'opacity' : '1'
		});
		
		imageId = $(this).attr('rel');
		$('#image_frame_wrapper').fadeOut('fast', function()
		{
			var frame = $(this);
			var newImage = new Image();
			newImage.onload = function() {
				frame.html('<img id="full_size" src="'+newImage.src+'" alt="" />');
				frame.fadeIn('fast');
			} // END IMAGE ONLOAD

			newImage.src = '/images/photo_gallery/galleryimages/full/'+imageId+'.jpg';
		});
	}); // END SHOWFULL
	
	$($('.selectGallery')[0]).click();
});