$(function() {
	$("#zoomer").change(function(e) {
		zoom(this.options[this.selectedIndex].value);
	});

	$("#main_image").click(function(e) {
		switch($.cookie("ui-image-zoom")) {
			case "full": zoom("width"); break;
			default: zoom("full"); break;
		}
	});

	if($.cookie("ui-image-zoom")) {
		zoom($.cookie("ui-image-zoom"));
	}
});

function zoom(zoom) {
	var img = $('#main_image');
	if(zoom == "full") {
		img.css('max-width', img.data('width') + 'px');
		img.css('max-height', img.data('height') + 'px');
	}
	if(zoom == "width") {
		img.css('max-width', '95%');
		img.css('max-height', img.data('height') + 'px');
	}
	if(zoom == "height") {
		img.css('max-width', img.data('width') + 'px');
		img.css('max-height', (window.innerHeight * 0.95) + 'px');
	}
	if(zoom == "both") {
		img.css('max-width', '95%');
		img.css('max-height', (window.innerHeight * 0.95) + 'px');
	}

	$("#zoomer").val(zoom);

	$.cookie("ui-image-zoom", zoom, {path: '/', expires: 365});
}