function Navi(){
	
	var current_image = 0;

    this.init = function(){
    	(function($) {
	    	currentLink = $('#subNavigation .current a');
	    	if(currentLink.length > 0) {
	    		$('#naviArrow').css('display', 'block');
	    		$('#naviArrow').css('top', currentLink.offset().top -228);
	    	}
	    	
	    	$("#subNavigation li a").mouseover(function(e) { navi.over(e); });
			$("#subNavigation li a").mouseout(function() { navi.out(); });
			
    	})(jQuery);
    }
    
    
    this.over = function(e){
    	(function($) {
    		//easing: "easeOutBounce"}
    		if(currentLink.length > 0){
	    		$('#naviArrow').animate({
	    		    top: e.target.offsetTop +6
	    		  },  { queue:false, duration:200} , function() {
	    		    // Animation complete.
	    		});
    		}
    		else {
    			$('#naviArrow').css('display', 'block');
    			$('#naviArrow').animate({
	    		    top: e.target.offsetTop +6
	    		  },  { queue:false, duration:200} , function() {
	    		    // Animation complete.
	    		});
    		}
    	})(jQuery);
    }
    
    this.out = function(){
    	(function($) {
    		
    		if(currentLink.length > 0){
	    		$('#naviArrow').animate({
	    		    top: $("#subNavigation li.current a")[0].offsetTop +6
	    		  },  { queue:false, duration:200 }, function() {
	    		    // Animation complete.
	    		});
	    	}
    		else {
    			$('#naviArrow').css('display', 'none');
    		}
    	})(jQuery);
    }
    
    

    var self = this;
}

var navi = new Navi();

(function($) {
	$(document).ready(function(){
		navi.init();
	});

})(jQuery);