window.addEvent('domready', function() {
//alert('cassd');

// Empieza Scroll Referencias
var scrollear = new Fx.Scroll('contenedor', {
	wait: false,
	duration: 1000,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
});
 
$('scroll1').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('info');
});
$('scroll2').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('tarifas');
});
$('scroll3').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('galeria');
});
$('scroll3a').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('galeria');
});
$('scroll3b').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('galeria');
});
$('scroll3c').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('galeria');
});
$('scroll3d').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('galeria');
});
$('scroll4').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('ubicacion');
});
$('scroll4a').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('ubicacion');
});
$('scroll5').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('reservaciones');
});
$('scroll5a').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('reservaciones');
});
$('scroll5b').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('reservaciones');
});
$('scroll6').addEvent('click', function(irrefer) {
	irrefer = new Event(irrefer).stop();
	scrollear.toElement('video');
});
// Acaba Scroll Referencias

// Acaba domready
// Empieza Load
});

window.addEvent('load', function() {

new SmoothScroll ();
								 
//alert('segundo');							 
var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:140});


// Accion Hover
var list = $$('.fotocol');
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:200, wait:false});
 
	element.addEvent('mouseenter', function(){
		fx.start({
			'background-color': '#666',
			color: '#ff8'
		});
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'background-color': '#CCCCCC',
			'color': '#888'
		});
	});
 
});
// Acaba Accion Hover
// Empieza Scroll Info
var scrollrefers = new Fx.Scroll('contenedor_referinfo', {
	wait: false,
	duration: 1000,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
});
$('info_a').addEvent('click', function(irinfo) {
	irinfo = new Event(irinfo).stop();
	scrollrefers.toElement('referinfo_a');
});
$('info_b').addEvent('click', function(irinfo) {
	irinfo = new Event(irinfo).stop();
	scrollrefers.toElement('referinfo_b');
});
$('info_c').addEvent('click', function(irinfo) {
	irinfo = new Event(irinfo).stop();
	scrollrefers.toElement('referinfo_c');
});
$('info_d').addEvent('click', function(irinfo) {
	irinfo = new Event(irinfo).stop();
	scrollrefers.toElement('referinfo_d');
});
$('info_e').addEvent('click', function(irinfo) {
	irinfo = new Event(irinfo).stop();
	scrollrefers.toElement('referinfo_e');
});
$('info_f').addEvent('click', function(irinfo) {
	irinfo = new Event(irinfo).stop();
	scrollrefers.toElement('referinfo_f');
});
// Acaba Scroll Info

});
// Acaba Load






//var myNav = new ImageNav($$('#kwick .kwick'),320,onClick function);
var ImageMenu = new Class({
	
	initialize: function(myElements,options){
		options = Object.extend({
			onClick: Class.empty,
			start: -1,
			openWidth: 0,
			smallWidth: 0,
			itemWidth: 0,
			selected: -1,
			open: -1
		}, options || {});
		
		this.myElements = myElements;
		this.options = options;
		
		options.itemWidth = myElements[0].getStyle('width').toInt();
		options.smallWidth = Math.round(((options.itemWidth*myElements.length)-options.openWidth)/(myElements.length-1));
		
		var fx = new Fx.Elements(myElements, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});
		
		myElements.each(function(el, i){
			el.addEvent('mouseover', function(e){
				e = new Event(e).stop();
				el.show();
			});
			
			el.addEvent('click', function(e){
				e = new Event(e).stop();
				el.hide();
			});
			
			el.addEvent('mouseout', function(e){
				e = new Event(e).stop();
				el.hide();
			});
			
			el.show = function(){
				var obj = {};
				obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
				myElements.each(function(other, j){
					if (other != el){
						var w = other.getStyle('width').toInt();
						if (w != options.smallWidth) obj[j] = {'width': [w, options.smallWidth]};
					}
				});
				fx.start(obj);
			};
			
			el.hide = function(){
				var obj = {};
				if(options.selected == -1){
					myElements.each(function(el,i){
						obj[i] = {'width': [el.getStyle('width').toInt(), options.itemWidth]};	
					});
				}else{
					myElements.each(function(el,i){
						if(i != options.selected){
							var w = el.getStyle('width').toInt();
							if(w != options.smallWidth){obj[i] = {'width': [w, options.smallWidth]}};
						}else{
							obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
						}
					});
				}
				fx.start(obj);
			};
			
			el.select = function(){
				if(options.selected == i){options.selected = -1}else{options.selected = i}
				options.onClick(options.selected,options.open);
				options.open = options.selected;
			};
		});
		
		if(options.start != -1){
			myElements[options.start].show();
			myElements[options.start].select();
		}
	},
	
	reset: function(){
		this.options.selected = -1;
		this.options.open = -1;
		this.myElements.each(function(el, i){
			el.hide();
		});
	}
	
});


//Date Picker
function makeTwoChars(inp) {
        return String(inp).length < 2 ? "0" + inp : inp;
}

function initialiseInputs() {
        document.getElementById("sd").value = "";
        document.getElementById("ed").value = "";
        document.getElementById("sd").onchange = setReservationDates;
}
function setReservationDates(e) {
        if(!("sd" in datePickerController.datePickers)) {
                return;
        }
        
        var dt = datePickerController.dateFormat(this.value, datePickerController.datePickers["sd"].format.charAt(0) == "m");        
        if(dt == 0) return;
        var edv = datePickerController.dateFormat(document.getElementById("ed").value, datePickerController.datePickers["ed"].format.charAt(0) == "m");
        var ed = datePickerController.datePickers["ed"];
        ed.setRangeLow( dt );       
        if(edv < dt) {
                document.getElementById("ed").value = "";
        }
}

datePickerController.addEvent(window, 'load', initialiseInputs);