function layoutChanged(){
var winHeight = $(window).height();
var winWidth = $(window).width();
//Change width of all cells to be the same as the view. Watch out for vertical scrollbars - may cause problems.
//Check for min width first
winWidth = winWidth > 799 ? winWidth : 800;
$(".cell").css('width',winWidth);
$("#logoCell").css('height',winHeight);
//logoCell is different - only want the size of the view
//Make wrap width = winWidth * number of cells + (braceWidth * number of cells - 1)
var wrapWidth = (winWidth * $(".cell").length) + (377 * $(".cell").length - 1);
$("#wrap").css('width',wrapWidth);
//align braces
$(".braces").css('top', (winHeight/2) - 230); //239px is half height
}
function closeTray(e, elem, $pane){
if(aboutVisible){
$('#aboutTray').slideToggle('fast');
aboutVisible = !aboutVisible;
}
}
function checkTop(){
if($(window).scrollTop() != 0){
//We're not at the top
$.scrollTo('0px', 'slow', {easing:'easeInOutExpo', axis: 'y'});
}
}
var aboutVisible = false;
var mapLoaded = false;
$(document).ready(function(){
//Setup slider - not sliders. this is not a wormhole.
$('#slider-code').tinycarousel({axis:'y'});
$(window).bind("resize", layoutChanged);
layoutChanged(); //Gotta call it once duh.
//Fade in the text
$('#wcc').fadeIn(1000,'easeInExpo');
//$('#sonoma').fadeIn(1000,'easeInExpo');
setTimeout ( "$('#sonoma').fadeIn(1000,'easeInExpo')", 1000 );
//$('#ivv').fadeIn(1000,'easeInExpo');
setTimeout ( "$('#ivv').fadeIn(1000,'easeInExpo')", 2000 );
//Setup scrolling
$('#navbar').localScroll({easing:'easeInOutExpo', stop: true, axis: 'x', onBefore:closeTray, onAfter:checkTop});
//Setup about tray
$('#aboutLink').click(function() {
$.scrollTo($('#logoCell'), 'fast', {easing:'easeOutExpo', onAfter:function(){
$('#aboutTray').slideToggle('slow', 'easeInOutExpo', function() {
aboutVisible = !aboutVisible;
if(!mapLoaded){
//$("#mapInner").html("");
$("#mapInner").html("
View Larger Map");
mapLoaded = !mapLoaded;
}
});
}});
});
});