// JavaScript Document

$(function(){
		   
	/*
        http://css-tricks.com/jquery-magicline-navigation/
    */
	var $el, leftPos, newWidth,
        $mainNav = $("#j_nav")
    
    
    $mainNav.append("<li id='navPointer'></li>");
    
    var $magicLine = $("#navPointer");
	var $startItem = $(".here");
    
    $magicLine
        
        .css("left", ($startItem.position().left)+ ($startItem.width()/2)-12)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());
        
    $("#j_nav li").find("a").hover(function() {
        $el = $(this);
		newWidth = (($el.parent().width())/2)-12;
        leftPos = $el.position().left+newWidth;
        
        
        $magicLine.stop().animate({
            left: leftPos
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft")
            
        });    
    });
	
	
	/*
        socialTip
    */
	
	
	
	
	var $socialTip = $("#socialTip");
	var defaultContent = $("#twitter span").text();
	
	$("#speechBox p span").hide().html(defaultContent).fadeIn();
	
	$socialTip
		.data("origTop", $socialTip.position().top);
		
	
	$("#socialBox li").find("a").hover(function() {
        $el = $(this);
		var content = $("span", $el.parent()).html();
		
		
		
		$("#speechBox p span").hide().html(content).fadeIn();
		
        topPos = $el.position().top+12;
        
        $socialTip.stop().animate({
            top: topPos
        });
    }, function() {
		//$("#speechBox p").text(defaultContent);
        //$socialTip.stop().animate({
            //top: $socialTip.data("origTop"),
           
       // });  
		
    });
	

});