Event.observe(window,'resize',redraw);
redraw();

function camchange(){
	
	var temp = "images/rooms/" + document.rezForm.camera.value + ".jpg"
	document["changeImage"].src=temp;
	
}

function rezervari(){
	

Effect.Appear('rez',{duration:.8});
Effect.Fade('gen',{duration:.8,delay:0.001});
new Effect.HScrollTo(100,({transition:transitionS}));

}

function preturi(){

$('contactDet').morph('left:-200px',({duration:0.4}));
Effect.Fade('hideImage',{duration:.5});
Effect.Appear('preturi',{duration:.5,delay:0.8});

new Effect.HScrollTo(1500,({transition:transitionS}));

}

$$('div.spacer-column').each(function(s,i){
      Event.observe(s,'click',function(event){
	  
      	
          new Effect.HScroll(Event.localPointer(event)[0]<33 ? 821 : -821);
      });
	    Event.observe(s,'mousemove',function(event){
        var d = Event.localPointer(event)[0]<33 ? '-65' : '-130';
        s.style.backgroundPosition = d + 'px 0px';
      });
      Event.observe(s,'mouseout',function(event){
        s.style.backgroundPosition = '0px 0px';
      });
  });






function redraw(){
var _layout = $('layout');
var pageHeight = Position.getPageSize().window.height;
var layoutTop = parseInt((pageHeight - 300)/2) 

_layout.setStyle({ top: layoutTop + 'px' });
positionLogo();
}

function transitionS(pos){
    pos /= 0.5; return pos<1 ? 0.5*pos*pos*pos : 0.5*((pos-2)*(pos-2)*(pos-2)+2);
  }

function positionLogo(){
var _logo =$('logopage');
var pageHeight = Position.getPageSize().window.height;
var layoutTop = parseInt((pageHeight - 300)/2) 

_logo.setStyle({ top: layoutTop- 110 + 'px'});

}


 
 
function closelightbox( page, text, detail, nume ){
	
//new Effect.HScrollToElement(page,0, {transition:transitionS});

Effect.Fade(detail, { duration: 0.8,delay:1.4 });
new Effect.Morph(detail, {
  style: 'width:0px', // CSS Properties
  duration: 0.8, // Core Effect properties
  que:{position:'end',scope:'myscope'}
}); 


 new Effect.Morph(nume,{
					
	style: 'left:10px', // CSS Properties
  duration: 0.6, // Core Effect properties
  delay:0.7
				
});

new Effect.Morph(text, {
  style: 'width:100px; left:10px', // CSS Properties
  duration: 0.6,
  delay:0.8
  // Core Effect properties
   
});
  

  new Effect.Morph(page, {
  style: 'width:150px', // CSS Properties
  duration: .7, // Core Effect properties
  delay:.7
});
	
} 
 
function openlightbox( page, text, detail,nume ){	
new Effect.HScrollToElement(page,0,{transition:transitionS,duration:0.6});
   
   new Effect.Morph(page, {
  style: 'width:900px', // CSS Properties
  duration: 0.8, // Core Effect properties
  delay:0.6,
  que:{position:'end',scope:'myscope'}
});
   new Effect.Morph(nume,{
					
	style: 'left:170px', // CSS Properties
  duration: 0.6, // Core Effect properties
  delay:0.9,
  transition:transitionS
				
					});

  new Effect.Morph(text, {
  style: 'width:285px; left:150px', // CSS Properties
  duration: 0.6,
  delay:0.9,
  // Core Effect properties
  que: {position:'end',scope:'myscope'}
    
});
Effect.Appear(detail, { duration: 0.5,delay:1.3 });

  new Effect.Morph(detail, {
  style: 'width:430px', // CSS Properties
  duration: 0.8, // Core Effect properties
  delay: 1.3  
});
}