/** homepage content slider **/

$(document).ready(function() { 
// Save  the jQuery objects for later use.

    var outer			= $("#carousel #wrap");
    //var arrow        	= $("#carousel li#active");
    var thumbs        	= $("#carousel nav li");
    var button 			= $(this);

    var preview_pos;
    var preview_els		= $("div#inner article");
    var image_width    	= preview_els.eq(0).eq(0).width(); // Get width of images
    
    // Hook up the click event
    thumbs.mouseover(function() {
    	
        // Get position of current image
        preview_pos = preview_els.eq( thumbs.index( this) ).position(); 
        
		// Animate them!
        outer.stop().animate( {'left' : - preview_pos.left},    500 );
    
	    var currentButton = button.attr("id"); //get current button id
	    $("#carousel nav li a").removeClass('active');
	    $("#carousel nav li a:hover").addClass('active');    
    });

    // Reset positions on load
    outer.animate( {'scrollLeft' : 0}, 0 );

    // Set initial width
    $("#carousel #inner").css('width', preview_els.length * image_width);
});





/** Homepage individual image slider **/