var $j = jQuery.noConflict();

$j(function(){


        
$j(document).ready(function() {


    $j('.gallery a').click(function(e) {
    
        e.preventDefault();
    
    // ladda bild i bakgrund
    // fada ut förgrunden + ändra storlek på .entry-image
    
if( !$j('body').hasClass('animating') ) {
		
		$j("body").addClass('animating');    

        var newImgSrc = $j(this).attr('href');
        var newImgAlt = $j(this).children("img").attr('alt');        
        
		$j(this).parents("article").children("header").children(".entry-image").prepend('<img src="'+newImgSrc+'" />');	
		
		var newImage = 	$j(this).parents("article").children("header").children(".entry-image").children("img:first");
		var oldImage =  $j(this).parents("article").children("header").children(".entry-image").children("img:last");
		
		newImage.hide();
		
		
		newImage.show( function () {
		
		//	console.log( $j(this).parents("article").children("header").children(".entry-image").children("img:first").height() );

		console.log( "LOADING ... ") 
		//oldImage.fadeTo("fast", .5);
		
			
			newImage.one("load",function(){
				console.log( "LOADED") 
				
				var newHeight = newImage.height(); 
				newImage.parents(".entry-image").animate({height: newHeight }, 400);
				
				
		oldImage.fadeOut(400, function() {
				
				$j(this).parents("article").children("header")
					.children(".entry-image-alt-text")
					.html(newImgAlt);					
				
				oldImage.remove();	
				$j("body").removeClass('animating');			
				});		

	
		})
		.each(function(){ // trigger load even if image is cashed or browser is ie6
		if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) == 6)) 
		$j(this).trigger("load");
		});	

	});
		

									
	
	var id = $j(this).parents("article").children("header").children(".entry-title").attr("id");
	
	var destination = $j( "#"+id ).offset().top;
	$j("body").animate({ scrollTop: destination-60},"easeInQuad");	
	
	};// end if
});// end click funktion
	
	

//---------- Aktiv Meny
	
	$j(".cat-link > ul").hide();
	
	var pathname = window.location.pathname,
		current_cat = pathname.substr( pathname.lastIndexOf("/")+1 );
		
	$j('#'+current_cat+' > ul').show();
	
	

	


$j(".project-link").click(function(e){
		e.preventDefault();
		
		var id	=	$j(this).attr("href");
        var destination = $j( id ).offset().top;
    	$j("body").animate({ scrollTop: destination-60}, "easeInQuad");
    	
});




$j(window).scroll(function () {
	//Hitta första h1 som är synligt
	var inview = $j('h1.entry-title:in-viewport:first').attr("id"),
 
 	//matcha id till rätt länk i menyn
	$link = $j('.cat-link a').filter('[hash=#' + inview + ']');
	
 	//markera rätt länk i menyn     		 
  if ($link.length && !$link.is('.selected')) {
    $j('.cat-link a').removeClass('selected');
    $link.addClass('selected');  
  //  window.location.hash = inview;	
      
  }

});

//se till att rätt länk är markerad för början
var inview = $j('h1.entry-title:in-viewport:first').attr("id"),
$link = $j('.cat-link a').filter('[hash=#' + inview + ']');
$link.addClass('selected');    
//window.location.hash = inview;	




//
	}); // end document.ready
	
	
	




});