// script.js

var aboutimg = new Image();
aboutimg.src = 'images/bannerbrad_hover.jpg';

$(function() {
	
	$('#portfolioCarousel').innerfade({
		animationtype: 'fade',
		speed: 1000,
		timeout: 5000,
		type: 'sequence',
		containerheight: '300px'
	});
	
	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)  
	  
    $("ul.topnav li span").click(function() { //When trigger is clicked...  
  
        //Following events are applied to the subnav itself (moving subnav up and down)  
        $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click  
  
        $(this).parent().hover(function() {  
        }, function(){  
            $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up  
        });  
  
        //Following events are applied to the trigger (Hover events for the trigger)  
        }).hover(function() {  
            $(this).addClass("subhover"); //On hover over, add class "subhover"  
        }, function(){  //On Hover Out  
            $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
    });
	
	$('#aboutBanner').hover(function() {
		$(this).attr('src', 'images/bannerbrad_hover.jpg');
	}, function() {
		$(this).attr('src', 'images/bannerbrad.jpg');
	});
	
	$('#displayAlt').css('display','none');
	$('#connect img').hover(
	  function() {
	  	$('#displayAlt').css('display','inline-block');
	  	var alt = $(this).attr('alt');
	    $('#displayAlt').text(alt);
	  },
	  function() {
	  	$('#displayAlt').css('display','none');
	    $('#displayAlt').text('');
	  }
	);

	$('A[rel="external"]').click( function() {
		window.open( $(this).attr('href') );
		return false;
	});
	
	// Twitter Feed
	$(".tweet").tweet({
	    username: "bradhussey",
	    join_text: null,
	    avatar_size: 32,
	    count: 1,
	    loading_text: "loading tweets..."
	});
	
});