$(document).ready(function() {
			
			// 0 = hidden : 1 = visible : 2 = prevent doubleclick 
			var filmlistboxState = 0;
			var kontaktboxState = 0;
			var speed = 700; 
					
			
			
			$("#ticketButton").bind("click",function() {
						
				if (kontaktboxState == 0) {
					$("#stadtauswahl").css({visibility: 'hidden'});	
					kontaktboxState = 2;
					// configure absolute position
					var ticketButtonOffset = $(this).offset();
					
					var newTop = ticketButtonOffset.top + $(this).height() - 1;
					var newLeft = ticketButtonOffset.left;

				 	$(".kontaktBox").css({top: newTop+"px", left: newLeft+"px"});
								
					$(".kontaktBox").slideDown(speed,function() {
						kontaktboxState = 1;					
					});

				}
			});
			
			
					/*
					$("#filmlistButton").click(function() {
						if (filmlistboxState == 0) {
							// configure absolute position
							filmlistboxState = 2;
							var filmlistButtonOffset = $(this).offset('HTML');
	
							var newTop = filmlistButtonOffset.top + filmlistButtonOffset.height + 'px';
							var newLeft = filmlistButtonOffset.left  + 'px';
	
							$(".filmlistBox").css({top: newTop, left: newLeft});
							
							$(".filmlistBox").slideDown(speed,function() {
									filmlistboxState = 1;									
							});
						}
					});
					*/
			
			$().bind("click",function() {
				/*
				if (filmlistboxState == 1) {
					filmlistboxState = 2;
					$(".filmlistBox").slideUp(speed,function() {
						filmlistboxState = 0;					
					});
				}
				*/
				if (kontaktboxState == 1) {		
					kontaktboxState = 2;	
					$("#stadtauswahl").css({visibility: 'visible'});	
					$(".kontaktBox").slideUp(speed,function() {
						kontaktboxState = 0;						
					});
				}
			});
			

			
			// SlideUp filmlist when link is clicked
			/*
			$(".filmlistBox")..bind("click",function() {
				$(".filmlistBox").slideUp(speed);
				filmlistboxState = 0;
			});
			
			$(".filmlistBox li").mouseover(function() {
				$(this).addClass("highlighted");
			});
			$(".filmlistBox li").mouseout(function() {
				$(this).removeClass("highlighted");
			});
			*/
												
});