var rules = {
	'.wm' : function(el) {
		el.onfocus = function() {
			Effect.Fade('text');
			Effect.Fade('meta');
			$('calendar').innerHTML='';
			el.value = '';
			if ($F(el.id) == el.getAttribute("rel")) {
				Element.removeClassName(el,'wm');
				el.style.border='1px inset silver';
				el.value = '';		
			}
		},
		el.onblur = function() {
			if ($F(el.id).length == 0) {
				Element.addClassName(el,'wm');
			}
		}		
		},
	 '#meta' : function(el) {Element.setOpacity(el,0.94);},	
	 '#text' : function(el) {Element.setOpacity(el,0.94);},	
	 'ul' : function(el) {Element.setOpacity(el,0.8);},	
	 '#cal' : function(el) {
	 	el.style.cursor='pointer';
	 	el.title = 'Monatsübersicht';
	 	var cal = $('calendar');
	 	Element.setOpacity(cal,0.97);
	 	el.onclick = function() {
	 		new Draggable(cal);
	 		changeCal(el);
	 		var posi = Position.cumulativeOffset(cal);
		
			Effect.MoveBy(cal,-posi[1]+10,-posi[0]+10,{duration:0.8});	 	
	 	}
	 }

	};
	function changeCal(el) {
			new Ajax.Updater($('calendar'),'./getcal.ajax.php?date='+ encodeURI(el.getAttribute('rel')),{});
		
	
	}
	
    Event.observe(window, 'load', function () {
 	          Behaviour.register(rules);
     	      Behaviour.apply(rules);
			  new Ajax.Autocompleter("autocomplete", "autocomplete_choices", "./getmovie.ajax.php", {updateElement:function(val){
					$('autocomplete').value= $(val).innerHTML;
					new Ajax.Request('./getmovie.ajax.php',{parameters:'id='+ 	val.id.split('_')[1],onSuccess:function(res) {
							var m = eval('(' + res.responseText + ')');
							$('meta').innerHTML = m.meta + '<p /><div id="swf" width="300" height="220"></div>';	
							var zeiten = '<select><option>Leider kein Spielzeiten verfügbar.</option></select><br />';
							if (m.z.length>0) {
								zeiten = '<div style="background-color:#444;color:white;padding:5px" align="right">Anfangszeiten: <select>';
								for(var i=0;i<m.z.length;i++) {
								zeiten += '<option>'+m.z[i]+' Uhr</option>';
								}
								zeiten += '</select>&nbsp;<img src="b_calendar.png" id="cal" rel="'+m.z[0]+'&fid='+val.id.split('_')[1] +'" /></div>';
							}  
							$('text').innerHTML = zeiten + m.info;
							var so = new SWFObject(m.img,'mpl','300','230','8');
							so.write($('swf'));
							 Behaviour.apply(rules);
							var options = {duration:0.5};
							Effect.Appear('meta',options);
							Effect.Appear('text',options);
							
							
							}
				});
					
     	           		  		}});
				
     	      
     	      }
 
      );