/*
 * jQuery hashchange event - v1.3 - 7/21/2010
 * http://benalman.com/projects/jquery-hashchange-plugin/
 * 
 * Copyright (c) 2010 "Cowboy" Ben Alman
 * Dual licensed under the MIT and GPL licenses.
 * http://benalman.com/about/license/
 */

var isiPad = navigator.userAgent.match(/iPad/i) != null;

function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}

if (isiPad || isiPhone()){

(function($,e,b){var c="hashchange",h=document,f,g=$.event.special,i=h.documentMode,d="on"+c in e&&(i===b||i>7);function a(j){j=j||location.href;return"#"+j.replace(/^[^#]*#?(.*)$/,"$1")}$.fn[c]=function(j){return j?this.bind(c,j):this.trigger(c)};$.fn[c].delay=50;g[c]=$.extend(g[c],{setup:function(){if(d){return false}$(f.start)},teardown:function(){if(d){return false}$(f.stop)}});f=(function(){var j={},p,m=a(),k=function(q){return q},l=k,o=k;j.start=function(){p||n()};j.stop=function(){p&&clearTimeout(p);p=b};function n(){var r=a(),q=o(m);if(r!==m){l(m=r,q);$(e).trigger(c)}else{if(q!==m){location.href=location.href.replace(/#.*/,"")+q}}p=setTimeout(n,$.fn[c].delay)}$.browser.msie&&!d&&(function(){var q,r;j.start=function(){if(!q){r=$.fn[c].src;r=r&&r+a();q=$('<iframe tabindex="-1" title="empty"/>').hide().one("load",function(){r||l(a());n()}).attr("src",r||"javascript:0").insertAfter("body")[0].contentWindow;h.onpropertychange=function(){try{if(event.propertyName==="title"){q.document.title=h.title}}catch(s){}}}};j.stop=k;o=function(){return a(q.location.href)};l=function(v,s){var u=q.document,t=$.fn[c].domain;if(v!==s){u.title=h.title;u.open();t&&u.write('<script>document.domain="'+t+'"<\/script>');u.close();q.location.hash=v}}})();return j})()})(jQuery,this);
var current_hash = location.hash;

$(function(){
  // Bind the event.
  $(window).hashchange( function(){
    // Alerts every time the hash changes!
	// Problem when going from cat to index, we need to reload baseurl
	var old_hash = current_hash;
	current_hash = location.hash;
	if ((old_hash.indexOf("cat=")>0) && (location.hash == "")) {
		window.location = getBaseURL();
	} else if ($("#fancybox-inner").height() > 1 ) {

		if (location.hash == "") {
			$.fancybox.close();
		} else if (location.hash.indexOf("cat=") > 0) {
			$.fancybox.close();
		} else {
			LaunchFancyBox(location.hash);
		}
			
	} else if ((location.hash == "") || (location.hash.indexOf("?cat="))) {
			$.fancybox.close();
		}
  });

  // Trigger the event (useful on page load).
  $(window).hashchange();

});

// Function for getting url variables
$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

function getBaseURL() {
    var url = location.href;  // entire url including querystring - also: window.location.href;
    var baseURL = url.substring(0, url.indexOf('/', 14));


    if (baseURL.indexOf('http://localhost') != -1) {
        // Base Url for localhost
        var url = location.href;  // window.location.href;
        var pathname = location.pathname;  // window.location.pathname;
        var index1 = url.indexOf(pathname);
        var index2 = url.indexOf("/", index1 + 1);
        var baseLocalUrl = url.substr(0, index2);

        return baseLocalUrl + "/";
    }
    else {
        // Root Url for domain name
        return baseURL + "/";
    }

}

function LaunchFancyBox(custom_url) { 	
	// Case 1: Direct URL
	//		Load index
	//		then launch Fancybox with url
	// Case 2: From Index
	//		Launch Fancybox with url
	// Case 3: From Fancybox
	// 		Replace #fancybox-inner with url contents
	
	var loader = "<div class='loader'></div>";
	
	if (custom_url){
		// clean custom url first
		// ie make sure it refers to same domain or make it relative
		// it's usually ?p=something
		var dirty_url = custom_url;
		var base_url = getBaseURL();
		
		var hashidx = dirty_url.indexOf("#");
		var queryidx = dirty_url.indexOf("?");
		
		if (dirty_url.indexOf(base_url)){
			// base_url matches dirty_url 
			if (queryidx) {
				// Get the query string if there is one
				// and just set custom_url to query string (make path relative)
				custom_url = dirty_url.substring(queryidx);
			}
		} else if (queryidx >=0) {
			custom_url = dirty_url.substring(queryidx);
		}
		$("a#hidden_link").attr("href", custom_url);
	}
	// Check if fancybox is up (Case 3)
	if ($("#fancybox-inner").height() > 1 ) {
		var thishref = custom_url;
		if (thishref.indexOf("?")) {
			// set the hash to #querystring
			window.location.hash = thishref.substring(queryidx);
			//$(window).hashchange();
		} else {
			window.location.hash = custom_url;
			//$(window).hashchange();
		}
		// Load the custom url into the fancybox
		$("#fancybox-inner").empty().html(loader);
		$("#fancybox-inner").load(custom_url).fadeIn();
	} else {
		// Case 2 (launch fancybox)
		$("#hidden_link").fancybox({ 
			'width'				: '100%',
			'height'			: '1500%',
			'autoDimensions'	: false, 
			'autoScale'			: true, 
			'scrolling'			: 'auto',  
			'centerOnScroll'	: false,
			'overlayColor'		: '#000', 
			'overlayOpacity'	: 0.9,
			'hideOnContentClick': false,
			'callbackOnStart'	: null, 
		    'callbackOnShow'	: null,
			'showCloseButton'	: false,
			'titleShow'			: false,
			'onClosed'			: function() {
				$('#page-title').fadeOut();
				$("#logobox").fadeIn();
				// $('body').css('overflow','auto');
				$('#header.main').css("z-index", 999);
				// $('body').css({'overflow':'auto', 'overflow-y':'auto'});
				$('html').css({'overflow':'auto', 'overflow-y':'auto'});
			},
			'onComplete'	:function() {
				$("#fancybox-inner").scrollTop(0);
				$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
				$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
			},
			'onStart'			: function() {
				$("#header").hide;
				$("#logobox").fadeOut();
				$('#header.main').css("z-index", 0);
				$('#page-title').fadeIn();
				$('#category-list').slideUp().css("z-index", 1);
				$('#accordion-about').slideUp().css("z-index", 1);	
				var thishref = custom_url;
				if (thishref.indexOf("?")) {
					window.location.hash = thishref.substring(thishref.indexOf("?"));
					$(window).hashchange();
					
				} else {
					window.location.hash = custom_url;
					$(window).hashchange();
				}		
			}
		}).trigger('click'); 
	}
	
	
}


window.onload = function(){
	$("a.fancybox").each(function() {
		var base_url = getBaseURL();
		
		var target_url = $(this).attr("href");
		var q_idx = target_url.indexOf("?");
		if (q_idx > 0) {
			var querystring = target_url.substring(q_idx);
			if ($(this).attr("rel") == "nofollow") {
				target_url = base_url + "/" + querystring;
			} else {
				$(this).attr("href", querystring);
			}
			
		}
	});
	$("a.fancybox").fancybox({ 
		'width'				: '100%',
		'height'			: '1500%',
		'autoDimensions'	: false, 
		'autoScale'			: true, 
		'scrolling'			: 'auto', 
		'centerOnScroll'	: false,  
		'overlayColor'		: '#000', 
		'overlayOpacity'	: 0.9,
		'hideOnContentClick': false,
		'callbackOnStart'	: null, 
	    'callbackOnShow'	: null,
		'showCloseButton'	: false,
		'titleShow'			: false, 
		'onClosed'			: function() {
				$('#page-title').fadeOut();
				// $('body').css({'overflow':'auto', 'overflow-y':'auto'});
				$('html').css({'overflow':'auto', 'overflow-y':'auto'});
				$('header.main').css("z-index", 1999);
				$("#logobox").fadeIn();
				$("#header").fadeIn("fast");
				$('h4#blog a').removeClass('crossout-blog');
			},
		'onComplete'		: function() {
			$("#fancybox-inner").scrollTop(0);
		},
		'onStart'			: function() {
			
				$("#header").hide;
				$("#logobox").fadeOut();
				$('#category-list').slideUp().css("z-index", 1);
				$('#accordion-about').slideUp().css("z-index", 1);	
				$('header.main').css("z-index", 0);
				$('#page-title').fadeIn();
				var t=setTimeout(overflowDelay, 500);
				var thishref = $(this).attr("href");
				if (thishref.indexOf("?")) {
					window.location.hash = thishref.substring(thishref.indexOf("?"));
					$(window).hashchange();
				} else {
					window.location.hash = thishref;
					$(window).hashchange();
				}
		}
	});

}

function overflowDelay() {
	$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
	$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
}

function clearSelected(){
	$("li.cat-item").removeClass("crossout");
	$("li.about-item").removeClass("crossout");
}
function clearSelectedSubnavWork(){
	$("#accordion-cat a.subnav-title").removeClass("crossout-img");
}
function clearSelectedSubnavAbout(){
	$("#accordion-about a.subnav-title-about").removeClass("crossout-img");
}
function setHiddenLink(link) {
	$("#hidden_link").attr("href", link);
}

function logoPos(){

var bodyWidth = $(window).width();
var left = bodyWidth - 420;
var windowWidth = $(window).width();
$('#logo-container').css({"left": left});
if (windowWidth<900){
	$("#main-nav").animate({"margin-top":156},400);
	$("#header").animate({"height":300},400);
}
else if(windowWidth>900) {
	$("#main-nav").animate({"margin-top":0},400);
	$("#header").animate({"height":90},400);
}
}

$(window).resize(function() {
  logoPos();
});

$(document).ready(function () {
	
	$('#accordion-cat').accordion({active: 0, autoHeight: false, collapsible: true, fillSpace: true});
	$('#accordion-about').accordion({active: 0, autoHeight: false, collapsible: true, fillSpace: true});
	
	$('#accordion-cat').hide();
	$("#accordion-about").hide();
	
	$('#accordion-cat-container').css({"opacity":"0.95"});
	$('#accordion-about-container').css({"opacity":"0.95"});
	
	logoPos();
	
	$('#fancybox-wrap').css({"top":"0px"});
	// Hide scrollbars while loading content
	// $('html').css('overflow','hidden');
	// 	$('body').css('overflow','hidden');
	
	// Finished loading
	$(window).load(function() {
		$('#fancybox-wrap').css({"top":"0px"});
		// If loading article not from main page
	var hu = window.location.search.substring(1);	
	var isset  = hu.indexOf("s=");	
	
	if (isset == -1){	
		if (/\?/.test(window.location)) {
		    $('#element').hide();
				$("#loading").fadeOut('fast');
				$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
				$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
		}
	}
	else if (isset!=-1) {
		$('body').css({'overflow':'auto', 'overflow-y':'auto'});
	}
		// If loading main page
	else {
		$("#loading").fadeOut('fast');
		$('html').css('overflow','auto');
		$('body').css('overflow','auto');
	}
	});
	
	// Get the current URL, query string, and hash
	var current_url = window.location.href;
	var url_querystring = document.location.search;
	var url_hash = window.location.hash;
	var base_url = getBaseURL();
	var url_page = $.getUrlVar('page_id');
	var url_p = $.getUrlVar('p');
	var category = $.getUrlVar('cat');
	var url_st = $.getUrlVar('st');	
	
	if (category) {
		$('#thumbs').detach();
		var cat_url = "?cat=" + category;
		$("div#main").empty().load(cat_url, function(){
			$('#thumbs').masonry({
				singleMode: false,  
				columnWidth: 60,
				itemSelector: '.thumb',
				animate: true
			});
			$("a.fancybox").fancybox({ 
				'width'				: '100%',
				'height'			: '1500%',
				'autoDimensions'	: false, 
				'autoScale'			: true, 
				'scrolling'			: 'auto',  
				'centerOnScroll'	: false, 
				'overlayColor'		: '#000', 
				'overlayOpacity'	: 0.9,
				'hideOnContentClick': false,
				'callbackOnStart'	: null, 
			    'callbackOnShow'	: null,
				'showCloseButton'	: false,
				'titleShow'			: false, 
				'onClosed'			: function() {
						$('#page-title').fadeOut();
						// $('body').css({'overflow':'auto', 'overflow-y':'auto'});
						$('html').css({'overflow':'auto', 'overflow-y':'auto'});
						$('header.main').css("z-index", 1999);
						// $(".logobox").fadeIn();
						$("#logobox").fadeIn();
						$("#header").fadeIn("fast");
						$('h4#blog a').removeClass('crossout-blog');
				},
				'onComplete'		: function() {
					$("#fancybox-inner").scrollTop(0);
				},
				'onStart'			: function() {
						$("#header").hide;
						$("#logobox").fadeOut();
						$('#category-list').slideUp().css("z-index", 1);
						$('#accordion-about').slideUp().css("z-index", 1);	
						$('header.main').css("z-index", 0);
						$('#page-title').fadeIn();
						$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
						$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
						window.location.hash = $(this).attr("href");
						$(window).hashchange();
				}
			});
		});
	}
	// 
	if (url_p) {
		var wp_query = base_url + "/?p=" + url_p;
		LaunchFancyBox(wp_query);
	} else if (url_page) {
		var wp_query =  base_url + "/?page_id=" + url_page;
		LaunchFancyBox(wp_query);
	}
	
	
	// Thumbnail hover 
	$('.thumb').hover(function() {
		$(this).find('.thumb-info').stop(true, true).fadeIn("fast");
	}, function() {
		$(this).find('.thumb-info').stop(true, true).fadeOut("fast");
	});
	
	// Accordion handling
	$('#accordion-cat li.cat-item').click(function () {
		clearSelected();
		$('#accordion-cat').slideToggle('medium');	
		$(this).addClass('crossout');
		$('h4#work a').toggleClass('crossout-work');
	});
	
	$('#accordion-cat a.subnav-title').click(function () {
		clearSelectedSubnavWork();
		$(this).addClass('crossout-img');
	});
	
	$('#accordion-about li.about-item').click(function () {
		clearSelected();
		$('#accordion-about').slideToggle('medium');
		$(this).addClass('crossout');
		$('h4#about a').toggleClass('crossout-about');
	});
	
	$('#accordion-about a.subnav-title-about').click(function () {
		clearSelectedSubnavAbout();
		$(this).addClass('crossout-img');
	});

	
	// Nav clicks
	$('h4#work a').click(function () {
		$(this).toggleClass('crossout-work');
		$('h4#about a').removeClass('crossout-about');
		$("#accordion-about").slideUp();
   	});

	$('h4#about a').click(function () {
		$(this).toggleClass('crossout-about');
		$('h4#work a').removeClass('crossout-work');
		$("#accordion-cat").slideUp();
   	});

	$('h4#blog a').click(function () {
		$(this).toggleClass('crossout-blog');
   	});

	$('#work').click(function () {
		$('#accordion-cat').slideToggle('medium');
		$(this).toggleClass('crossout');
   	});

	$("#about").click(function(){
		$("#accordion-about").slideToggle('medium');
	});
	
	$('.about-list li.about-item a').click(function() {
		clearSelected();
		$('#accordion-about').slideToggle('medium');
		$(this).closest("li").addClass('crossout');
		$('h4#about a').toggleClass('crossout-about');
	});

	$('.case-list li.cat-item a').click(function() {
		clearSelected();
		$('#accordion-cat').slideToggle('medium');
		$(this).closest("li").addClass('crossout');
		$('h4#work a').toggleClass('crossout-work');
	});

});

}

else {
	
	(function($,e,b){var c="hashchange",h=document,f,g=$.event.special,i=h.documentMode,d="on"+c in e&&(i===b||i>7);function a(j){j=j||location.href;return"#"+j.replace(/^[^#]*#?(.*)$/,"$1")}$.fn[c]=function(j){return j?this.bind(c,j):this.trigger(c)};$.fn[c].delay=50;g[c]=$.extend(g[c],{setup:function(){if(d){return false}$(f.start)},teardown:function(){if(d){return false}$(f.stop)}});f=(function(){var j={},p,m=a(),k=function(q){return q},l=k,o=k;j.start=function(){p||n()};j.stop=function(){p&&clearTimeout(p);p=b};function n(){var r=a(),q=o(m);if(r!==m){l(m=r,q);$(e).trigger(c)}else{if(q!==m){location.href=location.href.replace(/#.*/,"")+q}}p=setTimeout(n,$.fn[c].delay)}$.browser.msie&&!d&&(function(){var q,r;j.start=function(){if(!q){r=$.fn[c].src;r=r&&r+a();q=$('<iframe tabindex="-1" title="empty"/>').hide().one("load",function(){r||l(a());n()}).attr("src",r||"javascript:0").insertAfter("body")[0].contentWindow;h.onpropertychange=function(){try{if(event.propertyName==="title"){q.document.title=h.title}}catch(s){}}}};j.stop=k;o=function(){return a(q.location.href)};l=function(v,s){var u=q.document,t=$.fn[c].domain;if(v!==s){u.title=h.title;u.open();t&&u.write('<script>document.domain="'+t+'"<\/script>');u.close();q.location.hash=v}}})();return j})()})(jQuery,this);
	var current_hash = location.hash;

	$(function(){
	  // Bind the event.
	  $(window).hashchange( function(){
	    // Alerts every time the hash changes!
		// Problem when going from cat to index, we need to reload baseurl
		var old_hash = current_hash;
		current_hash = location.hash;
		if ((old_hash.indexOf("cat=")>0) && (location.hash == "")) {
			window.location = getBaseURL();
		} else if ($("#fancybox-inner").height() > 1 ) {

			if (location.hash == "") {
				$.fancybox.close();
			} else if (location.hash.indexOf("cat=") > 0) {
				$.fancybox.close();
			} else {
				LaunchFancyBox(location.hash);
			}

		} else if ((location.hash == "") || (location.hash.indexOf("?cat="))) {
				$.fancybox.close();
			}
	  });

	  // Trigger the event (useful on page load).
	  $(window).hashchange();
	
	$('#fancybox-inner').css({"left":0});

	});

	// Function for getting url variables
	$.extend({
	  getUrlVars: function(){
	    var vars = [], hash;
	    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	    for(var i = 0; i < hashes.length; i++)
	    {
	      hash = hashes[i].split('=');
	      vars.push(hash[0]);
	      vars[hash[0]] = hash[1];
	    }
	    return vars;
	  },
	  getUrlVar: function(name){
	    return $.getUrlVars()[name];
	  }
	});

	function getBaseURL() {
	    var url = location.href;  // entire url including querystring - also: window.location.href;
	    var baseURL = url.substring(0, url.indexOf('/', 14));


	    if (baseURL.indexOf('http://localhost') != -1) {
	        // Base Url for localhost
	        var url = location.href;  // window.location.href;
	        var pathname = location.pathname;  // window.location.pathname;
	        var index1 = url.indexOf(pathname);
	        var index2 = url.indexOf("/", index1 + 1);
	        var baseLocalUrl = url.substr(0, index2);

	        return baseLocalUrl + "/";
	    }
	    else {
	        // Root Url for domain name
	        return baseURL + "/";
	    }

	}

	function LaunchFancyBox(custom_url) { 	
		// Case 1: Direct URL
		//		Load index
		//		then launch Fancybox with url
		// Case 2: From Index
		//		Launch Fancybox with url
		// Case 3: From Fancybox
		// 		Replace #fancybox-inner with url contents

		var loader = "<div class='loader'></div>";

		if (custom_url){
			// clean custom url first
			// ie make sure it refers to same domain or make it relative
			// it's usually ?p=something
			var dirty_url = custom_url;
			var base_url = getBaseURL();

			var hashidx = dirty_url.indexOf("#");
			var queryidx = dirty_url.indexOf("?");

			if (dirty_url.indexOf(base_url)){
				// base_url matches dirty_url 
				if (queryidx) {
					// Get the query string if there is one
					// and just set custom_url to query string (make path relative)
					custom_url = dirty_url.substring(queryidx);
				}
			} else if (queryidx >=0) {
				custom_url = dirty_url.substring(queryidx);
			}
			$("a#hidden_link").attr("href", custom_url);
			$('#fancybox-inner').css({"left":0});
		}
		// Check if fancybox is up (Case 3)
		if ($("#fancybox-inner").height() > 1 ) {
			var thishref = custom_url;
			if (thishref.indexOf("?")) {
				// set the hash to #querystring
				window.location.hash = thishref.substring(queryidx);
				//$(window).hashchange();
			} else {
				window.location.hash = custom_url;
				//$(window).hashchange();
			}
			// Load the custom url into the fancybox
			$("#fancybox-inner").empty().html(loader);
			$("#fancybox-inner").load(custom_url).fadeIn();
			$('#fancybox-inner').css({"left":0});
		
		} else {
			// Case 2 (launch fancybox)
			$("#hidden_link").fancybox({ 
				'width'				: '100%',
				'height'			: '100%',
				'autoDimensions'	: false, 
				'autoScale'			: true, 
				'scrolling'			: 'auto',  
				'centerOnScroll'	: false,
				'overlayColor'		: '#000', 
				'overlayOpacity'	: 0.9,
				'hideOnContentClick': false,
				'callbackOnStart'	: null, 
			    'callbackOnShow'	: null,
				'showCloseButton'	: false,
				'titleShow'			: false,
				'onClosed'			: function() {
					$('#page-title').fadeOut();
					$("#logobox").fadeIn();
					// $('body').css('overflow','auto');
					$('#header.main').css("z-index", 999);
					// $('body').css({'overflow':'auto', 'overflow-y':'auto'});
					$('html').css({'overflow':'auto', 'overflow-y':'auto'});
				},
				'onComplete'	:function() {
					$("#fancybox-inner").scrollTop(0);
					$('#fancybox-inner').css({"left":0});
					$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
					$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
				},
				'onStart'			: function() {
					$("#header").hide;
					$("#logobox").fadeOut();
					$('#header.main').css("z-index", 0);
					$('#page-title').fadeIn();
					$('#category-list').slideUp().css("z-index", 1);
					$('#accordion-about').slideUp().css("z-index", 1);	
					var thishref = custom_url;
					if (thishref.indexOf("?")) {
						window.location.hash = thishref.substring(thishref.indexOf("?"));
						$(window).hashchange();

					} else {
						window.location.hash = custom_url;
						$(window).hashchange();
					}		
				}
			}).trigger('click'); 
		}


	}


	window.onload = function(){
		$("a.fancybox").each(function() {
			var base_url = getBaseURL();

			var target_url = $(this).attr("href");
			var q_idx = target_url.indexOf("?");
			if (q_idx > 0) {
				var querystring = target_url.substring(q_idx);
				if ($(this).attr("rel") == "nofollow") {
					target_url = base_url + "/" + querystring;
				} else {
					$(this).attr("href", querystring);
				}

			}
		});
		$("a.fancybox").fancybox({ 
			'width'				: '100%',
			'height'			: '100%',
			'autoDimensions'	: false, 
			'autoScale'			: true, 
			'scrolling'			: 'auto', 
			'centerOnScroll'	: false,  
			'overlayColor'		: '#000', 
			'overlayOpacity'	: 0.9,
			'hideOnContentClick': false,
			'callbackOnStart'	: null, 
		    'callbackOnShow'	: null,
			'showCloseButton'	: false,
			'titleShow'			: false, 
			'onClosed'			: function() {
					$('#page-title').fadeOut();
					// $('body').css({'overflow':'auto', 'overflow-y':'auto'});
					$('html').css({'overflow':'auto', 'overflow-y':'auto'});
					$('header.main').css("z-index", 1999);
					$("#logobox").fadeIn();
					$("#header").fadeIn("fast");
					$('h4#blog a').removeClass('crossout-blog');
				},
			'onComplete'		: function() {
				$("#fancybox-inner").scrollTop(0);
				$('#fancybox-inner').css({"left":0});
			},
			'onStart'			: function() {

					$("#header").hide;
					$("#logobox").fadeOut();
					$('#category-list').slideUp().css("z-index", 1);
					$('#accordion-about').slideUp().css("z-index", 1);	
					$('header.main').css("z-index", 0);
					$('#page-title').fadeIn();
					var t=setTimeout(overflowDelay, 500);
					var thishref = $(this).attr("href");
					if (thishref.indexOf("?")) {
						window.location.hash = thishref.substring(thishref.indexOf("?"));
						$(window).hashchange();
					} else {
						window.location.hash = thishref;
						$(window).hashchange();
					}
			}
		});

	}

	function overflowDelay() {
		$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
		$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
	}

	function clearSelected(){
		$("li.cat-item").removeClass("crossout");
		$("li.about-item").removeClass("crossout");
	}
	function clearSelectedSubnavWork(){
		$("#accordion-cat a.subnav-title").removeClass("crossout-img");
	}
	function clearSelectedSubnavAbout(){
		$("#accordion-about a.subnav-title-about").removeClass("crossout-img");
	}
	function setHiddenLink(link) {
		$("#hidden_link").attr("href", link);
	}

	function logoPos(){

	var bodyWidth = $(window).width();
	var left = bodyWidth - 420;
	var windowWidth = $(window).width();
	$('#logo-container').css({"left": left});
	if (windowWidth<900){
		$("#main-nav").animate({"margin-top":156},400);
		$("#header").animate({"height":300},400);
	}
	else if(windowWidth>900) {
		$("#main-nav").animate({"margin-top":0},400);
		$("#header").animate({"height":90},400);
	}
	}

	$(window).resize(function() {
	  logoPos();
	});

	$(document).ready(function () {

		$('#accordion-cat').accordion({active: 0, autoHeight: false, collapsible: true, fillSpace: true});
		$('#accordion-about').accordion({active: 0, autoHeight: false, collapsible: true, fillSpace: true});

		$('#accordion-cat').hide();
		$("#accordion-about").hide();

		$('#accordion-cat-container').css({"opacity":"0.95"});
		$('#accordion-about-container').css({"opacity":"0.95"});

		logoPos();

		$('#fancybox-wrap').css({"top":"0px"});
		// Hide scrollbars while loading content
		// $('html').css('overflow','hidden');
		// 	$('body').css('overflow','hidden');

		// Finished loading
		$(window).load(function() {
			$('#fancybox-wrap').css({"top":"0px"});
			// If loading article not from main page
		var hu = window.location.search.substring(1);	
		var isset  = hu.indexOf("s=");	

		if (isset == -1){	
			if (/\?/.test(window.location)) {
			    $('#element').hide();
					$("#loading").fadeOut('fast');
					$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
					$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
			}
		}
		else if (isset!=-1) {
			$('body').css({'overflow':'auto', 'overflow-y':'auto'});
		}
			// If loading main page
		else {
			$("#loading").fadeOut('fast');
			$('html').css('overflow','auto');
			$('body').css('overflow','auto');
		}
		});

		// Get the current URL, query string, and hash
		var current_url = window.location.href;
		var url_querystring = document.location.search;
		var url_hash = window.location.hash;
		var base_url = getBaseURL();
		var url_page = $.getUrlVar('page_id');
		var url_p = $.getUrlVar('p');
		var category = $.getUrlVar('cat');
		var url_st = $.getUrlVar('st');	

		if (category) {
			$('#thumbs').detach();
			var cat_url = "?cat=" + category;
			$("div#main").empty().load(cat_url, function(){
				$('#thumbs').masonry({
					singleMode: false,  
					columnWidth: 60,
					itemSelector: '.thumb',
					animate: true
				});
				$("a.fancybox").fancybox({ 
					'width'				: '100%',
					'height'			: '100%',
					'autoDimensions'	: false, 
					'autoScale'			: true, 
					'scrolling'			: 'auto',  
					'centerOnScroll'	: false, 
					'overlayColor'		: '#000', 
					'overlayOpacity'	: 0.9,
					'hideOnContentClick': false,
					'callbackOnStart'	: null, 
				    'callbackOnShow'	: null,
					'showCloseButton'	: false,
					'titleShow'			: false, 
					'onClosed'			: function() {
							$('#page-title').fadeOut();
							// $('body').css({'overflow':'auto', 'overflow-y':'auto'});
							$('html').css({'overflow':'auto', 'overflow-y':'auto'});
							$('header.main').css("z-index", 1999);
							// $(".logobox").fadeIn();
							$("#logobox").fadeIn();
							$("#header").fadeIn("fast");
							$('h4#blog a').removeClass('crossout-blog');
					},
					'onComplete'		: function() {
						$("#fancybox-inner").scrollTop(0);
						$('#fancybox-inner').css({"left":0});
					},
					'onStart'			: function() {
							$("#header").hide;
							$("#logobox").fadeOut();
							$('#category-list').slideUp().css("z-index", 1);
							$('#accordion-about').slideUp().css("z-index", 1);	
							$('header.main').css("z-index", 0);
							$('#page-title').fadeIn();
							$('body').css({'overflow':'hidden', 'overflow-y':'hidden'});
							$('html').css({'overflow':'hidden', 'overflow-y':'hidden'});
							window.location.hash = $(this).attr("href");
							$(window).hashchange();
					}
				});
			});
		}
		// 
		if (url_p) {
			var wp_query = base_url + "/?p=" + url_p;
			LaunchFancyBox(wp_query);
		} else if (url_page) {
			var wp_query =  base_url + "/?page_id=" + url_page;
			LaunchFancyBox(wp_query);
		}


		// Thumbnail hover 
		$('.thumb').hover(function() {
			$(this).find('.thumb-info').stop(true, true).fadeIn("fast");
		}, function() {
			$(this).find('.thumb-info').stop(true, true).fadeOut("fast");
		});

		// Accordion handling
		$('#accordion-cat li.cat-item').click(function () {
			clearSelected();
			$('#accordion-cat').slideToggle('medium');	
			$(this).addClass('crossout');
			$('h4#work a').toggleClass('crossout-work');
		});

		$('#accordion-cat a.subnav-title').click(function () {
			clearSelectedSubnavWork();
			$(this).addClass('crossout-img');
		});

		$('#accordion-about li.about-item').click(function () {
			clearSelected();
			$('#accordion-about').slideToggle('medium');
			$(this).addClass('crossout');
			$('h4#about a').toggleClass('crossout-about');
		});

		$('#accordion-about a.subnav-title-about').click(function () {
			clearSelectedSubnavAbout();
			$(this).addClass('crossout-img');
		});


		// Nav clicks
		$('h4#work a').click(function () {
			$(this).toggleClass('crossout-work');
			$('h4#about a').removeClass('crossout-about');
			$("#accordion-about").slideUp();
	   	});

		$('h4#about a').click(function () {
			$(this).toggleClass('crossout-about');
			$('h4#work a').removeClass('crossout-work');
			$("#accordion-cat").slideUp();
	   	});

		$('h4#blog a').click(function () {
			$(this).toggleClass('crossout-blog');
	   	});

		$('#work').click(function () {
			$('#accordion-cat').slideToggle('medium');
			$(this).toggleClass('crossout');
	   	});

		$("#about").click(function(){
			$("#accordion-about").slideToggle('medium');
		});

		$('.about-list li.about-item a').click(function() {
			clearSelected();
			$('#accordion-about').slideToggle('medium');
			$(this).closest("li").addClass('crossout');
			$('h4#about a').toggleClass('crossout-about');
		});

		$('.case-list li.cat-item a').click(function() {
			clearSelected();
			$('#accordion-cat').slideToggle('medium');
			$(this).closest("li").addClass('crossout');
			$('h4#work a').toggleClass('crossout-work');
		});

	});
	
	
}