$(document).ready(function(){

	var element = $('.scroll-pane').jScrollPane({showArrows: true});
	var api = $(".scroll-pane").jScrollPane().data('jsp');

	$("#menu1").click(function(){
		$("#menuIndicator").html("Szolgáltatások");
		$("#menuIndicator, #menuIndicatorShadow").animate({left:60,width:120}, 100).fadeIn("slow");
		smoothLoad("szolg.html", "#load", api);
		$("#content").animate({left:60},100).fadeIn("slow");
		$("#blanket").css("display","block");
	});
	
	$("#menu2").click(function(){
		$("#menuIndicator").html("Referenciák");
		$("#menuIndicator, #menuIndicatorShadow").animate({left: 170, width: 105}, 100).fadeIn("slow");
		smoothLoad("ref.html", "#load", api);
		$("#content").animate({left: 170},100).fadeIn("slow");
		$("#blanket").css("display","block");
	});
	
	$("#menu3").click(function(){
		$("#menuIndicator").html("Elérhetőségek");
		$("#menuIndicator, #menuIndicatorShadow").animate({left:265,width:115}, 100).fadeIn("slow");
		smoothLoad("eler.html", "#load", api);
		$("#content").animate({left:265}, 100).fadeIn("slow");
		$("#blanket").css("display","block");
	});
	
	$("#menu4").click(function(){
		$("#menuIndicator").html("Rólunk");
		$("#menuIndicator, #menuIndicatorShadow").animate({left:370,width:90}, 100).fadeIn("slow");
		smoothLoad("rolunk.html", "#load", api);
		$("#content").animate({left:370}, 100).fadeIn("slow");
		$("#blanket").css("display","block");
	});

	$("#blanket").click(function(){
		$("#menuIndicator, #menuIndicatorShadow, #content").fadeOut("fast");
		$("#blanket").hide(0);
	
	});
	
	$("#warn").click(function(){
	
		$("#warn").hide(0);
	});
	
});

function smoothLoad(what, where, api){
	$(where).fadeOut(0, function(){
			api.getContentPane().load(what,
			function(){
				$(where).fadeIn("slow", function(){
				api.reinitialise({showArrows: true});});
				}
				);
		});
	}