jQuery(document).ready(function() {
	//MENU
	jQuery("ul.submenu").hide(); //Hide alle submenu
    jQuery("#hoofdmenu li a").hover(function() { 
    	//toon submenu on hoven en bind sluit-event
		jQuery(this).parent().find("ul.submenu").slideDown('fast').show(400); 
        jQuery(this).parent().hover(null, function(){
			     jQuery(this).parent().find("ul.submenu").slideUp('fast');
        	});
        });
        

	//DESKTOPS
	//set default op allemaal checkend
	jQuery("#selecteerdesktops :checkbox").prop("checked", true);
	//hide/show on check
	jQuery("#selecteerdesktops :checkbox").click(function() {
		var $this = jQuery(this);
		var index = $this.attr("value");
		
		if ($this.is(':checked')) {
			showcol(index);
		} else {
			hidecol(index);
		}
	});
	//Hide column on click verberg anchor
	jQuery(".verbergkolom").click(function() {
		var index = jQuery(this).attr("href").replace("#","");
		hidecol(index);
		//update checkbox
		jQuery("#selecteerdesktops :checkbox:eq(" + (index-1)+ ")").prop("checked", false);
	});
	//TOOLTIP dragtable
	jQuery("table#tabeldesktops td, table#tabeldesktops th").attr("title","Klik en sleep om de kolom te verplaatsen.");
	//MEER INFO
	jQuery(".meerinfo").hide();
	jQuery("a.modellen").click(function(e) {
		e.preventDefault();
		jQuery(this).parent().find(".meerinfo").toggle();
		jQuery(this).toggleClass("modselect");
	});
	
	
});
//Show desktop column by index
function showcol(index) {
	index= jQuery('a[href*="'+index+'"]').parent().index();
	jQuery('table#tabeldesktops tr').each(function() { 
        jQuery('th:eq(' + index + ')',this).show();
        jQuery('td:eq(' + (index-1) + ')',this).show();
    });
};
//Hide desktop column by index
function hidecol(index) {
	index= jQuery('a[href*="'+index+'"]').parent().index();
	 jQuery('table#tabeldesktops tr').each(function() { 
		jQuery('th:eq(' + index + ')',this).hide();
		jQuery('td:eq(' + (index-1) + ')',this).hide();
	});
};