var imagePreloader;
	var loadingTimer, loadingFrame = 1;
	var fOpen = false;
	var currentImage = 'images/trmp_1.jpg';
	var openImage = 'images/trmp_0.jpg';
	
	function animateLoading() {
		if (!$("#loading_box").is(':visible')){
			clearInterval(loadingTimer);
			return;
		}
		$("#loading_box > div").css('top', (loadingFrame * -40) + 'px');
		loadingFrame = (loadingFrame + 1) % 12;
	};

	function showLoading() {
		clearInterval(loadingTimer);
		$("#loading_box").show();
		loadingTimer = setInterval(animateLoading, 66);
	};
	
	jQuery(window).load(function(){
		$("#loading_box").hide();
		
		$('#button_holder').hover(
			function(){
				if(fOpen){
					$('#open_button').attr('value', 'зачинити шафу');
				} else {
					$('#open_button').attr('value', 'відкрити шафу');
				}
				$('#open_button').fadeIn();
			},
			function(){$('#open_button').fadeOut();}
			
		);
		
		$('a.img_thumb').click(function(){
			fOpen = false;
			currentImage = $(this).attr('href');
			ChangeImage(currentImage);
			return false;
		});
	});

	function ChangeImage(imgSrc){
		var oldBg = $('#imgpreview').css('background-image');
		$('#imgpreview > div').css('background-image', oldBg.toString());
		$('#imgpreview > div').show();
		
		imagePreloader = new Image;
		imagePreloader.src = imgSrc;
			
		if (imagePreloader.complete) {
			$('#imgpreview').css('background-image',"url("+ imagePreloader.src + ")");
			$('#imgpreview > div').fadeOut(1000);
		} else {
			showLoading();
			$(imagePreloader).unbind().bind('load', function() {
				$("#loading_box").hide();
				$('#imgpreview').css('background-image',"url("+ imagePreloader.src + ")");
				$('#imgpreview > div').fadeOut(1000);
			});
		}
	}

	function onAjaxSuccess(json){
		document.title = json.title;
		$('#bodyInnerText').html(json.body);
	}
		
	function pageload(hash) {
		if(hash) {
			if($.browser.msie) { hash = encodeURIComponent(hash);}
			$.getJSON(hash + '.php',{lang: 'u'},onAjaxSuccess);
		} else {
			$.getJSON('index.php',{lang: 'u'},onAjaxSuccess);
		}
	}
	
	$(document).ready(function(){
		$.historyInit(pageload, "index.php");
		$("a[rel='history']").click(function(){
			var hash = this.href;
			hash = hash.replace(/^.*#/, '');
			$.historyLoad(hash);
			return false;
		});
		
		$('#feedback_btn').click(function(){
			$('#wrap').html('');
			$('#wrap').load($(this).attr("href"));
			$('#feedback').overlay().load();
			return false;
		});
		
		$("#feedback").overlay({
			expose: { 
			    color: '#FFFFFF', 
			    opacity: 0.7, 
			    closeSpeed: 1000 
			} 
		 
		});

		$('#open_button').click(function(){
			if(fOpen){
				$(this).attr('value', 'відкрити шафу');
				ChangeImage(currentImage);
			} else {
				$(this).attr('value', 'зачинити шафу');
				ChangeImage(openImage);
			}
			fOpen = !fOpen;
		});
	});