// JavaScript Document
jQuery.noConflict();
jQuery(document).ready(function($){
	
	// Style Experience Element(s)
	$('#exForm').hide();
	
	// What Our Clients Say Pop Up
	$("#vid").fancybox({
		'scrolling'			: 'no',
		'height'			: 611,
		'width'				: 960,
		'type'				: 'iframe',
		'overlayOpacity'	: 0.8,
		'overlayColor'		: '#000'
	});
	$("a.vid").fancybox({
		'scrolling'			: 'no',
		'height'			: 611,
		'width'				: 960,
		'type'				: 'iframe',
		'overlayOpacity'	: 0.8,
		'overlayColor'		: '#000'
	});
	// Slide Show Pop Up
	$("#slideShow").fancybox({
		'scrolling'			: 'no',
		'height'			: 611,
		'width'				: 960,
		'type'				: 'iframe',
		'overlayOpacity'	: 0.8,
		'overlayColor'		: '#000'
	});
	
	// General Gallery ---------------------------------------------- //
	// 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();
	$('#galleryThumbs').css('overflow','hidden').css('height','0px');
	var thumbSize = 167;
	var galleryHolderW = ( $('#galleryThumbsHolder .aThumb').length)*thumbSize;
	$('#galleryThumbsWindow').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();
	$('#galleryThumbsHolder').css('width',galleryHolderW).css('position','absolute').css('top','0px').css('left','0px');
	$('.galleryBut').show();
	$('#galleryClose').show();
	//
	var galleryTotalPages = Math.ceil(galleryHolderW/835)-1;
	var galleryCurrentPage = 0;
	// General Gallery END ---------------------------------------------- //
	
	// Designer Info Setup ---------------------------------------------- //
	$('#designerInfo').children('.col2.designer').hide();
	var firstDesigner = $('#subHeadline a').first().attr('name');
	var firstDesignerID = '#'+firstDesigner;
	$(firstDesignerID).show();
	//
	// Designer Info Setup END ---------------------------------------------- //
	
	// Footer e_news Clear Inputs ---------------------------------------------- //
	$('#eName').focusin( function(){
		var eNameVal = $(this).attr('value');
		if ( eNameVal == 'Your name' ) {
			$(this).attr('value','');
		}
	});
	$('#eName').focusout( function(){
		var eNameVal = $(this).attr('value');
		if ( eNameVal == '' ) {
			$(this).attr('value','Your name');
		}
	});
	$('#eEmail').focusin( function(){
		var eEmailVal = $(this).attr('value');
		if ( eEmailVal == 'Your email' ) {
			$(this).attr('value','');
		}
	});
	$('#eEmail').focusout( function(){
		var eEmailVal = $(this).attr('value');
		if ( eEmailVal == '' ) {
			$(this).attr('value','Your email');
		}
	});
	// Footer e_news Clear Inputs END ---------------------------------------------- //
	
	var numPageImages = $('#pageCaro li').length;
	var pageImagesW = numPageImages*960;
	//$('#designers').css('width',designerImagesW);
	
	
	$(window).load(function	() {
		// Show / Hide Experience Form
		$('#experienceBut a').click(function(event){
			$('#exForm').slideDown('slow');
			event.preventDefault();
		});
		$('#exClose').click(function(){
			$('#exForm').slideUp('slow');
		});
		
		/// General Gallery ---------------------------------------------- //
		// 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 firstGalleryImg = $('#galleryThumbsHolder a:first-child').attr('href');
		//
		$('#galleryBut').click(function() {
			if ( $('#galleryWindow').hasClass('open') ) {
				// SET THUMBS CURRENT PAGE TO 0 (ZERO)
				interiorCurrentPage = 0;
				// SET THUMBS WINDOW TO START
				$('#galleryThumbsHolder').css('left','0px');
				// FADE OUT CURRENT LARGE IMAGE
				$('#lrgImage img').fadeOut('slow',function(){
					$(this).attr('src',firstGalleryImg).fadeIn('slow')
				});
			}else{
				// FIRST TIME OPENING
				$('#lrgImage img').fadeOut('slow',function(){ // FADE OUT MAIN IMAGE
					$(this).attr('src',firstGalleryImg).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
						});
						$('#galleryThumbsWindow').fadeIn('slow'); // FADE IN THUMBS
						$('#galleryThumbsHolder').addClass('viewing'); // NOTE WHICH THUMBS WE'RE VIEWING
					});
				});
			}
		});
		// CLOSE BUTTON
		$('#galleryClose').click(function() {
			$('#galleryThumbs').animate({'height':'0px'},500,function(){
				$('#galleryWindow').animate({'height':'400px'},500, function(){
					$('#galleryWindow').removeClass();
					$('#galleryThumbsWindow').fadeOut('slow');
					$('#galleryThumbsHolder').removeClass('viewing');
					resetOrigGalleryImg();
				});
			});
		});
		// NEXT BUTTON
		$('#next').click(function(){
			if( galleryCurrentPage != galleryTotalPages ){
				galleryCurrentPage = galleryCurrentPage+1;
				var newPos = 0-(galleryCurrentPage*835);
				$('#galleryThumbsHolder').animate({'left': newPos},500);
			}
		});
		// PREV BUTTON
		$('#prev').click(function(){
			if( galleryCurrentPage != 0 ){
				galleryCurrentPage = galleryCurrentPage-1;
				var newPos = 0-(galleryCurrentPage*835);
				$('#galleryThumbsHolder').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');
			});
		});
		// General Gallery END ---------------------------------------------- //
		
		
		// Designer Button & info switch ---------------------------------------------- //
		$('#subHeadline a').click( function(event) {
			var designerPos = $(this).attr('rel');
			var newPos = 0-designerPos;
			var designerName = $(this).attr('name');
			var designerID = '#'+designerName;
			$(firstDesignerID).fadeOut('slow', function(){
				$(designerID).fadeIn('slow');
				firstDesignerID = designerID;
				event.preventDefault();
			});
			$('#designers').animate({'top' : newPos},'slow')
			event.preventDefault();
		});
		// Designer Button & info switch END ---------------------------------------------- //
		
		var pageCaro = window.setInterval(
			function() {
				var toMove = 400;
				var maxPos = 0-( (numPageImages-1)*toMove);
				var currentPos = parseInt($('#pageCaro').css('top'));
				if ( currentPos == maxPos ) {
					$('#pageCaro').animate({'top' : '0px'},500)
				} else {
					var newPos = currentPos-toMove;
					$('#pageCaro').animate({'top' : newPos},500)
				}
			},5000);
		
	});
	
});