// JavaScript Document

$(document).ready(function(){
	
	$.preloadImage1 = function(path) {  
			$("#corporateHero img").attr("src", path); 
			$.preloadImage1('images/print/featured/' + imageName);
		}
		

		$('.location').hide();
		
		var categories = $('.folio_category');
		
		var headings = categories.find('h1');
		
		categories.addClass('unselected');

		var details = $(categories).find('.info');

		details.hide();

		$('.thumbnailcategory').hide();
		
		$('.hero').hide();
			
		headings.click(function()

				{
				
				$('.thumbnailcategory').hide();
 
				var gallery = $(this).parent().find('ul a:first');

				var tn = $(gallery).find('img');
				
				var mainInfo = $('.panel').find('.main_info');
		
				tn.click();
	
				$('.folio_category .menuback').remove();
		
				$(this).parent().addClass('selected').removeClass('unselected').css('height', '100%');
				
				var cat = $(this).parent();
		
				$('.unselected').hide();
					
				
				$('.folio_category').css('overflow', 'visible');
				
				$(mainInfo).animate({width: 750, marginLeft: -85, marginTop: -50}, 1000, function(){
					$(cat).prepend('<div class="menuback">X</div>');
					
					$('.thumbnailcategory').fadeIn();
					
					$('.hero').fadeIn();
					
					$('.menuback').click(function()
								
						{
				
						$(this).parent().addClass('unselected').removeClass('selected').css('height', '30px');
			
						$(categories).fadeIn();															
				
						$('.menuback').remove();
						
						$(mainInfo).animate({width: 325, marginLeft: 0, marginTop: 0}, 1000);
				
						$('.info, .hero, .thumbnailcategory').fadeOut();

						$('.folio_category').css('overflow', 'hidden');
						
						
								
				});//end click
				});//end animate

					

		}); //end click

		$('#map a').click(function(evt){

			evt.preventDefault();

			$('.location').fadeIn().append('<div id="lrgmap"></div>');
	
			$('#lrgmap').fadeIn().append('<div class="mapclose">X</div>');

			$('.mapclose').click(function()
								
						{
			
						$('.location').hide();															
				
						$('#lrgmap').remove();
				
						$('.location .mapclose').remove();

				
								
				});//end click

		});//end click

		
$.preloadImage1 = function(path) 

		{

		$('.hero img').attr('src', path); 
	
		}  
  
		$('ul#corporateThumb li img').click(function() {
				$('ul#corporateThumb li img').css('opacity', '1');	
				$(this).css('opacity', '0.3');                                 
				var imageName = $(this).attr('alt');                          
				$.preloadImage1('images/print/featured/' + imageName);
				
								
		}); //end click
	  
		$('ul#corporateThumb li img').each(function(i) {
				var content = $('#corporate');
				var details = $(content).find('.info');
				var $match = $(details).eq(i);
				$(this).click(function(evt) {
						evt.preventDefault();
						details.hide();
						$match.fadeIn(1000);   
						$('.hero img').hide();
						$('.hero img').fadeIn(800);  
				
				}); //end click

		}); // end each 



$.preloadImage2 = function(path) 

		{

		$('.hero img').attr('src', path); 
	
		}  
  
		$('ul#printThumb li img').click(function() {
				$('ul#printThumb li img').css('opacity', '1');	
				$(this).css('opacity', '0.3');                                 
				var imageName = $(this).attr('alt');                          
				$.preloadImage2('images/photography/featured/' + imageName);
				
								
		}); //end click
	  
		$('ul#printThumb li img').each(function(i) {
				var content = $('#print');
				var details = $(content).find('.info');
				var $match = $(details).eq(i);
				$(this).click(function(evt) {
						evt.preventDefault();
						details.hide();
						$match.fadeIn(1000);   
						$('.hero img').hide();
						$('.hero img').fadeIn(800);  
				
				}); //end click

		}); // end each


$.preloadImage3 = function(path) {
			$('.hero img').attr('src', path); 
		}  
  
		$('ul#photographyThumb li img').click(function() {  
				$('ul#photographyThumb li img').css('opacity', '1');                       
				$(this).css('opacity', '0.3');                                 
				var imageName = $(this).attr('alt');                          
				$.preloadImage3('images/photo/featured/' + imageName);
				
		}); //end click
	  
		$('ul#photographyThumb li img').each(function(i) {
				var content = $('#photography');
				var details = $(content).find('.info');
				var $match = $(details).eq(i);
				$(this).click(function(evt) {
						evt.preventDefault();
						details.hide();
						$match.fadeIn(1000);   
						$('.hero img').hide();
						$('.hero img').fadeIn(1800);  

				}); //end click

		}); // end each	


$.preloadImage4 = function(path) {
			$('.hero img').attr('src', path); 
		}  
  
		$('ul#photoretouchThumb li img').click(function() {  
				$('ul#photoretouchThumb li img').css('opacity', '1');                       
				$(this).css('opacity', '0.3');                                 
				var imageName = $(this).attr('alt');                          
				$.preloadImage4('images/illustration/featured/' + imageName);
				
		}); //end click
	  
		$('ul#photoretouchThumb li img').each(function(i) {
				var content = $('#photoretouch');
				var details = $(content).find('.info');
				var $match = $(details).eq(i);
				$(this).click(function(evt) {
						evt.preventDefault();
						details.hide();
						$match.fadeIn(1000);   
						$('.hero img').hide();
						$('.hero img').fadeIn(1800);  

				}); //end click

		}); // end each	



$.preloadImage5 = function(path) {
			$('.hero img').attr('src', path); 
		}  
  
		$('ul#websitesThumb li img').click(function() {  
				$('ul#websitesThumb li img').css('opacity', '1');                       
				$(this).css('opacity', '0.3');                                 
				var imageName = $(this).attr('alt');                          
				$.preloadImage5('images/websites/featured/' + imageName);
				
		}); //end click
	  
		$('ul#websitesThumb li img').each(function(i) {
				var content = $('#websites');
				var details = $(content).find('.info');
				var $match = $(details).eq(i);
				$(this).click(function(evt) {
						evt.preventDefault();
						details.hide();
						$match.fadeIn(1000);   
						$('.hero img').hide();
						$('.hero img').fadeIn(1800);  

				}); //end click

		}); // end each	



$.preloadImage6 = function(path) {
			$('.hero img').attr('src', path); 
		}  
  
		$('ul#clientThumb li img').click(function() {  
				$('ul#clientThumb li img').css('opacity', '1');                       
				$(this).css('opacity', '0.3');                                 
				var imageName = $(this).attr('alt');                          
				$.preloadImage6('images/clients/featured/' + imageName);
				
		}); //end click
	  
		$('ul#clientThumb li img').each(function(i) {
				var content = $('#clientList');
				var details = $(content).find('.info');
				var $match = $(details).eq(i);
				$(this).click(function(evt) {
						evt.preventDefault();
						details.hide();
						$match.fadeIn(1000);   
						$('.hero img').hide();
						$('.hero img').fadeIn(1800);  

				}); //end click

		}); // end each	
		
		
		
		
		
		
});//end ready