////////////////////////////////////////////////////////////////////////////////
// BEGIN
//

	var site = 1;
	var sites = new Array( "&nbsp;", "Saskatoon", "Regina", "Prince Albert", "Bio Processing Centre", "Boffins Club", "Corporate" );
	
	function init( vSite )
	{
		// Site
		site = vSite;
		var desc = document.getElementById( "ss_desc" );
			desc.innerHTML = sites[site];
			
		// Buttons
		initButtons();
	}
	
	function swapSSImage( obj, imgSRC, s )
	{
		// Update Image
		obj.src = imgSRC;
		
		// Update Description	
		if( s == 0 ) { s = site; }
		var desc = document.getElementById( "ss_desc" );
			desc.innerHTML = sites[s];
	}
	
	// -- Scroll --------------------------------------------------------------
	var photoGalleryScrollElem;
	var galleryWidth = 0;
	var galleryWindowWidth = 170;
	var scrollActive;
	var scrollSpeed = 1;
	var scrollDirection = "left";
	var scrollPosition = 0;
		
	function initScroll( direction )
	{
		photoGalleryScrollElem = document.getElementById( "photoGalleryScroll" );
		galleryWidth = document.getElementById( "galleryImagesWidth" ).value;
		scrollDirection = direction;

		doScroll();
	}
	function doScroll()
	{
		// Absolute Left
		if( scrollDirection == "left" )
		{
			var newPos = parseInt( (Math.abs( scrollPosition ) + galleryWindowWidth) );
			if( newPos <= (galleryWidth-2) )
			{
				scrollPosition -= scrollSpeed;
				photoGalleryScrollElem.style.left = scrollPosition + "px";
			}
		}
		
		// Absolute Right
		if( scrollDirection == "right" )
		{
			var newPos = scrollPosition + scrollSpeed;
			if( newPos < 0 )
			{
				scrollPosition += scrollSpeed;
				photoGalleryScrollElem.style.left = scrollPosition + "px";
			}			
		}
		
		scrollActive = setTimeout( "doScroll()", 10 );
	}
	function endScroll()
	{
		clearTimeout( scrollActive );
	}
	// ------------------------------------------------------------------------
	// -- Menu ----------------------------------------------------------------
	var menuTimeout;
	
	function showMenu( obj, mnu )
	{
		hideMenu();
		
		var menuJS = document.getElementById( mnu );
		var x = findPosX( obj );
		var y = findPosY( obj );
		
		menuJS.style.left = (x+10) + "px";
		menuJS.style.top = (y-15) + "px";
		menuJS.style.visibility = "visible";
	}
	
	function hideMenu()
	{
		var menus = new Array( 'ourCommunity' );
		
		for( var i = 0; i < menus.length; i++ )
		{
			var elem = document.getElementById( menus[i] );
				elem.style.visibility = "hidden";
		}
		
		clearTimeout( menuTimeout );
	}
	
	function startHideMenu()
	{
		menuTimeout = setTimeout( "hideMenu()", 2000 );
	}
	
	function startFastHideMenu()
	{
		clearTimeout( menuTimeout );
		//menuTimeout = setTimeout( "hideMenu()", 100 );
		hideMenu();
	}
	
	function clearHideMenu()
	{
		clearTimeout( menuTimeout );
	}
	// ------------------------------------------------------------------------
	// -- Button --------------------------------------------------------------
	function initButtons()
	{
		var elems = document.getElementsByTagName( "img" );
		for( n = 0; n < elems.length; n++ )
		{
			if( elems[n].className == "btn" )
			{
				elems[n].onmouseover = function()
				{
					swapButton( this, 'over' );
				}
				elems[n].onmouseout = function()
				{
					swapButton( this, 'out' );	
				}
			}
		}
	}
	function swapButton( obj, action )
	{
		// Cancel Over in MSIE
		if( navigator.appName != "Microsoft Internet Explorer" )
		{
			var parts = obj.src.split( "/" );
				img = parts[parts.length-1];
			
			if( navigator.appName == "Microsoft Internet Explorer" )
				img = obj.id;
			
			// Over?
			if( action == "over" )
				img = img.replace( ".png", "_over.png" );
			// Out?
			if( action == "out" )
				img = img.replace( "_over.png", ".png" );
				
			// IE fix?
			if( navigator.appName == "Microsoft Internet Explorer" )
			{
				obj.src = "images/layout/spacer.png";
				obj.id = img;
				obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ img +"', sizingMethod=scale);";
				obj.style.height = "23px";
				obj.style.width = "38px";
			}
			else
			{
				obj.src = "images/layout/" + img;
			}
		}
	}
	// ------------------------------------------------------------------------
	// -- Gallery ------------------------------------------------------------
	function galleryOver( obj )
	{
		obj.style.backgroundColor = "#191919";
	}
	function galleryOut( obj )
	{
		obj.style.backgroundColor = "#222222";
	}
	// ------------------------------------------------------------------------
	// -- Position ------------------------------------------------------------
	function findPosX(obj)
	{
		var curleft = 0;
		if(obj.offsetParent)
			while(1) 
			{
			  curleft += obj.offsetLeft;
			  if(!obj.offsetParent)
				break;
			  obj = obj.offsetParent;
			}
		else if(obj.x)
			curleft += obj.x;
		return curleft;
	}
	
	function findPosY(obj)
	{
		var curtop = 0;
		if(obj.offsetParent)
			while(1)
			{
			  curtop += obj.offsetTop;
			  if(!obj.offsetParent)
				break;
			  obj = obj.offsetParent;
			}
		else if(obj.y)
			curtop += obj.y;
		return curtop;
	}
	// ------------------------------------------------------------------------
	// -- Page ----------------------------------------------------------------
	var pages;
	function splitPages()
	{
		var content = document.getElementById( "pageContent" ).value;
		pages = content.split( content.match( /<!--.*Page Break.*-->/ ) );
		
		loadPage( 0 );
	}
	function loadPage( index )
	{
		var content = document.getElementById( "page" );
			content.innerHTML = pages[index];
		
		// Navigation
		// Page
		//var pageNum = document.createElement( "div" );
		//	pageNum.id = "pageNum";
		//	pageNum.innerHTML = (index+1) + " of " + pages.length;
			
		if( pages.length > 1 )
			content.appendChild( pageNum );
		
		// .. Next
		if( index < (pages.length-1) )
		{
			var next = document.createElement( "img" );
				next.src = "images/layout/btn_next.png";
				next.className = "btn";
				next.style.position = "absolute";
				next.style.right = "0px";
				next.style.bottom = "0px";
				next.onclick = function()
				{
					loadPage( index+1 );	
				}
				
				if( navigator.appName == "Microsoft Internet Explorer" )
				{
					next.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ next.src +"', sizingMethod=scale);";
					next.style.width = "38px";
					next.style.height = "23px";
					next.id = next.src;
					next.src = "images/layout/spacer.png";
				}
				content.appendChild( next );
		}
		// .. Previous
		if( index > 0 )
		{
			var prev = document.createElement( "img" );
				prev.src = "images/layout/btn_prev.png";
				prev.className = "btn";
				prev.style.position = "absolute";
				prev.style.left = "0px";
				prev.style.bottom = "0px";
				prev.onclick = function()
				{
					loadPage( index-1 );	
				}
				
				if( navigator.appName == "Microsoft Internet Explorer" )
				{
					prev.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ prev.src +"', sizingMethod=scale);";
					prev.style.width = "38px";
					prev.style.height = "23px";
					prev.id = prev.src;
					prev.src = "images/layout/spacer.png";
				}
				
				content.appendChild( prev );
		}
		
		initButtons();
	}
	// ------------------------------------------------------------------------

//
// END
////////////////////////////////////////////////////////////////////////////////