function disableSelection(target, enable){
  if(!enable)
  	target.onmousedown=function(){return false}
  else
  	target.onmousedown=function(){return true}
}


function displayUnis(show) {
  var unis = $('quad').getElements('div')
  
  if(!show)
    unis.reverse()
    
  unis.each(function(uni, idx) {
    var styles = {
                  'opacity': [-(0.5*idx),1]
                 ,'width':   [-(100*idx), 200]
    }
    
    if(!show) {
      /*styles.each( function(vals, style) {
        vals.reverse()
      })*/
      op = styles.opacity[0]
      styles.opacity[0] = styles.opacity[1]
      styles.opacity[1] = op
      
      op = styles.width[0]
      styles.width[0] = styles.width[1]
      styles.width[1] = op
    }
    
    fx = new Fx.Styles(uni,
      {
        duration: 500+(300*idx),
        transition: Fx.Transitions.Quint.easeInOut
      }) 
    fx.start( styles )
  })
}
window.addEvent('domready', function(){
  disableSelection(document.body)
  
  $('quad').getElements('div').each(function(uni, idx) {
    if(document.referrer)
      displayUnis(true)
  
    uni.addEvent("mouseenter", function(evt) {
      if(evt)
      uni.addClass('hover')
    })
    uni.addEvent("mouseleave", function() {
      uni.removeClass('hover')
      uni.removeClass('mousedown')
    })
    uni.addEvent("mousedown", function() {
      uni.removeClass('hover')
      uni.addClass('mousedown')
    })
    uni.addEvent("mouseup", function() {
      uni.removeClass('mousedown')
      uni.addClass('hover')
    })
  
    uni.addEvent("click", function() {
      window.location.href = uni.getProperty("href")
    })
  });
  
  
})

function showAbout() {
  $("about").setStyle("display", "block")
  displayUnis(false);
  
  disableSelection(document.body, true);
  
  (function() {
    $('quad').getElements('div').each(function(uni, idx) {
      uni.setStyle("display", "none")
    })
  }).delay(1000);

}

function hideAbout() {
  $('quad').getElements('div').each(function(uni, idx) {
    uni.setStyle("display", "block")
  })
    
  displayUnis(true);
  
  (function() {
    $("about").setStyle("display", "none")
  }).delay(1000);
  
  disableSelection(document.body, false);
}