$(document).ready(function(){
	
	
	var ClickPath = '/static/img/menu/active/';
	var HoverPath = '/static/img/menu/hover/';
	var DefaultPath = '/static/img/menu/default/';
	
	$('#menu ul a').hover(function () {
		
		var Img = $(this).find('img');
		
		if(!Img.attr('rel'))
		{		
			changeImgSrc(Img,'hover');
		}
		
	},function () {
		
		var Img = $(this).find('img');
		
		if(!Img.attr('rel'))
		{		
			changeImgSrc(Img,'default');
		}
		
	}).click(function () {
	
		var Img = $(this).find('img');
		
		changeImgSrc(Img,'click');
		
		//return false;
	});
	
	
	var changeImgSrc = function(Img, type) {

		//debug('from: ' + Img.attr('src'));

		var ImgCurrentSrc = Img.attr('src').split("/").pop();
		var newSrc = '';
		
		switch(type)
		{
			case 'click':
				// Vorig aangeklikte item unklikken
				//if(CurrentActiveImage) {
					//alert(CurrentActiveImage.attr('src'));
					//changeImgSrc(CurrentActiveImage,'default');
				//}
				
				newSrc = ClickPath + ImgCurrentSrc;
			break;
			case 'default':
				newSrc = DefaultPath + ImgCurrentSrc;
			break;
			case 'hover':
				newSrc = HoverPath + ImgCurrentSrc;
			break;
		}

		/*Img.fadeOut(0, function() {

			$(this).attr('src',newSrc);

			if (this.complete) { 
				$(this).fadeIn(100);
			}

		});*/

		Img.attr('src',newSrc);

		//debug('to: ' + newSrc);
	}
	
});