$(function() {
			$('select.autoSubmit').change(function() {
				$(this).closest('form').submit();
			});
			$('input.autoSubmit').change(function() {
				$(this).closest('form').submit();
			});
		});
		
		var vopen = 'nee';
		function showHeaderPopup(element,width,height,x){
				var name = $(element).html(); 
				name = name.replace(" ", "")
				var awidth = $(element).parent().css('width');
				var position =$(element).position();
				$('bridge' + name).mouseover(function(){
						showHeaderPopup(element,width,height,x)
				});
				var bridge = '<div id="bridge' + name + '" style="width: ' + awidth +';position: absolute; top: 20px; height: 10px; overflow: hidden; left: 0;background-color: #fff; z-index: 10" >&nbsp;</div>';
				if(vopen == 'nee')
				$(element).append(bridge);

				vopen = 'ja';
				popup = $('#popup' + name);
				popup.mouseover(function(){
						showHeaderPopup(element,width,height,x)
				});
				popup.show();
				popup.css('width', width);
				popup.css('height', height);
				popup.css('left', 0 - x);
				popup.mouseleave(function(){
					hideHeaderPopup(name,element)
				});
				 $(element).mouseleave(function(){
					hideHeaderPopup(name,element)
				});
				
				$(function() {
    $('#loginHeader input').attr('autocomplete', 'off');
});
				
		
		}
		function hideHeaderPopup(name,element){
			$(element).css('font-weight','normal')
			$('#popup' + name).hide();		
			$('#bridge' + name).remove();
			vopen = 'nee';	
		}
		
		$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='slideshow']").colorbox();
			
			
		});