// resizing of window
window.addEvent('resize', function() {
	$('container').setStyles({'left':window.getWidth()/2-117})
});

// show and hide boxes
function hidebox(thebox) {

	// remove content (because of films and mp3s
	var boxcontent = $('content'+thebox.substring(thebox.length-1,thebox.length));
	boxcontent.innerHTML = '';

	// hide box
	var box = $(thebox);
	box.setStyles({'visibility':'hidden'});
	
	
}
function dragOptions() {
	
}

function showbox(thebox,xpos,ypos,noloader) {
	var box = $('window'+thebox);
	
	if (!box) {
		box = $('windows1');
	}
	//alert(box);
	
	if (box.style.visibility!='visible') {					
		box.xpos = xpos;
		
		// 		var actualpos = $('container').getLeft()+box.xpos;
		var actualpos = $('container').getStyle('left')+box.xpos;
		
		// set position
		box.setStyles({'visibility':'visible','left':xpos,'top':ypos,'z-index':89+thebox});
		// make draggable
		//box.makeDraggable();
	}
	// show loader
	if (!noloader) {
		$('content'+thebox).innerHTML = '<!--uniqueContentSTART--><div class="loader"><img src="http://www.atelierlokal.ch/fileadmin/templates/images/loader.gif" width="32" height="32" alt="Laden..." /></div><!--uniqueContentEND-->';
	}
}

// start positioning
window.addEvent('domready', function(){
	$('container').setStyles({'left':window.getWidth()/2-117});
	showbox(1,200,60,true);
	
	// key pressed
	/*
	window.addEvent('keydown', function(event) {
		var content = '';
		$each(event, function(day, index){
    		content += day + '--' + index + '-----';
		});
		alert(content);
		alert(event.charCode);
	});
	*/
	//
	/*
	// rollover effect for menuitems 
	$$('#mainnav li').addEvent('mouseover', function(event){
		//$(event.target).morph('.rollover');
		//$(event.target).morph('.rollover');
		//var myEffect = new Fx.Morph($(event.target), {duration: 6000, transition: 'Fx.Transitions.Sine.easeIn'});
 		//The styles of myClassName will be applied to the target Element.
		//myEffect.start('.active');
		$(event.target).myFx = new Fx.Tween($(event.target),{'duration':'normal'});
		$(event.target).myFx.start('color', '#FFFFFF', '#B38E38');
	});
	 
	$$('#mainnav li').addEvent('mouseleave', function(event){
		$(event.target).myFx.cancel();										  
		$(event.target).myFx2 = new Fx.Tween($(event.target));
		$(event.target).myFx2.set('color','#FFFFFF');
	});
	*/
});