/*
Visalli Media Theme jQuery functions
*/


/****************************************** TEMPLATE ********************************************************************

(function( $ ){

  $.fn.myPlugin = function() {
  
         
    this.fadeIn('normal', function(){

      

    });

  };
})( jQuery );

**/


/****************************************** MAIN MENU **********************************************************************/

(function( $ ){

	//run function for #main-menu element
	$.fn.mainmenu = function() {
  
	  	$(document).ready(function() {		
			
	           
	    	//MAIN MENU > hide & display "Menu" link
			
			/*SHOW main menu & hide "menu" button on bottom right*/
			$("#show-menu").click(function () {			
				$("ul.nav-menu").animate({"bottom": "+=40px"}, 1000); 
				$(".title-bg").animate({"bottom": "+=40px"}, 1000); 
				$(".menu-bg").animate({"bottom": "+=40px"}, 1000); 
				$("#title-logo a").animate({"bottom": "+=40px"}, 1000); 
				$(".project-title").animate({"bottom": "+=40px"}, 1000); 
				$(".jcarousel-skin-tango ul").animate({"bottom": "+=40px"}, 1000); 
				
				$("#hide-menu").animate({"bottom": "+=20px"}, 1000);
				$(this).animate({"bottom": "+=20px"}, 1000);
				
				$(this).animate({"opacity": "0"}, 1000).addClass('button-hidden');
				
				$("#hide-menu").removeClass('button-hidden').animate({"opacity": "1.0"}, 1000);
			});
			
			
			/*HIDE main menu & show "menu" button on bottom right*/
			$("#hide-menu").click(function () {			
				$("ul.nav-menu").animate({"bottom": "-=40px"}, 1000); 
				$(".title-bg").animate({"bottom": "-=40px"}, 1000); 
				$(".menu-bg").animate({"bottom": "-=40px"}, 1000); 
				$("#title-logo a").animate({"bottom": "-=40px"}, 1000); 
				$(".project-title").animate({"bottom": "-=40px"}, 1000);
				$(".jcarousel-skin-tango ul").animate({"bottom": "-=40px"}, 1000);
				
				
				$("#show-menu").animate({"bottom": "-=20px"}, 1000);
				$(this).animate({"bottom": "-=20px"}, 1000);
				
				$(this).animate({"opacity": "0"}, 1000).addClass('button-hidden');	
				
				$("#show-menu").removeClass('button-hidden').animate({"opacity": "1.0"}, 1000);
				
				/*hide submenus*/
				$(".menu").fadeOut(300);
				$(".portfolio-link-show").show();  
			 	$(".portfolio-link-hide").hide();
			 	
			 	//show thumbnails
				$(".jqgallery-thumbs").show();
				
			});
			
			
			//MAIN MENU - PORTFOLIO SUB MENU
			$("a#show-portfolio-menu").click(function(){ 
				$("#portfolio-menu").fadeIn(600);  
				$(".portfolio-menu-links").fadeIn(600); 
				$(".portfolio-menu-bg").fadeIn(600); 
				$(".portfolio-link-hide").show();
				$("#hide-restaurants-menu").hide(); 
				$("#hide-residential-menu").hide(); 
				$("#hide-retail-menu").hide(); 
				$("#hide-commercial-menu").hide(); 
				$("#show-restaurants-menu").show(); 
				$("#show-residential-menu").show(); 
				$("#show-retail-menu").show(); 
				$("#show-commercial-menu").show(); 
				
				//hide sketchbook menus
				$("#sketchbook-menu-links").hide();
				$(".sketchbook-sub-nav").hide();
			 	$(".sketchbook-link-show").show();  
				$(".sketchbook-link-hide").hide(); 
				
				//hide thumbnails
				$(".jqgallery-thumbs").hide();
				
			 });  
			 
			 $("a#hide-portfolio-menu").click(function(){  
				 $(".portfolio-menu-links").fadeOut(300);
				 $(".portfolio-menu-bg").fadeOut(300);
				 $(".portfolio-sub-nav").fadeOut(300);
				 $(".portfolio-link-show").show();  
				 $(".portfolio-link-hide").hide(); 
				 
				 //show thumbnails
				 $(".jqgallery-thumbs").show();
				 
			 });  
			 
			 $("a#show-restaurants-menu").click(function(){  
				 $("#restaurants-menu").fadeIn(300);
				 $("#restaurants-menu-links").fadeIn(300);
				 $("#residential-menu").fadeOut(300);
				 $("#residential-menu-links").fadeOut(300);
				 $("#retail-menu").fadeOut(300);
				 $("#retail-menu-links").fadeOut(300);
				 $("#commercial-menu").fadeOut(300);
				 $("#commercial-menu-links").fadeOut(300); 
				 $("#show-restaurants-menu").hide(); 
				 $("#hide-restaurants-menu").show(); 
				 $("#show-residential-menu").show();
				 $("#hide-residential-menu").hide();
				 $("#show-retail-menu").show();
				 $("#hide-retail-menu").hide();
				 $("#show-commerical-menu").show();
				 $("#hide-commerical-menu").hide();
			 });  
			 
			 $("a#hide-restaurants-menu").click(function(){  
				 $("#restaurants-menu").fadeOut(300);
				 $("#restaurants-menu-links").fadeOut(300);
				 $("#show-restaurants-menu").show();  
				 $("#hide-restaurants-menu").hide();  
			 }); 
			 
			 $("a#show-residential-menu").click(function(){  
				 $("#residential-menu").fadeIn(300);
				 $("#residential-menu-links").fadeIn(300);
				 $("#hide-residential-menu").show();  
				 $("#show-residential-menu").hide();
				 $("#restaurants-menu").fadeOut(300);
				 $("#restaurants-menu-links").fadeOut(300);
				 $("#retail-menu").fadeOut(300);
				 $("#retail-menu-links").fadeOut(300);
				 $("#commercial-menu").fadeOut(300);
				 $("#commercial-menu-links").fadeOut(300);
				 $("#show-restaurants-menu").show(); 
				 $("#hide-restaurants-menu").hide(); 
				 $("#show-residential-menu").hide();
				 $("#hide-residential-menu").show();
				 $("#show-retail-menu").show();
				 $("#hide-retail-menu").hide();
				 $("#show-commerical-menu").show();
				 $("#hide-commerical-menu").hide(); 
			 });  
			 
			 $("a#hide-residential-menu").click(function(){  
				 $("#residential-menu").fadeOut(300);
				 $("#residential-menu-links").fadeOut(300);
				 $("#show-residential-menu").show();  
				 $("#hide-residential-menu").hide();  
			 }); 
			 
			 $("a#show-retail-menu").click(function(){  
				 $("#retail-menu").fadeIn(300);
				 $("#retail-menu-links").fadeIn(300);
				 $("#restaurants-menu").fadeOut(300);
				 $("#restaurants-menu-links").fadeOut(300);
				 $("#residential-menu").fadeOut(300);
				 $("#residential-menu-links").fadeOut(300);
				 $("#commercial-menu").fadeOut(300);
				 $("#commercial-menu-links").fadeOut(300);
				 $("#show-restaurants-menu").show(); 
				 $("#hide-restaurants-menu").hide(); 
				 $("#show-residential-menu").show();
				 $("#hide-residential-menu").hide();
				 $("#show-retail-menu").hide();
				 $("#hide-retail-menu").show();
				 $("#show-commerical-menu").show();
				 $("#hide-commerical-menu").hide();
			 });  
			 
			 $("a#hide-retail-menu").click(function(){  
				 $("#retail-menu").fadeOut(300);
				 $("#retail-menu-links").fadeOut(300);
				 $("#show-retail-menu").show();  
				 $("#hide-retail-menu").hide();  
			 }); 
			 
			 $("a#show-commercial-menu").click(function(){  
				 $("#commercial-menu").fadeIn(300);
				 $("#commercial-menu-links").fadeIn(300);
				 $("#restaurants-menu").fadeOut(300);
				 $("#restaurants-menu-links").fadeOut(300);
				 $("#residential-menu").fadeOut(300);
				 $("#residential-menu-links").fadeOut(300);
				 $("#retail-menu").fadeOut(300);
				 $("#retail-menu-links").fadeOut(300);
				 $("#show-restaurants-menu").show(); 
				 $("#hide-restaurants-menu").hide(); 
				 $("#show-residential-menu").show();
				 $("#hide-residential-menu").hide();
				 $("#show-retail-menu").show();
				 $("#hide-retail-menu").hide();
				 $("#show-commerical-menu").hide();
				 $("#hide-commerical-menu").show();
			 });  
			 
			 $("a#hide-commercial-menu").click(function(){  
				 $("#commercial-menu").fadeOut(300);
				 $("#commercial-menu-links").fadeOut(300);
				 $("#show-commercial-menu").show();  
				 $("#hide-commercial-menu").hide();  
			 }); 
			 
			 //MAIN MENU - SKETCHBOOK SUB MENU
			 $("a#show-sketchbook-menu").click(function(){ 
				$("#sketchbook-menu").fadeIn(600);  
				$("#sketchbook-menu-links").fadeIn(600); 
				$(".sketchbook-menu-bg").fadeIn(600); 
				$(".sketchbook-link-hide").show();
				$("#hide-restaurants-menu").hide(); 
				$("#hide-residential-menu").hide(); 
				$("#hide-retail-menu").hide(); 
				$("#hide-commercial-menu").hide(); 
				
				//hide thumbnails
				$(".jqgallery-thumbs").hide();
				
				/*hide submenus*/
				$("#portfolio-menu").hide();
				$(".portfolio-link-show").show();  
			 	$(".portfolio-link-hide").hide();
			 	$("#retail-menu").hide();
				$("#retail-menu-links").hide();
				$("#restaurants-menu").hide();
				$("#restaurants-menu-links").hide();
				$("#residential-menu").hide();
				$("#residential-menu-links").hide();
				$("#commercial-menu").hide();
				$("#commercial-menu-links").hide();
				
			 });  
			 
			 $("a#hide-sketchbook-menu").click(function(){  
				 $("#sketchbook-menu-links").fadeOut(300);
				 $(".sketchbook-sub-nav").fadeOut(300);
				 $(".sketchbook-link-show").show();  
				 $(".sketchbook-link-hide").hide(); 
				 
				 //show thumbnails
				 $(".jqgallery-thumbs").show();
			 }); 
	
		 }); //document ready

	}; //mainmenu function
  
})( jQuery );


