var HotelPicker = new Class({
	
	// CONSTRUCTOR
	initialize: function(hotelPickerClass,hotelPickerActiveClass,jobContainerId) {
		this.hotelPickers				= $$(hotelPickerClass);
		this.hotelPickersActiveClass	= hotelPickerActiveClass; 
		this.jobContainer				= $(jobContainerId);
		this.url						= document.URL.substr(0,document.URL.indexOf(".ch")+3)
		
		this.hotelPickers.each(function(item, index){
			var self = this;
			item.addEvent('click',function(){
				self.__changePickerClass(this);
				self.__getJobs();
			});
		},this);
		
		
	},
	
	// METHODS
	__changePickerClass: function(item) {
		var enable = false;
		if(item.className.indexOf("Active") > -1) {
			item.className = item.className.replace(/Active/g, "")
			enable = false;
		} else {
			item.className = item.className+"Active";
			enable = true;
		}
		//this.__setPickerMutex(item, enable);
	},
	
	/*__setPickerMutex: function(item, enable) {
		
		if(item.id.indexOf("ALL") > -1) {
			switch(enable) {
				case true	:	for(var i=0;i<this.hotelPickers.length;i++) {
									this.hotelPickers[i].className = "dom__hotelPickers";
								}
								break;
			}
		} else {
			console.log("bar");
			switch(enable) {
				case true	: 	$("dom__hotelPickers__ALL").className = "dom__hotelPickers";
								break;
				default		:	$("dom__hotelPickers__ALL").className = "dom__hotelPickersActive";
			}
		}
	},*/
	
	__getJobs: function() {
		var self			= this;
		var activePickers	= $$(this.hotelPickersActiveClass);
		var html			= "";
		var getParams		= "";
		
		if(activePickers.length > 0) {
			for(var i=0;i<activePickers.length;i++) {
				var item = activePickers[i];
				getParams += item.id.replace(/dom__hotelPickers__/g,'');
				if(i < activePickers.length-1)
					getParams += ','; 
			}
		} else {
			getParams = "ALL";
			//self.__changePickerClass($("dom__hotelPickers__ALL"));
		}
		
		var jsonRequest = new Request.JSON({url: this.url+"/__xhr/getJobs.xhr.php", onComplete: function(jobs){
		    
			jobs.each(function(item,index) {
		    	html += '<div class="stellen">';
		    	html += '<div class="bezeichnung">';
		    	html += '<a href="ergebnis.php?jobId='+item.UID+'">'+item.TITLE+'</a>';
		    	html += '<br />Pensum: '+item.HIRING+'<br />Stellenantritt: '+item.ENTRY_DATE;
				html += '</div>';
				html += '<div class="mehr"><a href="ergebnis.php?jobId='+item.UID+'" class="mehr">mehr</a></div>';
				html += '<div class="clearBoth"></div>';
				html += '</div>';
		    },self);
		    self.jobContainer.innerHTML = html;
		}}).get({'hotelId': getParams});
	}
});