// JavaScript Document
jQuery.noConflict();
jQuery(document).ready(function($){
	//
	// Check if User is browsing via an iPad
	// If so alter gallery window 'open' height
	var galleryWindowH;
	if( (navigator.userAgent.match(/iPad/i)) ) {
   		galleryWindowH = '535px';
	} else {
		galleryWindowH = '611px';
	}
	
	//
	// Show/Hide Elements
	$('#galleriesMenu').show();
	$('#slideShow').show();
	$('#galleryThumbs').css('overflow','hidden').css('height','0px');
	var thumbSize = 167;
	var interiorHolderW = ( $('#interiorThumbsHolder .aThumb').length)*thumbSize;
	var exteriorHolderW = ( $('#exteriorThumbsHolder .aThumb').length)*thumbSize;
	var videoHolderW = ( $('#videoThumbsHolder .aThumb').length)*thumbSize;
	$('#interiorThumbsWindow').css('height','121px').css('width','835px').css('margin','0 56px 0 69px').css('overflow','hidden').css('position','absolute').css('top','0px').css('left','0px').css('z-index','3').hide();
	$('#exteriorThumbsWindow').css('height','121px').css('width','835px').css('margin','0 56px 0 69px').css('overflow','hidden').css('position','absolute').css('top','0px').css('left','0px').css('z-index','2').hide();
	$('#videoThumbsWindow').css('height','121px').css('width','835px').css('margin','0 56px 0 69px').css('overflow','hidden').css('position','absolute').css('top','0px').css('left','0px').css('z-index','1').hide();
	$('#interiorThumbsHolder').css('width',interiorHolderW).css('position','absolute').css('top','0px').css('left','0px');
	$('#exteriorThumbsHolder').css('width',exteriorHolderW).css('position','absolute').css('top','0px').css('left','0px');
	$('#videoThumbsHolder').css('width',videoHolderW).css('position','absolute').css('top','0px').css('left','0px');
	$('.galleryBut').show();
	$('#galleryClose').show();
	
	var interiorTotalPages = Math.ceil(interiorHolderW/835)-1;
	var interiorCurrentPage = 0;
	
	var exteriorTotalPages = Math.ceil(exteriorHolderW/835)-1;
	var exteriorCurrentPage = 0;
	
	var videoTotalPages = Math.ceil(videoHolderW/835)-1;
	var videoCurrentPage = 0;
	
	$(window).load(function	() {
		//
		// STORE ORIGINAL GALLERY IMAGE
		var origGalleryImg = $('#lrgImage img').attr('src');
		// RESET ORIGINAL GALLERY IMAGE
		function resetOrigGalleryImg() {
			$('#lrgImage img').fadeOut('slow', function(){
				$(this).attr('src',origGalleryImg).fadeIn('slow');
			});
		}
		// GET FIRST IMAGE FROM EACH SECTION
		var firstInteriorImg = $('#interiorThumbsHolder a:first-child').attr('href');
		var firstExteriorImg = $('#exteriorThumbsHolder a:first-child').attr('href');
		//
		// OPEN/CLOSE AND SELECT A GALLERY BUTTONS
		//
		$('#interiorBut').click(function() {
			if ( $('#galleryWindow').hasClass('open') ) {
				// SET THUMBS CURRENT PAGE TO 0 (ZERO)
				interiorCurrentPage = 0;
				// SET THUMBS WINDOW TO START
				$('#interiorThumbsHolder').css('left','0px');
				// FADE OUT CURRENT LARGE IMAGE
				$('#lrgImage img').fadeOut('slow',function(){
					$(this).attr('src',firstInteriorImg).fadeIn('slow')
				});
				// HIDE EXTERIOR THUMBS
				$('#exteriorThumbsWindow').fadeOut('slow',function(){
					$('#exteriorThumbsHolder').removeClass('viewing');
					$('#interiorThumbsWindow').fadeIn('slow').addClass('viewing');
					$('#interiorThumbsHolder').addClass('viewing');
				});
				// HIDE VIDEO THUMBS
				$('#videoThumbsWindow').fadeOut('slow',function(){ 
					$('#videoThumbsHolder').removeClass('viewing');
					$('#interiorThumbsWindow').fadeIn('slow');
					$('#interiorThumbsHolder').addClass('viewing');
				});
			}else{
				// FIRST TIME OPENING
				$('#lrgImage img').fadeOut('slow',function(){ // FADE OUT MAIN IMAGE
					$(this).attr('src',firstInteriorImg).fadeIn('slow',function(){ // FADE IN FIRST INTERIOR IMAGE
						$('#galleryWindow').addClass('open'); // NOTE WINDOW IS OPEN (EN-LARGED)
						$('#galleryWindow').animate({'height':galleryWindowH},500,function(){ // ENLARGE HEIGHT OF WINDOW
							$('#galleryThumbs').animate({'height':'143px'},500); // SHOW THUMBS AREA
						});
						$('#interiorThumbsWindow').fadeIn('slow'); // FADE IN THUMBS
						$('#interiorThumbsHolder').addClass('viewing'); // NOTE WHICH THUMBS WE'RE VIEWING
					});
				});
			}
		});
		
		$('#exteriorBut').click(function() {
			if ( $('#galleryWindow').hasClass('open') ) {
				// SET THUMBS CURRENT PAGE TO 0 (ZERO)
				exteriorCurrentPage = 0;
				// SET THUMBS WINDOW TO START
				$('#exteriorThumbsHolder').css('left','0px');
				// FADE OUT CURRENT LARGE IMAGE
				$('#lrgImage img').fadeOut('slow',function(){
					$(this).attr('src',firstExteriorImg).fadeIn('slow')
				});
				// HIDE INTERIOR THUMBS
				$('#interiorThumbsWindow').fadeOut('slow',function(){
					$('#interiorThumbsHolder').removeClass('viewing');
					$('#exteriorThumbsWindow').fadeIn('slow');
					$('#exteriorThumbsHolder').addClass('viewing');
				});
				// HIDE VIDEO THUMBS
				$('#videoThumbsWindow').fadeOut('slow',function(){ 
					$('#videoThumbsHolder').removeClass('viewing');
					$('#exteriorThumbsWindow').fadeIn('slow');
					$('#exteriorThumbsHolder').addClass('viewing');
				});
			}else{
				// FIRST TIME OPENING
				$('#lrgImage img').fadeOut('slow',function(){
					$(this).attr('src',firstExteriorImg).fadeIn('slow',function(){
						$('#galleryWindow').addClass('open');
						$('#galleryWindow').animate({'height':galleryWindowH},500,function(){
							$('#galleryThumbs').animate({'height':'143px'},500);
						});
						$('#exteriorThumbsWindow').fadeIn('slow');
						$('#exteriorThumbsHolder').addClass('viewing');
					});
				});
			}
		});
		
		$('#videoBut').click(function() {
			if ( $('#galleryWindow').hasClass('open') ) {
				// SET THUMBS CURRENT PAGE TO 0 (ZERO)
				videoCurrentPage = 0;
				// SET THUMBS WINDOW TO START
				$('#videoThumbsHolder').css('left','0px');
				// FADE OUT CURRENT LARGE IMAGE
				//$('#lrgImage img').fadeOut('slow',function(){
					//$(this).attr('src',firstExteriorImg).fadeIn('slow')
				//});
				$('#interiorThumbsWindow').fadeOut('slow',function(){
					$('#interiorThumbsHolder').removeClass('viewing');
					$('#videoThumbsWindow').fadeIn('slow');
					$('#videoThumbsHolder').addClass('viewing');
				});
				$('#exteriorThumbsWindow').fadeOut('slow',function(){ 
					$('#exteriorThumbsHolder').removeClass('viewing');
					$('#videoThumbsWindow').fadeIn('slow');
					$('#videoThumbsHolder').addClass('viewing');
				});
			}else{
				// FIRST TIME OPENING
				$('#lrgImage img').fadeOut('slow',function(){
					$(this).attr('src',firstExteriorImg).fadeIn('slow',function(){
						$('#galleryWindow').addClass('open');
						$('#galleryWindow').animate({'height':galleryWindowH},500,function(){
							$('#galleryThumbs').animate({'height':'143px'},500);
						});
						$('#videoThumbsWindow').fadeIn('slow');
						$('#videoThumbsHolder').addClass('viewing');
					});
				});
			}
		});
		
		$('#galleryClose').click(function() {
			$('#galleryThumbs').animate({'height':'0px'},500,function(){
				$('#galleryWindow').animate({'height':'400px'},500, function(){
					$('#galleryWindow').removeClass();
					$('#interiorThumbsWindow').fadeOut('slow');
					$('#interiorThumbsHolder').removeClass('viewing');
					$('#exteriorThumbsWindow').fadeOut('slow');
					$('#exteriorThumbsHolder').removeClass('viewing');
					$('#videoThumbsWindow').fadeOut('slow');
					$('#videoThumbsHolder').removeClass('viewing');
					resetOrigGalleryImg();
				});
			});
		});
		
		//
		// THUMB SCROLL BUTTONS
		//
		// NEXT BUTTON
		$('#next').click(function(){
			// Interior Next button
			if( $('#interiorThumbsHolder').hasClass('viewing') ){
				if( interiorCurrentPage != interiorTotalPages ){
					interiorCurrentPage = interiorCurrentPage+1;
					var newPos = 0-(interiorCurrentPage*835);
					$('#interiorThumbsHolder').animate({'left': newPos},500);
				}
			}
			// Exterior Next button
			if( $('#exteriorThumbsHolder').hasClass('viewing') ){
				if( exteriorCurrentPage != exteriorTotalPages ){
					exteriorCurrentPage = exteriorCurrentPage+1;
					var newPos = 0-(exteriorCurrentPage*835);
					$('#exteriorThumbsHolder').animate({'left': newPos},500);
				}
			}
			// Video Next button
			if( $('#videoThumbsHolder').hasClass('viewing') ){
				if( videoCurrentPage != videoTotalPages ){
					videoCurrentPage = videoCurrentPage+1;
					var newPos = 0-(videoCurrentPage*835);
					$('#videoThumbsHolder').animate({'left': newPos},500);
				}
			}
			
		});
		//
		// PREV BUTTON
		$('#prev').click(function(){
			// Interior Prev button
			if( $('#interiorThumbsHolder').hasClass('viewing') ){
				if( interiorCurrentPage != 0 ){
					interiorCurrentPage = interiorCurrentPage-1;
					var newPos = 0-(interiorCurrentPage*835);
					$('#interiorThumbsHolder').animate({'left': newPos},500);
				}
			}
			// Exterior Prev button
			if( $('#exteriorThumbsHolder').hasClass('viewing') ){
				if( exteriorCurrentPage != 0 ){
					exteriorCurrentPage = exteriorCurrentPage-1;
					var newPos = 0-(exteriorCurrentPage*835);
					$('#exteriorThumbsHolder').animate({'left': newPos},500);
				}
			}
			// Video Prev button
			if( $('#videoThumbsHolder').hasClass('viewing') ){
				if( videoCurrentPage != 0 ){
					videoCurrentPage = videoCurrentPage-1;
					var newPos = 0-(videoCurrentPage*835);
					$('#videoThumbsHolder').animate({'left': newPos},500);
				}
			}
			
		});
		
		//
		// LARGER VIEW
		$('a.aThumb').click(function(event){
			event.preventDefault();
			var imgURL = $(this).attr('href');
			$('#lrgImage img').fadeOut('slow', function(){
				$(this).attr('src',imgURL).fadeIn('slow');
			});
		});
		
				
	});
	
});