// open external link in new tab/window

// use rel="external" instead of target="_blank"

$(document).ready( function() {
   
    $('a[rel="external"]').click( function() {
        window.open( $(this).attr('href') );
        return false;
    });	
		
	$('ul.galleria li').hover(
				function() {$(this).addClass('hover');},
				function() {$(this).removeClass('hover');}
		);  
		
});												
   
   
   


// gallery image hover 
$(document).ready( function() {
	
	$("ul.cards").prepend("<div style=\"height: 125px; width: 125px; background: #8cb5ba; position: absolute; border:1px solid #6a9196; \"></div>");
	var hoverBox = $("ul.cards div:first");
	hoverBox.hide();
	
	$("ul.cards li").hover(function(){
		hoverBox.stop();
		hoverBox.animate({
			top: $(this).position().top,
			left: $(this).position().left
		},"fast");
		$("#display-image").attr("src",$(this).find("a").attr('href'));
		hoverBox.show();
	},function(){
		hoverBox.hide();
	})
														
});		

$(document).ready( function() {
	
	$("ul.cards2").prepend("<div style=\"height: 150px; width: 92px; background: #8cb5ba; position: absolute; border:1px solid #6a9196; \"></div>");
	var hoverBox = $("ul.cards2 div:first");
	hoverBox.hide();
	
	$("ul.cards2 li").hover(function(){
		hoverBox.stop();
		hoverBox.animate({
			top: $(this).position().top,
			left: $(this).position().left
		},"fast");
		$("#display-image2").attr("src",$(this).find("a").attr('href'));
		hoverBox.show();
	},function(){
		hoverBox.hide();
	})
														
});	


$(document).ready( function() {
	
	$("ul.cards3").prepend("<div style=\"height: 270px; width: 162px; background: #8cb5ba; position: absolute; border:1px solid #6a9196; \"></div>");
	var hoverBox = $("ul.cards3 div:first");
	hoverBox.hide();
	
	$("ul.cards3 li").hover(function(){
		hoverBox.stop();
		hoverBox.animate({
			top: $(this).position().top,
			left: $(this).position().left
		},"fast");
		$("#display-image2").attr("src",$(this).find("a").attr('href'));
		hoverBox.show();
	},function(){
		hoverBox.hide();
	})
														
});	