var indexLevel=1;

function dragContainerInit(el){

	var fadeIn = new fx.Opacity(el.parentNode, {duration:300});
	
	var dragContainerOptions = {
	
		handle: el, 
		
		onStart: function(){
			var fadeIn = new fx.Opacity(el.parentNode, {duration:300});
			fadeIn.custom(1,.5);
			indexLevel++; 
			el.parentNode.style.zIndex = indexLevel;
		}.bind(this),
		 
		onComplete: function(){
			var fadeIn = new fx.Opacity(el.parentNode, {duration:300});
			fadeIn.custom(.5,1);
		
		}.bind(this)
	};
	
	el.style.cursor = 'move';
		
	el.parentNode.makeDraggable(dragContainerOptions);
}


function closeEffect(el) {
	var effectOptions = {
		duration: 800, 
		 
		onComplete: function(){
			el.parentNode.parentNode.remove();		
		}.bind(this)
	};
	
	var fadeOut = new fx.Opacity(el.parentNode.parentNode, effectOptions);
	fadeOut.custom(1,0);
}

function hideEffect(el) {
	//alert('wir sind hier');
	var hideElement = el.parentNode.parentNode.getElementsBySelector('.newsText'); 
	var heightOut = new fx.Height(hideElement[0], {duration: 500});
	heightOut.toggle();
}


window.onload = function() {
	/* setup draggables */
	var draggables = document.getElementsBySelector('.dragger');
	draggables.each(
		function(el){
			dragContainerInit(el);
		});
	
			
	/* setup Close Buttons */		
	var closeButtons = document.getElementsBySelector('.close');
		
	closeButtons.each(
		function(el){
			el.onclick=function () {
				closeEffect(el);
			}
		});
	
	var hideButtons = document.getElementsBySelector('.hide');
		
	hideButtons.each(
		function(el){
			el.onclick=function () {
				hideEffect(this);
			}
		});
}

Window.onDomReady(Lightbox.init.bind(Lightbox));