jQuery(document).ready(function(){

	// Fade Effects
	jQuery(function(){
		
		// Fade in homepage on pageload
		jQuery("body.home").css({"display" : "none"}).fadeIn('slow');
		
		//portfolio thumb fadein fadeout
		jQuery(".fader img").css("opacity",1);
		jQuery(".fader span.title,.fader span.category").css("opacity",0);
		jQuery(".fader").hover(function(){
			jQuery(this).find("img").fadeTo("slow", .4);
			jQuery(this).find("span.title,span.category").fadeTo("slow", 1);
			jQuery(this).find("span.title,span.category").css("color","#fff");
	
		}, function(){
			jQuery(this).find("img").fadeTo("slow", 1);
			jQuery(this).find("span.title,span.category").fadeTo("slow", 0);
			jQuery(this).find("span.title,span.category").css("color","#ccc");
		});
	});

  
  // Menu Hide Effects 
  jQuery.fn.fadeToggle = function(speed, easing, callback) {
   	return this.animate({opacity: 'toggle'}, speed, easing, callback);
	};
	jQuery('#hide').click(function(){
	 jQuery('#menu').fadeToggle();
	 jQuery(this).text(jQuery(this).text() == '+ Show menu' ? '- Hide menu' : '+ Show menu');
		return false; 
	});
	
	// Menu SlideToggle Effects
	jQuery("#menu ul ul").hide();

	jQuery("#menu ul li:hover > ul").toggle(function(){
		jQuery(this).addClass("active"); 
		}, function () {
		jQuery(this).removeClass("active");
	});
	
	jQuery("#menu ul li:hover > ul").hover(function(){
		jQuery(this).next("#menu ul ul").slideToggle("slow,");
	});
	
	jQuery('#menu ul li:hover > ul').hover(
    function(){
        jQuery(this).addClass('trigger') },
    function() {
        jQuery(this).removeClass('trigger');
    }
	);
	
	// Menu SlideToggle
	jQuery('#menu ul li').hover(
		function() { jQuery('ul', this).fadeToggle().addClass('show'); },
		function() { jQuery('ul', this).fadeToggle().removeClass('hide'); }
	);


});