/*
*    jQuery slidingHover v0.1
*    written by Oliver Rapp, http://des-or-mad.net
*
*
*	Options:
*		- duration (numeric): duration of the animation
*		- slideElement (string): inner HTML element to slide
*	
*	Example: 
*	
*		<script type="text/javascript" charset="utf-8">
*   		$(document).ready(function() {
*			$(".image").slidingHover({
*				duration: 200,
*				slideElement: "span"
*			});
*		</script>
*
*/

(function($){
    $.fn.slidingHover = function(options) {
        var defaults = {
            duration: 200,
            slideElement: "em"
        };
        var options = $.extend(defaults, options);

        var heightHoverElement = $(this).outerHeight(true);
        var heightSlideElement = $(options.slideElement, this).outerHeight(true);

        $(options.slideElement, this).css("top", heightHoverElement+"px");
        
        $(this).hover(
           function(){$(options.slideElement, this).stop().animate({top:heightHoverElement-heightSlideElement+"px"}, {queue:false,duration:options.duration});},
            function(){$(options.slideElement, this).stop().animate({top:heightHoverElement+"px"}, {queue:false,duration:options.duration});}
        );        
    };
})(jQuery);

 
$(document).ready(function(){
    $('#portfolio > li a').slidingHover();
    $('#sidebar .portfolio li a').slidingHover();
    $('.projectthumb').slidingHover();
    $('#teaser > a').slidingHover();
 
    $(".colorbox").colorbox({close:"Schlie&szlig;en", maxHeight:"100%", maxWidth:"100%"});

    $('a[target=_blank]').addClass('external');
    $('a[rel=external]').attr('target','_blank').addClass('external');
});