$(document).ready(function(){
	$("a[rel^='prettyPhoto']").prettyPhoto({theme:'ojp',
											animationSpeed:'fast',
											allowresize:'true',
											showTitle:'false'});
											
	

	$('<div class="shadow" ><img src="img/site_assets/small_corners.png" class="stretch" alt="" /></div>').insertBefore('ul.column li .block');
	$('ul.column li').addClass('transparent_class');
	$('ul.column li .block').addClass('opaque_class');
	
	$('<div class="shadow" ><img src="img/site_assets/large_corners.png" alt="" /></div>').insertBefore('#aboutPage .quote img');
	$('#aboutPage .quote').addClass('transparent_class');
	$('#aboutPage').append('<div class="pageBottom"><div class="notch"></div></div>');
	
	$('<div class="shadow" ><img src="img/site_assets/large_corners.png" alt="" /></div>').insertBefore('#contactPage .quote img');
	$('#contactPage .quote').addClass('transparent_class');
	$('#contactPage').append('<div class="pageBottom"><div class="notch"></div></div>');
	
	// initialize email
	$('.email').mailto();
	
	// initialize lightbox
	// $('a[rel^=lightbox]').lightBox();
	
	
	// initialize carousel
	// this is initialized after the modal layer is initialized
	/*
	jQuery('#mycarousel').jcarousel({
		// Configuration goes here
	});*/
	
	function closePages() {
		
		var isVisible = $('#aboutPage').is(':visible');
		if (isVisible) $("#aboutPage").slideUp();
		
		var isVisible = $('#contactPage').is(':visible');
		if (isVisible) $("#contactPage").slideUp();
	 	
	}
	
	function openPage(id) {
		closePages();
		$(id).slideToggle();
	}
	
	$("#workButton").click(function(event) {
		event.preventDefault();
		closePages();
	});
	
	$("#aboutButton").click(function(event) {

		event.preventDefault();
		
		var isVisible = $('#contactPage').is(':visible');
		if (isVisible) $("#contactPage").slideUp();
		
		$("#aboutPage").slideToggle();
	});
	
	$("#contactButton").click(function(event) {
		event.preventDefault();
		
		var isVisible = $('#aboutPage').is(':visible');
		if (isVisible) $("#aboutPage").slideUp();
		
		$("#contactPage").slideToggle();
	});


	$("#aboutPage .close").click(function(event) {
		// event.preventDefault();
		closePages();
	});
	
	$("#contactPage .close").click(function(event) {
		// event.preventDefault();
		closePages();
	});
	
	$('a[href^="http://"]')	.attr({ target: "_blank" });

/*	smartColumns = function() {
		
		$("ul.column").css({ 'width' : "100%"});
		
		var colWrap = $("ul.column").width();
		var colNum = Math.floor(colWrap / 200);
		var colWidth = Math.floor(colWrap / colNum);
		
		$("ul.column").css({ 'width' : colWrap});
		$("ul.column li").css({ 'width' : colWidth});
		// $("ul.column li").css({ 'height' : (colWidth * 1.3)});
		
		var colHeight = Math.floor($("ul.column li").height() );
		var imgHeight = Math.floor(colWidth / 1.11);
		var diff = colHeight - imgHeight;
		
		$(".block .details").css({ 'height' : diff});
		
		$("ul.column li .shadow .stretch").css({ 'height' : (colHeight + 16) });
		
	}	
	
	$(window).resize(function () {
		smartColumns();
	});
	
	smartColumns();	
	
	// sometimes safari doesn't catch the smartColumns call, so let's call it manually
	window.setTimeout('smartColumns()', 25);
	*/
	

});
   
/*
// Document title
var title = document.title;

// Simple log
var log = function(msg) {
    if (!$('.log').length) {
        $('<div class="log"></div>').appendTo('body');
    }
    $('.log').append(msg.replace(/^([^:]*):(.*)$/, '<p><b>$1:</b> <span class="$1">$2</span></p>'))
        .attr({scrollTop: $('.log').attr('scrollHeight')})
        .find('p:nth-child(even)').addClass('even');
}
 
// Default tracker mock
var pageTracker = {
    _trackPageview: function() {
        log('track: ' + arguments[0]);
    }
}

// Serialization utility
var serialize = function(obj, re) {
    var result = [];
    $.each(obj, function(i, val) {
        if ((re && re.test(i)) || !re)
            result.push(i + ': ' + (typeof val == 'object' ? val.join 
                ? '\'' + val.join(', ') + '\'' : serialize(val) : '\'' + val + '\''));
    });
    return '{' + result.join(', ') + '}';
}

// Init and change handlers
$.address.init(function(event) {
    log('init: ' + serialize({
        value: $.address.value(), 
        path: $.address.path(),
        pathNames: $.address.pathNames(),
        parameterNames: $.address.parameterNames(),
        queryString: $.address.queryString()
    }));
}).change(function(event) {
    log('change: ' + serialize(event, /parameters|parametersNames|path|pathNames|queryString|value/));
    var names = $.map(event.pathNames, function(n) {
        return n.substr(0, 1).toUpperCase() + n.substr(1);
    }).concat(event.parameters.id ? event.parameters.id.split('.') : []);
    var links = names.slice();
    var match = links.length ? links.shift() + ' ' + links.join('.') : 'Home';
    $('a').each(function() {
        $(this).toggleClass('selected', $(this).text() == match);
    });
    $.address.title([title].concat(names).join(' | '));
	
	if(event.value.indexOf("?") > -1) {
		openPrettyPhoto(event);
	} else {
		closePrettyPhoto();
	}
});

var openPrettyPhoto = function(event) {
	var toOpen = './php/phpThumb/phpThumb.php?src=../../img/' + event.parameters.path + '&h=800&f=jpg'
	$.prettyPhoto.open(toOpen, 'Title', 'Description');
}
var closePrettyPhoto = function() {
	$.prettyPhoto.close();
}
*/