$(document).ready(function() {

	// Sidebar fix
	
	var menuHeight = $('#projectsMenu').outerHeight() + $('#header').outerHeight();
	var windowHeight = $(window).height();
	if (menuHeight > windowHeight) {
		$('#sidebar').css("position", "absolute");
	}

	// Menu navigation
	function setMenuNavigation(element) {
		$('#projectsMenu li').removeClass('current');
		$('#projectsMenu ul li a').removeClass('current');
		$(element).addClass('current').parents('li').addClass('current');
		
		var position = $(element).position();
		var topOffset = 0;
		if($(element).attr('id').indexOf('category') != -1) {
			topOffset += 5;
		}
		
		$('#projectsMenu .menuArrow').animate({top: position.top + topOffset}, 300);
		$('#projectsMenu .menuArrow').show();
	}
	
	// Left menu
	$('ul#projectsMenu li a').click(function(){
		setMenuNavigation(this);
	});
	
	// Selected projects
    $("#selectedProjects .projectItem a").hover(function() {
        $(this).stop().animate({ opacity: "1" }, 300);
    },function(){
        $(this).stop().animate({ opacity: "0.7" }, 300);
    });


    // Deep linking
    function loadURL(url) {
    	console.log("loadURL: " + url);
    	$("#content").load(url);
    }

   $.address.init(function(event) {
       console.log("init: " + $('[rel=address:' + event.value + ']').attr('href'));
       //Find the project id based only on the url
       var myregexp = /\d+/;
       var projectId = myregexp.exec(event.value);
       myregexp = /[a-z]+/;
       var itemType = myregexp.exec(event.value);
       if(projectId[0] && itemType[0]) {
         var element = $('#menu-' + itemType[0] + '-' + projectId[0]);
	 if(element) {
		setMenuNavigation(element);
	 }
       }	
   }).change(function(event) {
       $("#content").load($('[rel=address:' + event.value + ']').attr('href'));
       console.log("change");
   })

    $('#projectsMenu a').click(function(){
    	loadURL($(this).attr('href'));
    });
   
   
   // Puzzle effect
   
	thumbnails = ["1", "8", "17", "18", "20", "21", "32"];
	

	function randomFromTo(from, to){
		return Math.floor(Math.random() * (to - from + 1) + from);
	}

	window.setInterval(function() {
		puzzleItem = $('#puzzle-' + randomFromTo(1,16))
		var randThumb = thumbnails[Math.floor(Math.random()*thumbnails.length)];
		
		puzzleItem.animate({opacity: 0},{duration: 500});
		puzzleItem.css("background-image", "url('static/assets/projects/thumbnails/thumb_" + randThumb + ".jpg')");
		puzzleItem.animate({opacity: 1},{duration: 500});

	}, 1000);


	
    
});

/*
function loadProject(id) {
	$('#content').html('<div class="loading">Loading project, this should be quick ...</div>');
	$("<img />").attr("src", "static/assets/projects/large/proj_" + id + "_1.jpg").load(function() {
        $("#projectImages").append( $(this) );
        $("#content").load("project.php?id="+id+"");
    });
}
*/