$(function(){

    var $el, leftPos, newWidth,
        $mainNav = $("#example-one");
    
    /*
        EXAMPLE ONE
    */
    $mainNav.append("<li id='magic-line'></li>");
    
    var $magicLine = $("#magic-line");
    
    $magicLine
        .width($(".current_page_item").width())
        .css("left", $(".current_page_item a").position().left)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
        
    $("#example-one li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });    
    });
    
});

$(function() {

	$(".current_page_item").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'block');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'none');

	$(".tresckontener").animate ({ opacity:"1"}, 1000);
        });

    $(".about-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'block');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'none');
	
	$(".tresckontener").animate ({ opacity:"1"}, 1000); 
	 
	
        });
		
		
    $(".equipment-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'block');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'none');
	
	$(".tresckontener").animate ({ opacity:"1"}, 1000); 
	 
	
        });
		
	$(".gallery-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'block');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'none');

	$(".tresckontener").animate ({ opacity:"1"}, 1000);
	
        });	
		
    $(".projects-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'block');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'none');

	$(".tresckontener").animate ({ opacity:"1"}, 1000);
        });
		
    $(".links-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'block');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'none');

	$(".tresckontener").animate ({ opacity:"1"}, 1000);
        });
		
    $(".contact-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'block');
	$("#archiwumnews").css('display', 'none');

	$(".tresckontener").animate ({ opacity:"1"}, 1000);
        });
		
	$(".archiwumnews-link").click(function() {
	$(".tresckontener").css('opacity', 0);
	
	$("#news").css('display', 'none');
	$("#about").css('display', 'none');
	$("#equipment").css('display', 'none');
	$("#gallery").css('display', 'none');
	$("#links").css('display', 'none');
	$("#projects").css('display', 'none');
	$("#contact").css('display', 'none');
	$("#archiwumnews").css('display', 'block');

	$(".tresckontener").animate ({ opacity:"1"}, 1000);
        });	
				
    });