var djConfig = {
		isDebug: true,
		debugContainerId : "debugDiv",
		baseUrl:'{{ MEDIA_URL }}js/dojo/',
		parseOnLoad:true
};

var active;



function fadeOut(node1, node2) {
    fade(node1, node2);
}

function fadeIn(node2, node1) {
    fade(node1, node2);
}

function fade(node1, node2){
  var obj1 = dojo.byId(node1);
  var obj2 = dojo.byId(node2);
  
  dojo.style(obj1,"visibility","visible"); 
  dojo.style(obj2,"visibility","visible"); 
  
  dojo.fx.combine([
      dojo.fadeIn({ node:node2, duration: 500 }),
      dojo.fadeOut({ node:node1, duration: 500 })
  ]).play();
};

function toggleVisible(id) {
  var node = document.getElementById(id);
  dojo.style(node,"visibility","visible"); 
}

function toggleHide(id) {
  var node = document.getElementById(id);
  dojo.style(node,"visibility","hidden"); 
}

function initFade(event) {
  var object = event.target;
	initFadeNode(object);
}

function initFadeNode(object) {
  dojo.style(object,"visibility","visible"); 
  dojo.fadeIn({
		node: object,
		duration: 1000+Math.floor(5000*Math.random())
	}).play();
}

var defaultStep=1;
var maxStep=1;
var step=defaultStep;

var timerDown=null;
var timerUp=null;
var newTimer=null;

var timeout = 30;

function resetScroll(timer, id) {
  //step = defaultStep;
  clearTimeout(timer);
  
  if (timer==timerDown) {
    scrollOut(id, 0);
  } else {
    scrollOut(id, 1);
  }
 
}

function scrollOut(id, direction){
  	var obj = document.getElementById(id);
  
  	if (direction==0) {
  	  obj.scrollTop+=step
  	} else {
  	  obj.scrollTop-=step
  	}

  	if (step>0.2) {
  	   // alert(step);
  	  	step-=step/20;
  	  	newTimer=window.setTimeout("scrollOut('"+id+"',"+direction+")",timeout);
  	} else {
  	  clearTimeout(newTimer);
  	  step = defaultStep;
  	}
  
}

function scrollDivDown(id){
  clearTimeout(newTimer);
	document.getElementById(id).scrollTop+=step;
	
	if (step<maxStep) {
	  	step+=defaultStep/10;
	}
 
	timerDown=window.setTimeout("scrollDivDown('"+id+"')",timeout);
}

function scrollDivUp(id){
  //alert(id);
  clearTimeout(newTimer);
	document.getElementById(id).scrollTop-=step;
	
	if (step<maxStep) {
	  	step+=defaultStep/10;
	}

	timerUp=window.setTimeout("scrollDivUp('"+id+"')",timeout);
}

function resetBackground(element) {
  $(element).setStyle({background: "#fff"})
}