$(function(){
	/* Twitter */
	$(".twitter ul").hide().slideDown(1000);
	
	/* Navigation */
    var $el, leftPos, newWidth;
    var $mainNavElio = $("#links-Elio");
    var $mainNavIlke = $("#links-Ilke");
	
    $mainNavElio.append("<li id='left-line'></li>");
    $mainNavIlke.append("<li id='right-line'></li>");
    
    var $leftLine = $("#left-line");
    
    $leftLine.width(0).css("left", 0).data("origLeft", $leftLine.position().left).data("origWidth", $leftLine.width());
        
    $("#links-Elio li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $leftLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $leftLine.stop().animate({
            left: $leftLine.data("origLeft"),
            width: $leftLine.data("origWidth")
        });    
    });
	
    var $rightLine = $("#right-line");
	
	$rightLine.width(0).css("left", "465px").data("origLeft", $rightLine.position().left).data("origWidth", $rightLine.width());
        
    $("#links-Ilke li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $rightLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $rightLine.stop().animate({
            left: $rightLine.data("origLeft"),
            width: $rightLine.data("origWidth")
        });    
    });
});