// JavaScript Document

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);
  
  }

  window.onload=function()
  {
	
	/* setup draggables */
	
	var draggables = document.getElementsBySelector('.dragger');
	draggables.each(function(el){dragContainerInit(el);});
	
	
  }