function navItem(obj) {
	this.isActive = false;
	addEventToObject(obj,'onclick',navItemOpenClose);
	//addEventToObject(obj,'onmouseover',navItemHover);
	//addEventToObject(obj,'onmouseout',navItemOut);
}

function navItemHover(ev){
	var clickedLink = getClickedLink(ev);
	stopDefaultAction(ev);
	
	var setOpacity = function (obj,o) {
	    obj.style.opacity = (o / 101);
	    obj.style.MozOpacity = (o / 100);
	    obj.style.KhtmlOpacity = (o / 100);
	    obj.style.filter = "alpha(opacity=" + o + ")";
	};
	setOpacity(clickedLink.parentNode,50);
}

function navItemOut(ev){
	var clickedLink = getClickedLink(ev);
	stopDefaultAction(ev);
	var setOpacity = function (obj,o) {
	    obj.style.opacity = (o / 101);
	    obj.style.MozOpacity = (o / 100);
	    obj.style.KhtmlOpacity = (o / 100);
	    obj.style.filter = "alpha(opacity=" + o + ")";
	};
	setOpacity(clickedLink.parentNode,100);
}

function navItemOpenClose(ev){		
	var clickedLink = getClickedLink(ev);
	var subnav = new HTMLObject($('subnav'));
	var drawerParent = new HTMLObject(clickedLink.parentNode.nextSibling);
	if (!drawerParent.tagName) drawerParent = new HTMLObject(drawerParent.nextSibling);
	var drawer = new HTMLObject(drawerParent.getElementsByTagName('div')[0]);
	//alert('drawer: '+drawer);
	
	var drawerHeight = parseInt(drawer.offsetHeight);

	if(fcs.currentNavItem != drawer) {
		var drawercopy = drawer.cloneNode(true);
		drawercopy.style.position = 'absolute';
		drawercopy.style.clip = 'rect(0px, 0px, 0px, 0px)';
		drawercopy.style.overflow = 'hidden';
		drawer.parentNode.appendChild(drawercopy);
		drawercopy.style.width = fcs.currentNavWidth+'px';
		drawercopy.style.height = 'auto';
		drawerHeight = (drawercopy.offsetHeight);
		drawercopy.parentNode.removeChild(drawercopy);
	}
	
	
	var currentNavItemHeight = 0;
	var oCurrentNavDt;
	var oDrawerDt = clickedLink.parentNode;
	if(fcs.currentNavItem) {
		currentNavItemHeight = fcs.currentNavItem.offsetHeight;
		oCurrentNavDt = fcs.currentNavItem.parentNode.previousSibling;
		while(!oCurrentNavDt.tagName || oCurrentNavDt.tagName.toLowerCase() != 'dt') {
			oCurrentNavDt = oCurrentNavDt.previousSibling;	
		}
	}
	// if it's not already open
	if (!fcs.currentNavItem) {
		// open drawer
		//subnav.style.marginTop = "0px";
		subnav.scaleAttrib('marginTop','px',fcs.topOffset,0,100,3);
		drawer.scaleAttrib('height','px',0,drawerHeight,100,3);
		oDrawerDt.style.background = 'yellow';
		fcs.currentNavItem = drawer;
		fcs.currentNavItemState = true;
	} else if (fcs.currentNavItem != drawer) {
		// close current drawer
		fcs.currentNavItem.scaleAttrib('height','px',currentNavItemHeight,0,100,3);

		oCurrentNavDt.style.background = 'none';
		oDrawerDt.style.background = 'yellow';
		// open drawer
		drawer.scaleAttrib('height','px',0,drawerHeight,100,3);
		//drawer.style.height = drawerHeight+'px';
		fcs.currentNavItem = drawer;
		fcs.currentNavItemState = true;
	} else {
		//close drawer
		subnav.scaleAttrib('marginTop','px',0,fcs.topOffset,100,3);
		drawer.scaleAttrib('height','px',drawerHeight,0,100,3);
		oDrawerDt.style.background = 'none';
		fcs.currentNavItem = false;
		fcs.currentNavItemState = false;
	}
	
	stopDefaultAction(ev);
	return false;
}

var oFCS = new Object(); /* REMOVED AFTER NAV CHANGE
fcs.assignDOMReferences = function() { fcs.subnav = $('subnav'); }
fcs.currentNavItem = false;
fcs.currentNavItemState = false;
fcs.currentNavOffset = 'auto';
fcs.currentNavWidth = 233;
fcs.topOffset = 50;
fcs.pagenames = new Array('editanything','waitfornothing','tellyourstory','worktogether');
fcs.init = function() {
	fcs.assignDOMReferences();
	for (var i=0; i<fcs.subnav.getElementsByTagName('dt').length; i++) {
		new navItem(fcs.subnav.getElementsByTagName('dt')[i]);
	}
	var pagename = document.location.href.substring(
		(document.location.href.lastIndexOf('/'))+1,document.location.href.lastIndexOf('.')
	);
	for(var i=0;i<fcs.pagenames.length;i++) {
		if(fcs.pagenames[i] == pagename) {fcs.currentNavItem = new HTMLObject($('subnav_'+(i+1)).getElementsByTagName('div')[0]);}
	}
	fcs.currentNavItem.style.height = fcs.currentNavOffset;
}
*/

