// JavaScript Document


/* jCarousel Set up
---------------------------------------*/
function mycarousel_initCallback(carousel) {
    jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("title")));
        return false;
    });

    jQuery('.jcarousel-scroll select').bind('change', function() {
        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
        return false;
    });

    jQuery('#mycarousel-next').bind('click', function() {
        carousel.next();
        return false;
    });

    jQuery('#mycarousel-prev').bind('click', function() {
        carousel.prev();
        return false;
    });
};
	
	
jQuery(document).ready(function() {	
		// Layout for every 4th .projectList
		$('#contentRow .projectList:nth-child(4n)').addClass('noMargin');
		$('#rightHandCol .projectList:nth-child(2n)').addClass('noMargin');			
		

		// Ride the carousel...
		jQuery('#mycarousel').jcarousel({
			auto: 3,
			scroll:1,
			start:2,
			wrap: 'last',
			initCallback: mycarousel_initCallback,
			itemVisibleInCallback: {
            onAfterAnimation: function(c, o, i, s) {
            --i;
              jQuery('.jcarousel-control a').removeClass('active').addClass('inactive');
              jQuery('.jcarousel-control a:eq('+i+')').removeClass('inactive').addClass('active');
            }
          }
		});
		
		
});

// Shadowbox start up
Shadowbox.init({
	overlayColor:	"#FFFFFF"
});