/*
Sardegna2
HomeSearchForm JS
 
All material herein (c) Copyright 2009 Binary Minds, Inc.              
All Rights Reserved.
 
**Document Under Development**
Current Administrator: Rob
 
Changes (incl. date and name)
8/27/09 Luk: created
 
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:

Class: HomeSearchForm

Method:
	init
	selectVillaHotel
	deselectAll

*/

HomeSearchForm = {
	 bild: 'bild'
	,bildMask: 'bildMask'
	,bildForm: 'bildForm'
	,onBildTitle: 'onBildTitle'
	,onBildHotel: 'onBildHotel'
	,onBildVilla: 'onBildVilla'
	,onBildRentalCars: 'onBildRentalCars'
	,radioButtonClass: '.radioButton'
	,bildSearchFormClass: '.bildSearchForm'
	,bildSearchBottomButtonsClass: '.bildSearchBottomButtons'
	,onBildVillaAndHotelButtons: 'onBildVillaAndHotel_buttons'
	,backButtonVilla: 'onBildVilla_backButton'
	,backButtonHotel: 'onBildHotel_backButton'
	,backButtonClass: '.bildSearchBack'
	,maxMaskHeight: '156'
	,minMaskHeight: '94'
	,init:function(){
		Ext.select(this.radioButtonClass).on('click', function(e, t) {
			if(t.id != this.onBildRentalCars && t.id != this.onBildRentalCars+'_a'){
				HomeSearchForm.selectVillaHotel(t);
			}
		}, this);
		
		Ext.get(this.onBildTitle).on('click', function(e, t) {
			HomeSearchForm.deselectAll();
		});
		
		Ext.get(this.backButtonHotel).on('click', function(e, t) {
			var ElT = document.getElementById('onBildVilla');
			HomeSearchForm.deselectAll();
			HomeSearchForm.selectVillaHotel(ElT);
		});
		
		Ext.get(this.backButtonVilla).on('click', function(e, t) {
			var ElT = document.getElementById('onBildHotel');
			HomeSearchForm.deselectAll();
			HomeSearchForm.selectVillaHotel(ElT);
		});
		
		hotelBildBG = new Image();
		hotelBildBG.src = 'http://files1.sardegna-images.com/layouts/img/bild_3.jpg';
		
	}
	,selectVillaHotel:function(t){
		this.element = Ext.get(t.id);
		this.button = Ext.get(t.id+'_buttons');
		this.form = Ext.get(t.id+'_form');
		this.backButton = Ext.get(t.id+'_backButton');
		
		/*var offset = this.maxMaskHeight;
		var yNew = (-1 * offset) + this.bildMask.getY();
            this.bildMask.stopFx(false);
            this.bildMask.shift({
                duration: this.transitionDuration,
                y: yNew,
                easing: this.transitionEasing
         });*/
		
		Ext.get(this.bildMask).setHeight(this.maxMaskHeight);
		Ext.get(this.bildForm).setHeight(this.maxMaskHeight);
		Ext.get(this.bildMask).addClass('whiteMask');
		this.element.radioClass('checked');
		this.form.radioClass('visible');
		this.button.radioClass('visibleButtons');
		//this.backButton.setDisplayed(true);
		this.backButton.removeClass('hideEl');
		Ext.get(this.onBildRentalCars).setDisplayed(false);
		Ext.get(this.onBildVillaAndHotelButtons).setDisplayed(false);
		
		if(t.id == this.onBildVilla) {
			//Villa selected
			Ext.get(this.onBildHotel).setDisplayed(false);
			Ext.get(this.bild).removeClass('bild-hotel');
			
			if(Ext.get('travelingPersons').getAttribute('type') !== "hidden"){
				//create comboBox
				var converted = new Ext.form.SardinienComboBox({transform:'travelingPersons', width:112});
				var converted = new Ext.form.SardinienComboBox({transform:'bathrooms', width:112});
				var converted = new Ext.form.SardinienComboBox({transform:'priceClass', width:112});
				
				var converted = new Ext.form.SardinienComboBox({transform:'travelFromAlterBy', width:63});
				var converted = new Ext.form.SardinienComboBox({transform:'travelToAlterBy', width:63});
				
				var tf = new Ext.form.DateField({
					fieldClass : 'SardegnaForm-ComboBox-field',
					triggerClass : 'SardegnaForm-DateField-trigger',
					height : 19,
					editable : false,
			        format: 'd.m.Y',
			        width: 70,
			        renderTo: Ext.get('travelFromHomePanel'),
					listeners: {
			           'select': {
							fn: function(field, date) {
								Ext.get('travelFrom').dom.value = field.value;
							}
			           }
			       }
			    });
				
				var tt = new Ext.form.DateField({
					fieldClass : 'SardegnaForm-ComboBox-field',
					triggerClass : 'SardegnaForm-DateField-trigger',
					height : 19,
					editable : false,
			        format: 'd.m.Y',
			        width: 70,
			        renderTo: Ext.get('travelToHomePanel'),
					listeners: {
			           'select': {
							fn: function(field, date) {
								Ext.get('travelTo').dom.value = field.value;
							}
			           }
			       }
			    });
				
				
			}
			//bild.setStyle('background-image', 'url(http://files2.sardegna-images.com/layouts/img/bild_2.jpg)');
		}
		else {
			//Hotel selected
			Ext.get(this.onBildVilla).setDisplayed(false);
			Ext.get(this.bild).addClass('bild-hotel');
			
			if(Ext.get('hotelStars').getAttribute('type') !== "hidden"){
				//create comboBox
				var converted = new Ext.form.SardinienComboBox({transform:'hotelStars', width:112});
				var converted = new Ext.form.SardinienComboBox({transform:'hotelBeach', width:112});
			}
			//bild.setStyle('background-image', 'url(http://files3.sardegna-images.com/layouts/img/bild_3.jpg)');
		}
		Ext.get(this.onBildTitle).addClass('activeForm');
	}
	,deselectAll:function(){
		Ext.get(this.bildMask).setHeight(this.minMaskHeight);
		Ext.get(this.bildForm).setHeight(this.minMaskHeight);
		Ext.get(this.bildMask).removeClass('whiteMask');
		Ext.get(this.onBildTitle).removeClass('activeForm');
		Ext.select(this.bildSearchFormClass).setDisplayed(false);
		//Ext.select(this.backButtonClass).setDisplayed(false);
		Ext.select(this.backButtonClass).addClass('hideEl');
		Ext.get(this.onBildRentalCars).setDisplayed(true);
		Ext.get(this.onBildVillaAndHotelButtons).setDisplayed(true);
		Ext.select(this.radioButtonClass).setDisplayed(true);
		Ext.select(this.radioButtonClass).removeClass('checked');
		Ext.select(this.bildSearchFormClass).removeClass('visible');
		Ext.select(this.bildSearchBottomButtonsClass).removeClass('visibleButtons');
		Ext.get(this.bild).removeClass('bild-hotel');
		//bild.setStyle('background-image', 'url(http://files4.sardegna-images.com/layouts/img/bild_1.jpg)');
	}
	
};