var homeId, galleryType, 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'
			});
		}
	});
	
	$($('.selectTab')[0]).addClass('active');
	
	$('.selectTab').click(function(e) {
		e.preventDefault();
		if(galleryType == $(this).attr('id')) return;
		
		var tab = $(this);
		
		homeId = $(this).attr('rel');
		galleryType = $(this).attr('id');
		var findGallery = '/get_specific/'+galleryType+'/'+homeId;
		
		$('#left_arrow, #right_arrow').css({'opacity':0});
		$('#image_frame_wrapper').fadeTo('fast', 0);
		
		$('#available_home_gallery_mask > ul').fadeOut('fast', function() {
			$.getJSON(findGallery, function(data)
			{
				$('#available_home_gallery_mask > ul').empty();
				for (var i=0; i<data.length; i++) {
					$('#available_home_gallery_mask > ul').html($('#available_home_gallery_mask > ul').html()+'<li><a href="#" class="showFull" rel="'+data[i].id+'"><img src="'+data[i].thumb+'" alt="" /></a></li>');
				}
				
				$('#available_home_gallery_mask > ul').fadeIn('fast', function() {
						var frame = $('#image_frame_wrapper > a');
						var newImage = new Image();
						newImage.onload = function() {
							frame.html('<img id="full_size" src="'+newImage.src+'" alt="" />');
							$('#image_frame_wrapper').fadeTo('fast', 1);

							$('#available_home_gallery_photo_details > a').attr('href', '/images/available_homes/gallery/full/'+data[0].id+'.jpg');
							$('#image_frame_wrapper > a').attr('href', '/images/available_homes/gallery/full/'+data[0].id+'.jpg');
						} // END IMAGE ONLOAD

						newImage.src = '/images/available_homes/gallery/medium/'+imageId+'.jpg';
				});
				
				$('#left_arrow, #right_arrow').unbind('click');
				
				$('#available_home_gallery_mask > ul').avbSlider({
					numElements: $('#available_home_gallery_mask > ul > li').length,
					paneWidth: 402
				});
				
				imageId = $($('.showFull')[0]).attr('rel');
				$('.showFull').fadeTo('fast', 0.65);
				$($('.showFull')[0]).fadeTo('fast', 1);
			}); // END JSON
		});
			
			$('.selectTab.active').removeClass('active');
			$(this).addClass('active');
			
	}); // END TAB CLICK
	
	$('.showFull').live('click', function(e)
	{
		e.preventDefault();
		if(imageId == $(this).attr('rel')) return;
		
		$('.showFull').fadeTo('fast', 0.65);
		$(this).fadeTo('fast', 1);
		
		imageId = $(this).attr('rel');
		$('#image_frame_wrapper').fadeTo('fast', 0, function()
		{
			var frame = $('#image_frame_wrapper > a');
			var newImage = new Image();
			newImage.onload = function() {
				frame.html('<img id="full_size" src="'+newImage.src+'" alt="" />');
				$('#image_frame_wrapper').fadeTo('fast', 1);
				
				$('#available_home_gallery_photo_details > a').attr('href', '/images/available_homes/gallery/full/'+imageId+'.jpg');
				$('#image_frame_wrapper > a').attr('href', '/images/available_homes/gallery/full/'+imageId+'.jpg');
			} // END IMAGE ONLOAD

			newImage.src = '/images/available_homes/gallery/medium/'+imageId+'.jpg';
		});
	}); // END SHOWFULL
	
	$($('.selectTab')[0]).click();
});