// JavaScript Document

$(document).ready(function() {

    $('#home_news_bg').css("display", "none");
    $('#home_news_content').css("display", "none");
    $("#home_news_content .column .content").css("opacity", "0");
    $('#nav_main li a').append('<span class="hover"></span>');

    $('#nav_main li.thinking a .hover', this).delay(200).animate({ 'opacity': 1 }, 300).animate({ 'opacity': 0 }, 300);
    $('#nav_main li.how a .hover', this).delay(400).animate({ 'opacity': 1 }, 300).animate({ 'opacity': 0 }, 300);
    $('#nav_main li.who a .hover', this).delay(600).animate({ 'opacity': 1 }, 300).animate({ 'opacity': 0 }, 300);
    $('#nav_main li.contact a .hover', this).delay(800).animate({ 'opacity': 1 }, 300).animate({ 'opacity': 0 }, 300);
    $('#home_news_bg').delay(1200).slideDown(1000, 'easeOutCirc');
    $('#home_news_content').delay(1200).slideDown(1000, 'easeOutCirc');



    // home page news buckets
    $(function() {
        $(".column").hover(function() {
            $(".content", this).stop().animate({ opacity: 0.8 }, "slow");
        },
	function() {
	    $(".content", this).stop().animate({ opacity: 0 }, "slow");
	});
    });


    // home page nav hover
    $('#nav_main li a').hover(function() {
        $('.hover', this).stop().animate({ 'opacity': 1 }, 300)
    },
	function() {
	    $('.hover', this).stop().animate({ 'opacity': 0 }, 300)
	})


})