//Hide DIV
var whatBrowserType;

if (document.layers) {whatBrowserType = "nn4"}
if (document.all) {whatBrowserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {
   whatBrowserType= "gecko"
}

function hideLoginStuff() {
  if (whatBrowserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(\'loginStuff\')');
  else if (whatBrowserType == "ie")
     document.poppedLayer = 
        eval('document.all[\'loginStuff\']');
  else
     document.poppedLayer =   
        eval('document.layers[\'`loginStuff\']');
  document.poppedLayer.style.visibility = "hidden";
}

function showLoginStuff() {
  if (whatBrowserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(\'loginStuff\')');
  else if (whatBrowserType == "ie")
     document.poppedLayer = 
         eval('document.all[\'loginStuff\']');
  else
     document.poppedLayer = 
         eval('document.layers[\'`loginStuff\']');
  document.poppedLayer.style.visibility = "visible";
}


function hideForgotPass() {
  if (whatBrowserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(\'forgotPass\')');
  else if (whatBrowserType == "ie")
     document.poppedLayer = 
        eval('document.all[\'forgotPass\']');
  else
     document.poppedLayer =   
        eval('document.layers[\'`forgotPass\']');
  document.poppedLayer.style.visibility = "hidden";
}

function showForgotPass() {
  if (whatBrowserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(\'forgotPass\')');
  else if (whatBrowserType == "ie")
     document.poppedLayer = 
         eval('document.all[\'forgotPass\']');
  else
     document.poppedLayer = 
         eval('document.layers[\'`forgotPass\']');
  document.poppedLayer.style.visibility = "visible";
}


function hideLoginPrompt() {
  if (whatBrowserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(\'loginShow\')');
  else if (whatBrowserType == "ie")
     document.poppedLayer = 
        eval('document.all[\'loginShow\']');
  else
     document.poppedLayer =   
        eval('document.layers[\'`loginShow\']');
  document.poppedLayer.style.visibility = "hidden";
}

function showLoginPrompt() {
  if (whatBrowserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(\'loginShow\')');
  else if (whatBrowserType == "ie")
     document.poppedLayer = 
         eval('document.all[\'loginShow\']');
  else
     document.poppedLayer = 
         eval('document.layers[\'`loginShow\']');
  document.poppedLayer.style.visibility = "visible";
}

function hideLogin() {
	hideForgotPass();
	hideLoginStuff();
}

function clearField(el) {
  if (el.defaultValue==el.value) el.value = ""
}


//Slider menu
var Site = {
	
	start: function(){if ($('menu')){Site.appearText();}},
	
	appearText: function(){
		var timer = 0;
		var sideblocks = $$('#menu li');
		
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			el.setStyle('margin-left', '-39px');
			timer += 125;
			slidefxs[i] = new Fx.Style(el, 'margin-right', {
				duration: 100,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 220, 'wait': false});
		var tocolor = '6f6f70';
		var fromcolor = 'fff';
		
		el.mouseouted = true;
		el.addEvent('mouseenter', function(e){
			overfxs.start({
				'color': tocolor,
				'margin-left': 15
			});
		});
		el.addEvent('mouseleave', function(e){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
	},
	
	makeShadow: function(){}
	
};


//Drag and drop
var dragObject = null;
var mouseOffset = null;

document.onmousemove = mouseMove;
document.onmouseup = mouseUp;

function mousePoint(x,y) {
	this.x = x;
	this.y = y;
}

function mousePosition(evnt){
	var x = parseInt(evnt.clientX);
	var y = parseInt(evnt.clientY);
	return new mousePoint(x,y);
}

function getMouseOffset(target, evnt){
	evnt = evnt || window.event;
	var mousePos = mousePosition(evnt);
	
	var x = mousePos.x - target.offsetLeft;
	var y = mousePos.y - target.offsetTop;
	return new mousePoint(x,y);
}

function mouseUp(evnt){dragObject = null;}

function mouseMove(evnt){
	if (!dragObject) return;
	evnt = evnt || window.event;
	var mousePos = mousePosition(evnt);
	

		if (dragObject) {
			dragObject.style.position = 'absolute';
		
			dragObject.style.top      = mousePos.y - mouseOffset.y + "px";
			dragObject.style.left     = mousePos.x - mouseOffset.x + "px";
			return false;
		}

	if (item.style.top > "100px") {
		item.style.top      = "0px";
	}

}

function makeDraggable(item){
	if (item) {
		item = document.getElementById(item);
		item.onmousedown = function(evnt) {
			               dragObject   = this;
			               mouseOffset = getMouseOffset(this, evnt);
			               return false; };
	}
}
	
function resetImg(item) {
	item.style.position = 'absolute';
	
	item.style.top      = "0px";
	item.style.left     = "0px";
}

window.addEvent('load', Site.start);