// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

function toggleHover(img_name) {
	if(img_name === undefined) return;

	var img = img_name.split('.');

	if (img[0].lastIndexOf('_hover') === -1) { 
		img[0] = img[0] + '_hover';
	} else {
		img[0] = img[0].replace('_hover','');		
	}
		
	img = img.join('.');
	return img;
}

$(document).ready(function(){
	// var menu_items = ['lunchen', 'dineren', 'zonnen', 'informatie', 'contact'];
	// 
	// 
	// 
	// for(var i=0; i < menu_items.length; i += 1) {
	// 	var images = jQuery(eval('#'+menu_items[i]+' a img'));
	// 	jQuery('#'+menu_items[i]+' a img').each(function(){
	// 		$(this).hover(
	// 	      function () {
	// 			jQuery(images[0]).attr('src', toggleHover(jQuery(images[0]).attr('src')));
	// 			jQuery(images[1]).attr('src', toggleHover(jQuery(images[1]).attr('src')));
	// 			// images.each(function () {
	// 			// 	$(this).attr('src', toggleHover($(this).attr('src')));					
	// 			// });
	// 	      }, 
	// 	      function () {
	// 			jQuery(images[0]).attr('src', toggleHover(jQuery(images[0]).attr('src')));
	// 			jQuery(images[1]).attr('src', toggleHover(jQuery(images[1]).attr('src')));
	// 	      }
	// 	    );
	// 	});
	// }
	// var imgs = $$('#menu a img');
	// jQuery(imgs[0]).hover(function() {
	// 		jQuery(imgs[0]).attr('src', toggleHover(jQuery(imgs[0]).attr('src')));
	// 		jQuery(imgs[1]).attr('src', toggleHover(jQuery(imgs[1]).attr('src')));
	// 	},
	// 	function () {
	// 		jQuery(imgs[0]).attr('src', toggleHover(jQuery(imgs[0]).attr('src')));
	// 		jQuery(imgs[1]).attr('src', toggleHover(jQuery(imgs[1]).attr('src')));
	// 	});

	jQuery('#menu a img').each(function(idx,image) {
	    var menu_name = image.parentNode.parentNode.getAttribute('id');
		// console.log(image.getAttribute('src') + ' : ' + image.getAttribute('src').indexOf('_hover'));
	    var hoverfunc = function() {
	            jQuery(image).attr('src', toggleHover(jQuery(image).attr('src')));
				if(image.nextSibling)
					jQuery(image.nextSibling).attr('src', toggleHover(jQuery(image.nextSibling).attr('src')));
				else
				jQuery(image.previousSibling).attr('src', toggleHover(jQuery(image.previousSibling).attr('src')));
					
	    };
	    if( image.getAttribute('src').indexOf('_hover') === -1) jQuery(image).hover(hoverfunc, hoverfunc);
	})

});