$(document).ready(function(){
	$("span.mail-address").html('<a href="mai' + 'lto:&#115;&#10' + '4;&#111;&#112;&#64;&#100;&#105;&#115;&#107;&#45;&#119;&#111;&#114;&#108;&#100;&#46;&#99;&#111;&#109;">&#115;&#10' + '4;&#111;&#112;&#64;&#100;&#105;&#115;&#107;&#45;&#119;&#111;&#114;&#108;&#100;&#46;&#99;&#111;&#109;</a>');
});


(function($){
	$.fn.pagemize = function(link, opt) {
		var defaults = {
			link  : "link",
			here  : "here",
			hover : "hover"
		};
		opt = $.extend(defaults, opt);

		var curHandle;
		var initial = parseInt(location.hash.replace(/\D/g,""));
		if ( isNaN(initial) || initial < 0 || initial >= this.length )
			initial = 0;
		var parent = this.parent().css({
			"overflow": "hidden"
		});
		var width = parent.width();
		var height = 0;
		var slider = $("<div></div>").css({
			"width" : width * this.length,
			"position" : "relative",
			"left" : -initial * width
		})
		.appendTo(parent);

		this.each(function(i){
			var page = $(this);
			var handle = $("li", link).eq(i);
			if (page.height() > height) height = page.height();

			page.appendTo(slider).css({
				"position" : "absolute",
				"left" : width * i
			});
			if (i == initial) {
				curHandle = handle.addClass(opt.here);
			}

			handle.addClass(opt.link)
				.hover(
					function(e){
						if (curHandle == handle) return false;
						handle.addClass(opt.hover);
					},
					function(e){
						handle.removeClass(opt.hover);
					}
				)
				.click(function(e){
					if (curHandle == handle) return false;
					curHandle.removeClass(opt.here);
					handle.addClass(opt.here).removeClass(opt.hover);
					curHandle = handle;
					slider.animate({
						"left" : -i*width
					}, 400, "swing");
					$("html,body").animate({
						"scrollTop" : 0
					}, 400, "swing");
					location.hash = i;
				});
		});

		slider.css({
			"height" : height
		})
		return this;
	};
})(jQuery);