var first_page = true;


function loadJsonPage(pid,opc,lang){



if(eventfire == false){
	CloseMap();
	CloseBooking();
eventfire = true;
			//$('maininfo').setStyle('display','none');
			var mifo = new Fx.Tween($('maininfo'), {property: 'opacity'});
    			
    //Notice that "this" refers to the calling object (in this case, the myFx object).
   
      

		var request = new Request.JSON({
			url: demo_path + '/page/getjson/'+pid+'/'+lang,
			onComplete: function(jsonObj) {
					if(!first_page){
							mifo.start(opc,0).chain(
								function(){
									myVerticalSlide.slideOut().toggle().chain(function(){
										gallery.empty();
										addImages(jsonObj.pages,pid,opc);
										
										});
						
										}
							
				);
				}else {
									myVerticalSlide.slideOut().toggle().chain(function(){
										gallery.empty();
										addImages(jsonObj.pages,pid,opc);
										first_page = false;
										});
				}
			}
		}).send();

}	


}
var boo = new Fx.Tween(booking, {property: 'opacity',duration: 'short'});

function OpenBooking(){
	if(eventfire == false){
	eventfire = true;
	booking.setStyle("display","");
	boo.start(0,1);
	eventfire = false;
	}
}
function CloseBooking(){

eventfire = true;
boo.start(1,0).chain(
				function(){
booking.setStyle("display","none");
}
);
eventfire = false;

}

function OpenMap()
{

var mappen = $('mapen');
mappen.innerHTML = "";
mappen.setStyle("display","");
mappen.innerHTML = map;

}
function CloseMap(){

var mappen = $('mapen');
mappen.innerHTML = "";
mappen.setStyle("display","none");
}


var cepe = new Fx.Tween($('gallery'), {property: 'background-position'});


			//	cepe.start("0 0","0 -200");