/* ::::::::::::::::::::::::::::::::::::::NAVIGATION BAR SCRIPT::::::::::::::::::::::::::::::::::::::*/

i = 0;

/* hides all the sub categories, so that the one selected will only be visible */
function hide_all() {
	
	

		for (i = 0; i <= 7; i++) {
		
				document.getElementById("sub" + i).style.display = "none";	
	
		}	
		
		for (a = 1; a <= 7; a++) {
		
				document.getElementById("link" + a).style.color = "#454340";
				
		}	
		
		
}

num = 0;

function over(num) {
	
	
				hide_all();
	
				/* displays the sub menu based on the main category chosen */
				document.getElementById("sub" + num).style.display = "block";
				
				document.getElementById("link" + num).style.color = "#FFFFFF";	
	
				
				
}

/* information on navigation bar script */
/* 	
	When the page loads the hide_all() function hides all the divisions of links
	As users mouseover each category the proper category will be displayed based on it id and the number of the id. This is done by the 
	over() function. The header, and main_content divisions both hold a command to start the hide_all() function to hide the navigation bar
	when a user moves away from the navigation bar. Note::: It was added to such large areas to reduce the chances of hidding the bar by accident. 
				
*/


/* ::::::::::::::::::::::::::::::::::::::NEWS HIDE AND SEE SCRIPT::::::::::::::::::::::::::::::::::::::*/


		function hide_news() {

				document.getElementById("marquee_id").style.visibility = "hidden";		
	
	    }
		
		function see_news() {
		
				
				/* this makes the division(area) with the news visible */
				document.getElementById("marquee_id").style.visibility = "visible";					
				
		}
		
	


/* ::::::::::::::::::::::::::::::::::::::CONTROLS FOR NEWS TICKER::::::::::::::::::::::::::::::::::::::*/


//Specify the marquee's width (in pixels)
var marqueewidth="200px"
//Specify the marquee's height
var marqueeheight="205px"
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed = 1;
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1
//Absolute positioning
var yCoord=400
var xCoord=200

function pointer() {
			document.body.style.cursor = 'pointer';
}

function pointer_off() {
	
			document.body.style.cursor = 'default';
}