$(function() { 
	if(window.alphaPNG) alphaPNG() ; 
	
	$("#inp-username").val("Gebruikersnaam");
	$("#inp-password").val("Wachtwoord");
	
	$("#inp-username, #inp-password").focus(function () { 
		if(!$(this).attr("startvalue")) {  
			$(this).attr("startvalue", $(this).val());
		} 
		if($(this).val() == $(this).attr("startvalue")) {
			$(this).val('');	
		}
	});
	$("#inp-username, #inp-password").blur(function () { 
		if($(this).val() == '') {
			$(this).val($(this).attr("startvalue"));
		}
	});
	
	if(window.print) {
		$('#print').click( function () { window.print(); return false; });
		$('#print').show();
	}

	$("body").click( function () { $('#popup').hide(); });
	
	
	$(".maploc").mouseover( function () {
		// coords [w,x,y,z] left top left top
		$('#popup').show();
		contentId = $(this).attr("id")+"pos";
		$('#popupcontent').html($('#'+contentId).html());
		refCoords = $("#map").position();		
		
		areaCoords= $(this).attr("coords").split(",");
		areaLeft = parseInt (areaCoords[0]) +5;
		areaTop = parseInt (areaCoords[1]) +5;
		areaRight = parseInt (areaCoords[2]);
		areaWidth = areaRight-areaLeft;
		
		$('#popupBM').css({width: 'auto'});
		pWidth =  parseInt ($('#popup').width()); //12
		pHeight = parseInt ($('#popup').height()); 
		
		$('#popupBM').width((pWidth-11-24));
		$('#popupiframe').width(pWidth); 
		$('#popupiframe').height(pHeight); 
		$('#popupiframe').css({ display: "block" });
		
		popupOffsetLeft = refCoords.left + areaLeft + Math.round((areaWidth/4)*3) - (pWidth -12);	
		popupOffsetTop = refCoords.top + areaTop - (pHeight -6)
		
		$('#popup').css({top: popupOffsetTop+"px" });
		$('#popup').css({left: popupOffsetLeft+"px" });
		return false; }
	);
	
	branchPhotoFull = null;
	$('#branch-visuals .thumb').hover(
		function() { 
			if(branchPhotoFull != null) {
				$('#branch-visuals .full').attr('src' , branchPhotoFull);
			}
			branchPhotoFull = $('#branch-visuals .full').attr('src');
			swap = $(this).attr('src');
			swap = swap.substr(0, (swap.length - 10)) +".jpg"; 
			$('#branch-visuals .full').attr('src' , swap);
		},
		function() { 
			$('#branch-visuals .full').attr('src' , branchPhotoFull);
			branchPhotoFull = null; 
		}
	);
	
	//	Open a new window without using target="_blank" for XHTML 1.1
	//	Usage: <a href="http://www.domain.tld" rel="external">domain.tld</a>
	$('a[@rel$=external]').click(function(){
		this.target = '_blank';
	});
	
});