/**
 * Media Junkies.nl
**/

var site_functions = {
	init: function() {
		this.init_work_expand();
		this.do_general_expand();
	},
	init_work_expand: function() {
		// Alles verbergen bij page-init
		$("div.work div.collapse").hide();
		$("div.work h3.expand").wrapInner('<a />');
		
		// Mouse-over/-out
		$("div.work").mouseover(function() {
			$(this).addClass('active');
		}).mouseout(function(){
			if(!$(this).hasClass('expanded')) {
				// Niet expanded, dus kan terug naar zwart
				$(this).removeClass('active');
			}
		});
		
		// Expand
		$("div.work h3.expand").click(function() {
			// Shortcuts naar block-onderdelen
			$$main = $(this).parent();
			$$collapse_block = $(this).parent().find("div.collapse");
			
			// Check of 'ie al expanded is en handel daarnaar
			if($$main.hasClass('expanded')) {
				// Reeds uitgeklapt, inklappen dus
				$$main.removeClass('expanded');
				$$collapse_block.slideUp(400);
			} else {
				// Ingeklapt, dus eerst kijken of er andere uitgeklapte blokken zijn en daarna uitklappen
				$$main.parent().find("div.work").each(function() {
					if($(this).hasClass('expanded')) {
						$(this).removeClass('expanded');
						$(this).removeClass('active');
						$(this).find("div.collapse").slideUp(400);
					}
				});
				
				// Alles is ingeklapt, nu eentje uitklappen
				$$collapse_block.slideDown(400);
				$$main.addClass('expanded');
				$$main.addClass('active');
			}
			
			return false;
		});
	},
	do_general_expand: function() {
		// Algemene expand voor andere onderdelen
		// Verbergen van expandable DIVs + initiaten van handlers
		$(".collapse_wrapper").hide();
		$(".expand_handler").wrapInner('<a />');
		
		// Click-handler
		$(".expand_handler").click(function() {
			var $$collapse_block = $(this).next();
			
			if($(this).hasClass('expanded')) {
				// Reeds uitgeklapt
				$$collapse_block.slideUp(400);
				$(this).removeClass('expanded');
			} else {
				// Nog niet uitgeklapt
				$$collapse_block.slideDown(400);
				$(this).addClass('expanded');
			}
		});
	}
};

// Uitvoeren bij pageload
$(document).ready(function() {
	site_functions.init();
});