oFCS.mHideMovie = function(oMovie) {
	oMovie.style.display = "none";
}
oFCS.mShowTiles = function(oTiles) {
	oTiles.style.display = "block";
	// make h2 fade in
	var _oH2 = new HTMLObject($t('h2',oTiles)[0]);
	var _oBtn = new HTMLObject($('btn_take-a-tour'));
	var _aTiles = []
	var _aTilesTemp = $c('qt-tile',oTiles);
	for (var i=0; i<_aTilesTemp.length; i++) {
		_aTiles[i] = new HTMLObject(_aTilesTemp[i]);
		Object.extend(_aTiles[i],WhizBang.prototype);
	}
	var _aImgs = []
	var _aTilesImg = $c('fade-over',oTiles);
	for (var i=0; i<_aTilesImg.length; i++) {
		_aImgs[i] = new HTMLObject(_aTilesImg[i]);
		Object.extend(_aImgs[i],WhizBang.prototype);
	}
	Object.extend(_oH2,WhizBang.prototype);
	Object.extend(_oBtn,WhizBang.prototype);
	var _mFader = function(obj) {
		obj.Fade(	
			200, 	// duration
			0, 	// startOpacity
			100,	// endOpacity
			50,		// interval
			10,		// step
			10		// curve
		);
	}
	var _aTimeline = []
	_aTimeline[_aTimeline.length] = _oH2;
	for(var i=0; i<_aTiles.length; i++){
		_aTimeline[_aTimeline.length] = _aTiles[i];
		_aTimeline[_aTimeline.length] = _aImgs[i];
	}
	_aTimeline[_aTimeline.length] = _oBtn;
	setTimeout( function(){ _mFader(_aTimeline[0]) }, 0 );
	setTimeout( function(){ _mFader(_aTimeline[1]) }, 100 );
	setTimeout( function(){ _mFader(_aTimeline[2]) }, 100 );
	setTimeout( function(){ _mFader(_aTimeline[3]) }, 200 );
	setTimeout( function(){ _mFader(_aTimeline[4]) }, 200 );
	setTimeout( function(){ _mFader(_aTimeline[5]) }, 300 );
	setTimeout( function(){ _mFader(_aTimeline[6]) }, 300 );
	setTimeout( function(){ _mFader(_aTimeline[7]) }, 400 );
	setTimeout( function(){ _mFader(_aTimeline[8]) }, 400 );
	setTimeout( function(){ _mFader(_aTimeline[9]) }, 500 );
	//var _mTest() {
	//	return function(i) {
	//		_mFader(_aTimeline[i])
	//	}
	//}
	//for(var i=0; i<_aTimeline.length; i++){
	//	setTimeout( _mTest, 300*i );
	//}
	// make each of the 4 blink
}
oFCS.mShowMainMenu = function() {
	// remove QT movie from stage
	oFCS.mHideMovie($('qt-movie'));
	oFCS.mShowTiles($('qt-tiles'));
}
oFCS.mFCSIndexInit = function() {
	//assign DOM References
	oFCS.ointro = $('intro');
	oFCS.oQTTiles = $('qt-tiles');
	//assign mouseover behavior to images
		//make array of images
		oFCS.aImages = $c('fade-over',oFCS.oQTTiles)
		//cycle through array
		for (var i=0; i<oFCS.aImages.length; i++) {
			//add on mouseover
			var _img = new HTMLObject(oFCS.aImages[i]);
			Object.extend(_img,WhizBang.prototype);
			addEventToObject(_img,'onmouseover',
				function() {
					var me = this;
					this.Fade(	
						200, 	// duration
						100, 	// startOpacity
						30,	// endOpacity
						50,		// interval
						10,		// step
						10,		// curve
						function() {
						
							me.Fade(	
								900, 	// duration
								30, 	// startOpacity
								100,	// endOpacity
								50,		// interval
								10,		// step
								10		// curve
							);
						
						}
					);
				}
			);
			/*
			addEventToObject(_img,'onmouseout',
				function() {
					this.Fade(	
						200, 	// duration
						30, 	// startOpacity
						100,	// endOpacity
						50,		// interval
						10,		// step
						10		// curve
					);
				}
			);
			*/
		}
}	

addEventToObject(window,'onload',oFCS.mFCSIndexInit);