$(document).ready(function(){
  $('div.post_content').showdelay();
});

 $(function () {
        var img = new Image();
        $(img).load(function () {
            //$(this).css('display', 'none'); // .hide() doesn't work in Safari when the element isn't on the DOM already
            $(this).hide();
            $('#loader').removeClass('loading').append(this);
            $(this).fadeIn();
        })
    });
	
(function($){
  $.fn.showdelay = function(){
    var delay = 0;
    return this.each(function(){
      $(this).delay(delay).fadeIn(280);
      delay += 200;
    });
  };
})(jQuery);

$(document).ready(function() {

	
	$('#logo a')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -20px)"}, 
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"}, 
			{duration:500})
		})
	
	$('#infobox').hide();
	  $('#slick-show').click(function() {
		$('#infobox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	  $('#slick-hide').click(function() {
		$('#infobox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	$('#categorybox').hide();
	  $('#slick-show1').click(function() {
		$('#categorybox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');	
		return false;
	  });
	  $('#slick-hide1').click(function() {
		$('#categorybox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	$('#feedbox').hide();
	  $('#slick-show2').click(function() {
		$('#feedbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');	
		return false;
	  });
	  $('#slick-hide2').click(function() {
		$('#feedbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	$('#clientbox').hide();
	  $('#slick-show3').click(function() {
		$('#clientbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');	
		return false;
	  });
	  $('#slick-hide3').click(function() {
		$('#clientbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	$('#contactbox').hide();
	  $('#slick-show4').click(function() {
		$('#contactbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	  $('#slick-hide4').click(function() {
		$('#contactbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });
	$('#pressbox').hide();
	  $('#slick-show5').click(function() {
		$('#pressbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');	
		return false;
	  });
	  $('#slick-hide5').click(function() {
		$('#pressbox').slideToggle('slow')
		.siblings('div:visible').slideToggle('fast');
		return false;
	  });

						   
	var hash = window.location.hash.substr(1);
	var href = $('#portfolio li a').each(function(){
		var href = $(this).attr('href');
		if(hash==href.substr(0,href.length-5)){
			var toLoad = hash+'.html';
			$('#portfolio').load(toLoad)
		}											
	});

	$('#portfolio li a').click(function(){
								  
		var toLoad = $(this).attr('href');
		$('#feature').fadeOut('slow',loadContent);
		return false;
		$('#load').fadeIn('normal');
		window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
		function loadContent() {
			$('#feature').load(toLoad,'',showNewContent())
		}
		function showNewContent() {
			$('#feature').fadeIn('fast',hideLoader());
		}
		function hideLoader() {
			   $('#portfolio').slideDown('slow');	
		}
		return false;
		
	});
	
	
	$('#portfolio li a').click(function(){
		    $('#portfolio').slideDown('fast');
			$("html, body").animate({scrollTop:0}, 'fast');	
			
    return false;
  });
  

		
$(window).scroll(function(){				
	if($(window).scrollTop() == "0")
		$('div.scrollToTop').fadeOut('slow');
	else
		$('div.scrollToTop').fadeIn('slow');
});

$('div.scrollToTop a').live('click', function(){
	$("html, body").animate({scrollTop:0}, 'slow');
});


	
}); 
/*
   
function goToByScroll(id){//
	      $('html,body').animate({scrollTop: $("#"+id).offset().top},'fast');	}
		  $('div.project:nth-child(4n+4)').addClass('odd');

	 
	$(window).scroll(function(){
		if ($(this).scrollTop() > 28){
			$('#title').css({"position":"fixed", "top":"90px;  width:100%"});
		}else{
			$('#title').css({"position":"fixed", "top":"100px: width:100%"});
		}
		});	
*/