function flapBox(desc) {
  $(document).ready(function() {
    $("div.desc"+desc).toggle('slow');
    $(".flapButton"+desc+" a").toggleClass('activeFlap');
	  $(".flapButton"+desc+" a").toggleClass('inactiveFlap');
  });
}



$(document).ready(function() {

	
	$('a.contactButton').click(function () {
	  // Switch class="selected" for tabs
	  $('div#contactContent').toggle('slow');
	});


	// setup ul.tabs to work as tabs for each div directly under div.panes

});

$(document).ready(function() {
// LEFT COLUMN:
    // When the collapse button is clicked:
    $('.collapseLeft').click(function() {
        $('.collapseLeft').css("display","none");
        $('.expandLeft').css("display","inline");
        $('#contact').fadeOut('normal');
        $.cookie('contact', 'collapsed');
    });
    // When the expand button is clicked:
    $('.expandLeft').click(function() {
        $('.expandLeft').css("display","none");
        $('.collapseLeft').css("display","inline");
        $('#contact').fadeIn('normal');
        $.cookie('contact', 'expanded');
    });
// COOKIES
    // Left column state
    var contact = $.cookie('contact');
    // Set the user's selection for the left column
    if (contact == 'expanded') {
        $('.collapseLeft').css("display","inline");
        $('.expandLeft').css("display","none");
        $('#contact').css("display","inline");
    };
 
});

// perform JavaScript after the document is scriptable.
$(function() {
	// setup ul.tabs to work as tabs for each div directly under div.panes
	
	$("ul.tabs").tabs("div.panes > div");
	$("ul.tabs1").tabs("div.panes1 > div");
});