/****************************************** HOME PAGE INTRO **********************************************************************/

	//call this function from the last frame in sousa-intro.swf
	
	function homePageIntro() {
	
		$('#flash-intro-bg').animate({opacity: "0"}, 1000);
		/*
		$('#flash-intro-container').hide(3000,function(){
			hideMainMenu();
		});	
		*/
		$("#hide-menu").removeClass('button-hidden').animate({"bottom": "+=20px"}, 1000);
		$("#show-menu").animate({"bottom": "-=20px"}, 1000);
		
		$('#flash-intro-container').hide(1000);		
	
	}
	
	function hideMainMenu() {
		$("ul.nav-menu").animate({"bottom": "-=40px"}, 1000); 
		$(".title-bg").animate({"bottom": "-=40px"}, 1000); 
		$(".menu-bg").animate({"bottom": "-=40px"}, 1000); 
		$("#title-logo a").animate({"bottom": "-=40px"}, 1000); 
		$(".project-title").animate({"bottom": "-=40px"}, 1000);
		$(".jcarousel-skin-tango ul").animate({"bottom": "-=40px"}, 1000);
		
		
		$("#show-menu").animate({"bottom": "-=40px"}, 1000);		
		$("#show-menu").removeClass('button-hidden').animate({"opacity": "1.0"}, 1000);
		
		/*hide submenus*/
		$(".menu").fadeOut(300);
		$(".portfolio-link-show").show();  
	 	$(".portfolio-link-hide").hide();
	}
	

/************************************************ PRESS PAGE **************************************************************************/


	function centerArrows(){

		var winwidth = $(window).width();
		var contentWidth = 600;
		var leftMargin = (winwidth/2 - contentWidth/2);
		var rightMargin = (winwidth/2 - contentWidth/2);
		
		$(function(){
			$('.nav-previous').css('left',leftMargin + 'px');
			$('.nav-next').css('right',rightMargin + 'px');
		});
		
	}


/************************************ GALLERY (PORTFOLIO & SKETCHBOOK)**************************************************************/