Cufon.replace('#info h2, #art-title, #design-title, #special-thanks strong, article.thanks ul li strong');
    Cufon.replace('h1, #main-navigation a', {hover: true});
    
    $(document).ready(function(){
    // jDiv - a jQuery plugin
    // (c) Skyrocket Labs
    // http://www.skyrocketlabs.com
    // fred@skyrocketlabs.com
    // Created: 10.24.2009
    // Last updated: 02.06.2010
    // some modifications by Mark K and Kathryn T

    var artHide = false;
        // Shows the DIV on hover with a fade in
    $("#art-department-link").hover(function(){          
	if (artHide) clearTimeout(artHide);
        $("#art-department").fadeIn();
        // The main nav menu item is assigned the 'active' CSS class
	$(this).addClass("active");
    }, function() {
        // Fades out the DIV and removes the 'active' class from the main nav menu item
	artHide = setTimeout(function() {$("#art-department").fadeOut("fast");});
	$("#art-department-link").removeClass("active");
    });
    // Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#art-department").hover(function(){
        if (artHide) clearTimeout(artHide);
        $("#art-department-link").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
	artHide = setTimeout(function() {$("#art-department").fadeOut("fast");});
	//$("#art-department").stop().fadeIn();
	$("#art-department-link").removeClass("active");
    });

    var designHide = false;
        // Shows the DIV on hover with a fade in
    $("#design-department-link").hover(function(){          
	if (designHide) clearTimeout(designHide);
	$("#design-department").fadeIn();
            // The main nav menu item is assigned the 'active' CSS class
	$(this).addClass("active");
    }, function() {
            // Fades out the DIV and removes the 'active' class from the main nav menu item
	designHide = setTimeout(function() {$("#design-department").fadeOut("fast");});
	$("#design-department-link").removeClass("active");
    });
    // Ensures the DIV displays when your mouse moves away from the main nav menu item
    $("#design-department").hover(function(){
        if (designHide) clearTimeout(designHide);
        $("#design-department-link").addClass("active");
    }, function() {
        // If your mouse moves out of the displayed hidden DIV, the DIv fades out and removes the 'active' class
	designHide = setTimeout(function() {$("#design-department").fadeOut("fast");});
	//$("#design-department").stop().fadeIn();
	$("#design-department-link").removeClass("active");
    });



    var leftTimeout;
    var rightTimeout;
    $.localScroll({
	target:'body',
	offset:-378,
	hash:true,
	stop:true,
	axis: 'x'
    });
    $.localScroll.hash({
	target:'body',
	offset:-378,
	hash:true,
	axis: 'x'
    });

    /* Make sure the JDiv business fades once someone's clicked a link in it */
    $('#art-department a').bind('click', function() {
	artHide = setTimeout(function() {$("#art-department").fadeOut(800);});
	$("#art-department-link").removeClass("active");
    });

    $('#design-department a').bind('click', function() {
	designHide = setTimeout(function() {$("#design-department").fadeOut(800);});
	$("#design-department-link").removeClass("active");

    });


    /* Scroll left and right. The 800 has to be set to whatever the width of a .par div is */
    function myScrollRight(){
	$('body').stop(true, true);
	var currentOffset = $(window).scrollLeft() % 800;
	var scrollAmount = 800 - currentOffset;
	if (scrollAmount < 10) {
	    scrollAmount += 800;
	}
	var newCoord = $(window).scrollLeft() + scrollAmount;
	if(newCoord > $(document).width()) {
	    newCoord = $(document).width() - 800;
	}
	$('body').scrollTo(newCoord, 800, {axis: 'x'});
    }

    function myScrollLeft(){
	$('body').stop(true, true);
	var currentOffset = $(window).scrollLeft() % 800;
	if(currentOffset == 0){
	    scrollAmount =  -800;
	}
	else{ scrollAmount = -currentOffset; }
	var newCoord = $(window).scrollLeft() + scrollAmount;
	if (newCoord < 0) {
	    newCoord = 0;
	}
	$('body').scrollTo(newCoord, 800, {axis: 'x'});
    }
    
    $('#navigate-right').click(function() {
	myScrollRight();
    });
    $('#navigate-left').click(function() {
	myScrollLeft();
    });
    $('.par img').bind('click',function(e){ 
	var width = $(window).width();
	mouseX = e.pageX - $(window).scrollLeft();
	if ( (mouseX / width) >= .7) { 
	    myScrollRight();
	}
    });

    /* timeouts ensure the page does not freak out if someone is just tapping a key over and over */
    $(document).bind('keyup', function(e){
	if(e.keyCode==39) {
	    rightTimeout = window.setTimeout(myScrollRight, 150);
	}
	if(e.keyCode == 37){
	    leftTimeout = window.setTimeout(myScrollLeft, 150);
	}
    });

    $(document).bind('keydown keypress', function(e){
	if(e.keyCode==39) {
	    window.clearTimeout(rightTimeout);
	}
	if(e.keyCode == 37){
	    window.clearTimeout(leftTimeout);
	}
    });

});