$(function() {

    var newHash      = "",
        $mainContent = $("#main-content"),
        $pageWrap    = $("#page-wrap"),
        baseHeight   = 35,
		$el;
	    
    $pageWrap.height($pageWrap.height());
    //baseHeight = $pageWrap.height() - $mainContent.height();
    
    $("nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
		
        return false;
    });
	
    
    $(window).bind('hashchange', function(){
    
        newHash = window.location.hash.substring(1);
        
        if (newHash) {
			
            $mainContent.find("#guts").fadeOut(500, function() {
					
					
                    $mainContent.hide().load(newHash + " #guts", function() {
							
                            $pageWrap.animate({ height: baseHeight + $mainContent.height() + 30 + "px"}); 
							$mainContent.fadeIn(500, function() {
								
							});
							
							$(function() {
							$("nav").delegate("a", "click", function() {
        							window.location.hash = $(this).attr("href");
		
        							return false;
    							});
							});
							
							$(".scroll").scrollable({ circular: true }).click(function() {
								$(this).data("scrollable").next();		
							}).autoscroll({ interval: 4000 });
							
							$("a[rel]").overlay({

								// custom top position
								top: 293,
								left: "center",
								fixed: false,
								mask: {

								// you might also consider a "transparent" color for the mask
									color: "transparent",

									// load mask a little faster
								loadSpeed: 200,

									// very transparent
									opacity: 0.5
								},

								// load it immediately after the construction
								load: true
							});
							
							if ($('div.photoset').length) {
							    Galleria.loadTheme('galleria/src/themes/classic/galleria.classic.js');
   								 // Initialize Galleria

								var api_key = '9fd21a7b389f9b076666bca5f8512795' // you must have a flickr API key
    							var flickr = new Galleria.Flickr(api_key); // initialize the plugin

    							flickr.getSet($('div.photoset').text(), function(data) {
        							$('#galleria').galleria({
           								 data_source: data
       								 });
    							});
							};
							
							//if ($('#flickr_div').length) {
		   					//			$("#flickr_div").flickrGallery($('div.photoset').text(),'5115fea89c05acfc503a02062cd49ff0');
							//};
							
	$(function() {



// main vertical scroll
$("#main").scrollable({

	// basic settings
	vertical: true,

	// up/down keys will always control this scrollable
	keyboard: 'static',

// main navigator (thumbnail images)
}).navigator("#main_navi");


// when page loads setup keyboard focus on the first horzontal scrollable
horizontal.eq(0).data("scrollable").focus();

});
							
						/*	$(function() {
	
	var names = ["#nicole", "#adeesh", "#charles", "#jeff", "#michaela", "#christina"];
	
		$(names[0]).click(function() {
			$("#bio_popup").html($('a' + names[0] +' div.bio_reference').text());
			$("#name_popup").html($('a' + names[0] + ' div.name_reference').text());
		});
								
		$(names[1]).click(function() {
			$("#bio_popup").html($('a' + names[1] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[1] + ' div.name_reference').text());
		});
								
		$(names[2]).click(function() {
			$("#bio_popup").html($('a' + names[2] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[2] + ' div.name_reference').text());
		});
								
		$(names[3]).click(function() {
			$("#bio_popup").html($('a' + names[3] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[3] + ' div.name_reference').text());
		});
								
		$(names[4]).click(function() {
			$("#bio_popup").html($('a' + names[4] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[4] + ' div.name_reference').text());
		});
								
		$(names[5]).click(function() {
			$("#bio_popup").html($('a' + names[5] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[5] + ' div.name_reference').text());
		});
		
		$(names[6]).click(function() {
			$("#bio_popup").html($('a' + names[6] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[6] + ' div.name_reference').text());
		});
		
		$(names[7]).click(function() {
			$("#bio_popup").html($('a' + names[7] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[7] + ' div.name_reference').text());
		});
		
		$(names[8]).click(function() {
			$("#bio_popup").html($('a' + names[8] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[8] + ' div.name_reference').text());
		});
		
		$(names[9]).click(function() {
			$("#bio_popup").html($('a' + names[9] + ' div.bio_reference').text());
			$("#name_popup").html($('a' + names[9] + ' div.name_reference').text());
		});
	
});*/
							
							$(function(){
								$(document).pngFix();
								DD_roundies.addRule('.videogallery, .widget, #calendar', '8px');
								DD_roundies.addRule('.content', '0 0 16px 16px');
								DD_roundies.addRule('.navbar', '16px 16px 0 0');
								DD_roundies.addRule('.overlay, #page-wrap', '16px');
								DD_roundies.addRule('#upcoming', '10px');
								$("#logo").dropShadow();
 	  								$(".tooltip").tipTip();
	  								$(".tooltipunder").tipTip({maxWidth: "400px", delay: 500, defaultPosition: "bottom"});
								
									
							});
							
					
									
									
							
							
	
                        $("nav a").removeClass("current");
                        $("nav a[href="+newHash+"]").addClass("current");
						
                    });
					
					
                });
				
        };
        
    });
    
    $(window).trigger('hashchange');
	

});