$(document).ready( function () {

	thumbee();
	lightbox(); // TODO disable for iPhone

});

$(window).resize( function () {

	thumbee();
	lightbox(); // TODO disable for iPhone

});

function thumbee() {

	// create equal spaces between single thumbnails
	// thumbnail image: 170px, borders: 2px, margins: 8px = 180px

	var body = $('#body');
	var bodyWidth = body.width() - 18;

	var freeSpace = bodyWidth % 180;
	var rowCount = (bodyWidth - freeSpace) / 180;

	var thumbMargin = Math.floor((freeSpace / rowCount) / 2) + 4;

	var css = {
		'margin-left' : thumbMargin,
		'margin-right' : thumbMargin
	}
	$('.non-ie6 .thumbs-result li').css(css);

	var css = {
		'margin-left' : thumbMargin - 1,
		'margin-right' : thumbMargin - 1
	}
	$('#ie7 .thumbs-result li').css(css);
	$('#ie6 .thumbs-result li').css(css);

	// center .thumbs

	var spaceTakenByThumbnails = (172 + thumbMargin*2) * rowCount;
	var bodyMargin = Math.round((bodyWidth - spaceTakenByThumbnails) / 2);

	var css = {
		'margin-left' : bodyMargin + 9
	}
	$('.non-ie6 .thumbs-result').css(css);
	$('.non-ie7 .thumbs-result').css(css);
};

function lightbox() {

	var content = $('.page-lightbox #canvas');
	var contentHeight = content.height();

	var lightbox = $('.page-lightbox #canvas-lightbox');
	var lightboxHeight = lightbox.height();

	var css = {
		'height' : contentHeight - lightboxHeight
	}
	$('.page-lightbox #canvas-content').css(css);
	
	var css = {
		'margin-bottom' : '0'
	}
	$('.page-lightbox #footer').css(css);
};