/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Konstantin Jagello | http://javascript-array.com/ */

var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

function mopen(n) {
  var l  = document.getElementById("menu"+n);
  var mm = document.getElementById("mmenu"+n);
	
  if(l) {
    mcancelclosetime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;			
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
}

function mclosetime() {
  closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
  if(closeTimer) {
    window.clearTimeout(closeTimer);
    closeTimer = null;
  }
}

function mclose() {
  if(currentLayer && noClose!=1)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;
  } else {
    noClose = 0;
  }
  currentLayer = null;
  currentitem = null;
}

function OpenElement(refName) {
	if (document.getElementById(refName).style.visibility == "visible") {
		document.getElementById(refName).style.visibility = "hidden";
		document.getElementById(refName).style.position = "absolute";
	}else {
		document.getElementById(refName).style.visibility = "visible";
		document.getElementById(refName).style.position = "relative";
	}
}

document.onclick = mclose; 

/*--setup--*/
function TabSetup(initial_tab) {
	tab.setup = {
			tabs: document.getElementById('tab').getElementsByTagName('li'),
			pages: [
			        document.getElementById('box1'),
			        document.getElementById('box2'),
			        document.getElementById('box3')
			        ]
	};
	tab.init();
	tab.showpage(tab.setup.tabs[initial_tab]);
}

var tab = {
		   init: function(){
		      var tabs = this.setup.tabs;
		      var pages = this.setup.pages;
		      
		      for(i=0; i<pages.length; i++) {
						if (pages[i] == null)
							continue;
						pages[i].style.display = 'none';
						tabs[i].onclick = function(){ tab.showpage(this); return false; };
		      }
		   },
		   
		   showpage: function(obj){
		      var tabs = this.setup.tabs;
		      var pages = this.setup.pages;
		      var num;
		      
		      for(num=0; num<tabs.length; num++) {
		         if(tabs[num] === obj) break;
		      }
		      
		      for(var i=0; i<pages.length; i++) {
						if (pages[i] == null)
							continue;
						if(i == num) {
							pages[num].style.display = 'block';
							tabs[num].className = 'open';
						}else {
							pages[i].style.display = 'none';
							tabs[i].className = "close";							}
		      }
		   }
		};

// Uploaded Image Preview
function beginImagePreview()
{
	if ($('itemImage') != null) {
		Event.observe($('itemImage'), 'change', changeImgPath, false);
	}
}

function changeImgPath(e)
{
    $('assessment').action = 'preview.php';
    $('assessment').target = 'preview_iframe';
    $('assessment').submit();
    $('assessment').action = "submitpreview.php";
    $('assessment').target = null;
}

Event.observe(window, "load", beginImagePreview);

function ExpandMoreElement(expanderName, blockName) {
	document.getElementById(expanderName).style.display = "none";
	document.getElementById(blockName).style.display = "block";
}