/*
 *
 * Global Variables
 *
 */

	//globaly define our images since we use them so much
	var Img = new Array( 'fi','ru','gy','mu','co','re','te' );

	// just some globals
	var d = document;
	var url = "/";
	var images = "/inc/images/stable";
	var HomePage = 0;

		// check for homepage
		if ( location.href.indexOf('home') != -1 || location.href.indexOf('.php') == -1 ) {
			// set the var
			HomePage = 1;
		}

/*
 *
 * Add onload event
 *
 */
	addEvent( window, 'load', loadPageEvents, false );


/*
 *
 * Preload
 *
 */
	function loadPageEvents() {
	
		var i1 = new Array();
		var i2 = new Array();
		var i3 = new Array();
		var i4 = new Array();

		// preload the images		
		for ( var i = 0; i < Img.length; i++ ) {

			i1[i] = new Image;
			i1[i].src = url+images+Img[i]+"-nav-off.jpg";

			i2[i] = new Image;
			i2[i].src = url+images+Img[i]+"-nav-on.jpg";

			i3[i] = new Image;
			i3[i].src = url+images+Img[i]+"-img-on.jpg";

		}

			// new
			tab_bg = new Image;
			tab_bg.src = "/sportsbuilders/inc/images/tabs-bg.png";



		// add mouse over events to the menu
		for ( var j = 0; j < Img.length; j++ ) {

			// get our id
			var obj = d.getElementById(Img[j]+"_nav");

			// add mouse over
			addEvent( obj, 'mouseover', menuOver, false ); 

			// add mouse out
			addEvent( obj, 'mouseout', menuOut, false );

		}

		hidePreLoadNotice();

	}



/*
 *
 * Menu Over
 *
 */
	function menuOver(e) {

		// find the target
		if ( window.event && window.event.srcElement ) {
			el = window.event.srcElement;	
		}
		else if ( e && e.target ) {
			el = e.target;	
		}
		else {
			return;	
		}

		// got our target
		// now change the menu image
		el.src = el.src.replace(/\b-off\b/, '-on' );

		// only if it's the homepage
		if ( HomePage == 1 ) {

			// get name of our body image
			var bid = el.id.replace( /_nav/, '_body' );

			// hide it
			d.getElementById(bid).className = 'body-over';
	
		}

		// turn off all images
		for ( var i = 0; i < Img.length; i++ ) {
			d.getElementById(Img[i]+'_img').style.visibility = 'hidden';
		}

		// get name of our body image
		var boid = el.id.replace( /_nav/, '_img' );

		// hide it
		d.getElementById(boid).style.visibility = 'visible';

	}


/*
 *
 * Menu Out
 *
 */
	function menuOut(e) {

		// find the target
		if ( window.event && window.event.srcElement ) {
			el = window.event.srcElement;	
		}
		else if ( e && e.target ) {
			el = e.target;	
		}
		else {
			return;	
		}


		// got our target
		// now change the menu image
		// uless we want to leave it
		if ( el.className != "leave" ) {
			el.src = el.src.replace(/\b-on\b/, '-off' );
		}


		if ( HomePage == 1 ) {

			// get name of our body image
			var bid = el.id.replace( /_nav/, '_body' );

			// hide it
			d.getElementById(bid).className = '';
	
		}

		// turn off all images
		for ( var i = 0; i < Img.length; i++ ) {
			var obj = d.getElementById(Img[i]+'_img');
			if ( obj.className == "leave" ) { 
				obj.style.visibility = 'visible';
			}
			else {
				obj.style.visibility = 'hidden';
			}
		}


	}


/*
 *
 * hidePreLoadNotice
 *
 */
	function hidePreLoadNotice() {

		// get our notice thing
	//	d.getElementById('preloadNotice').style.display = 'none';

	}



/*
 *
 * Function: addEvent()
 *  -> By: Scott Andrew
 *
 *	@input 		elm			ref			Refrence to obj
 *				evType		param		Type of Event
 *				fn			function	Name of function to call
 				useCapture	bool		Use the Capture
 *	@output		None
 *	@return		None
 *
 */
	function addEvent(elm, evType, fn, useCapture ) {
	
		if ( elm.addEventListener ) {
			elm.addEventListener( evType, fn, useCapture );
			return true;	
		}
		else if ( elm.attachEvent ) {
			var r = elm.attachEvent( 'on' + evType, fn );
			return r;
		}
		else {
			elm['on' + evType ] = fn;	
		}
			
	}


// last open
var LastOpen = 0;

/*
 *
 * Function: openPopWindow()
 *  
 *	@input 		elm			ref			Refrence to obj
 *	@output		None
 *	@return		None
 *
 */
	function openPopWindow(win) {
	
		// get obk
		var obj = d.getElementById(win);

		// get screen size
		var width = self.screen.width;
		var height = self.screen.height;

		// init drag
		Drag.init(obj);

		// size it
		obj.style.top = ( height / 2 - 300 );
		obj.style.left = ( width / 2 - 170 );

		// put it on top
		obj.style.zIndex = LastOpen++;

		// see it
		obj.style.display = "block";


	}

	function closePopWindow(win) {
		
		// get obj
		var obj = d.getElementById(win);

		// hide first
		obj.style.display = "none";

		// reset position
		obj.style.top = 0;
		obj.style.left = 0;
		
	}


			function openTab(menu,lnk,num) {
				// close all open menu's
				_closeTabs(lnk,num);
				// open the one we want
				var obj = d.getElementById(menu);
				obj.style.display = 'block';
				lnk.blur();

				// get parent node of parent node
				var li = lnk.parentNode;
				var ul = li.parentNode.childNodes;

				// go through and reset all
				for ( var i = 0; i <= ul.length ; i++ ) {
					if ( ul[i] && ul[i].tagName == "LI" ) {
						ul[i].className = "reg";
					}
				}

				// activeate the right one
				li.className = "active";

			}
			function _closeTabs(lnk,num) {
				for ( var i = 1; i <= num; i++ ) {
					// get tab
					var obj = d.getElementById('tabContent'+i);
					obj.style.display = "none";
					// reset 
				}
			}