﻿$(document).ready(function() {
    //Add mouse over/ outs to the visual nav elements.
    $('.visual_link').mouseover(function() {
        mouseOverVisualLink($(this));
    });
    $('.visual_link').mouseout(function() {
        mouseOutVisualLink($(this));
    });

    //ON MOUSE OVER  
    $(".promo").hover(function() {

        //SET OPACITY TO 100%
        $(".latest_img", this).stop().animate({
            opacity: .50
        }, "slow");
    },
    //ON MOUSE OUT  
	        function() {
	            //SET OPACITY BACK TO 50%  
	            $(".latest_img", this).stop().animate({
	                opacity: 0.1
	            }, "slow");
	        });

    showFact();

});

	function mouseOverVisualLink(plink) {
	    var listElement = plink.parent();
	    listElement.children("span").css("border-left", "1px solid #aaa");
	}
	function mouseOutVisualLink(plink) {
	    var listElement = plink.parent();
	    listElement.children("span").css("border-left", "none");
	}
