// JScript File
    // Constants
var DROP_ITEM_OFF_CLASS = "item-off";
var DROP_ITEM_ON_CLASS = "item-on";
var DROP_DISAPPEAR_MS = 6000

var initDone = false;

// A Stack to keep track of window timeouts
var timeoutIDs = [];

objectLeftPos = 0;
objectTopPos = 270;


function FlyUp(start, end, id, timeout, pixels){
    var object = getObj('FlyOut' + id).style;
    var body = getObj('Body' + id);
    var headerOn = getObj('HeaderOn' + id);
    var headerOff = getObj('HeaderOff' + id);
    getObj('FlyOut1').style.display = 'none';  
    getObj('FlyOut2').style.display = 'none';  
    getObj('FlyOut3').style.display = 'none';  
    getObj('FlyOut4').style.display = 'none';  
    object.display = 'block';
    body.style.display = 'block';
    body.style.height = '100px';

    if(objectTopPos < 169){
       body.style.height = '220px';
    }
    if (objectTopPos > 63) {
        objectTopPos += -5;
        object.top = objectTopPos;
        var fctn = 'FlyUp(' + start + ',' + end + ',' + id + ',' + timeout + ',' + pixels + ')';
        setTimeout(fctn,15)
    }else{
        headerOff.style.display = 'block';
        headerOn.style.display = 'none';   
    }
}

function FlyDown(start, end, id, timeout, pixels){
    var object = getObj('FlyOut' + id).style;
    var body = getObj('Body' + id);
    var headerOn = getObj('HeaderOn' + id);
    var headerOff = getObj('HeaderOff' + id);
    
    body.style.display = 'block';
    body.style.height = '100px';

    if(objectTopPos < 169){
       body.style.height = '220px';
    }
    if (objectTopPos < 270) {
        objectTopPos += 5;
        object.top = objectTopPos;
        var fctn = 'FlyDown(' + start + ',' + end + ',' + id + ',' + timeout + ',' + pixels + ')';
        setTimeout(fctn,15)
    }else{
        headerOn.style.display = 'block';
        headerOff.style.display = 'none'; 
        body.style.display = 'none';
        getObj('FlyOut1').style.display = 'block'; 
        getObj('FlyOut2').style.display = 'block';
        getObj('FlyOut3').style.display = 'block';
        getObj('FlyOut4').style.display = 'block';
    }
}

function Reveal(id){
    var object = getObj('Nav' + id);
    var header = getObj('Header' + id);
    var section = getObj('Section' + id);
    CloseAll();
    object.className = 'NavItem-On';
    header.className = 'NavHeader-On';
    section.style.display = 'block';
}

function CloseAll(){
    getObj('Nav1').className = 'NavItem';
    getObj('Nav2').className = 'NavItem';
    getObj('Nav3').className = 'NavItem';    
    // getObj('Nav4').className = 'NavItem';
    // getObj('Nav5').className = 'NavItem';    
    getObj('Header1').className = 'NavHeader';
    getObj('Header2').className = 'NavHeader';
    getObj('Header3').className = 'NavHeader';
    // getObj('Header4').className = 'NavHeader';
    // getObj('Header5').className = 'NavHeader';
    getObj('Section1').style.display = 'none';
    getObj('Section2').style.display = 'none';
    getObj('Section3').style.display = 'none';
    // getObj('Section4').style.display = 'none';
    // getObj('Section5').style.display = 'none';
}

function Point(x, y) {
	this.x = x + 1;
	this.y = y + 1;
}

function getObj(id) {
	if(document.layers) {
		return document.layers[id];
	} else if(document.all) {
		return document.all[id];
	} else if(document.getElementById) {
		return document.getElementById(id);
	}
}

function getPosition(el) {
	if(document.all) {
		return getPositionIE(el);
	} else if(document.getElementById) {
		return getPositionNS(el);
	}
}

function getPositionNS(el) {
	return new Point(el.x, el.y);
}

function getPositionIE(el) {
	var r = new Point(el.offsetLeft, el.offsetTop);
	
	if(el.offsetParent) {
		var tmp = getPositionIE(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}

	return r;
}

function dropItemOver(obj) {
	obj.className = DROP_ITEM_ON_CLASS;
}

function dropItemOut(obj) {
	obj.className = DROP_ITEM_OFF_CLASS;
}

function dropItemClick(obj) {
	document.location.href = obj.href;
}

function navOver(obj, index) {
	if(!initDone){
	    initStudentDrops();
	}
	actualObj = getObj(obj);
	dropHideAll();
	var target = getObj(drop[index][0]);
	target.style.display = 'block';
	timeoutIDs.push([ window.setTimeout('dropHideAll();', DROP_DISAPPEAR_MS), obj, index ]);
	obj.src = drop[index][3].src;
}

function navOut(obj, index) {
	// Noop
}

function dropHide(index) {
	var target = getObj(drop[index][0]);
	target.style.display = 'none';
}

function putObj(parent, target, offsetX, offsetY) {
	var pt = getPosition(parent);
	target.style.top = new String(pt.y + offsetY) + 'px';
	target.style.left = new String(pt.x + offsetX) + 'px';
	return pt;
}

function initTakeMeTo(){
   var el = getObj('TakeMeToDrop');
   var target =  getObj('TakeMeToImage');
   var pt;
   pt = getPosition(el);
   var prevState = target.style.display;
   target.style.display = 'block';
   target.style.left = new String(85) + 'px';
   target.style.top = new String(pt.y + el.offsetHeight + 1) + 'px';
   target.style.display = prevState;
}

function moveObject(object){
    var obj = getObj(object);
    obj.style.left = '200px';
}

function FlyFromTop (oDiv,stopY)
{
    oDiv.style.pixelTop += 10;
    if (oDiv.style.pixelTop >= stopY) 
        oDiv.style.pixelTop = stopY;
    else
    {
        copyDiv = oDiv;
        copyY   = stopY;
        window.setTimeout ("FlyFromTop (copyDiv,copyY);", 10);
    }     
}
