// JavaScript Document
// function used on company_history.html page to show history by year
// used newsEvents_newsletters.html page to show issues and highilights
// used newsEvents_news.html page to show news per year
//used in products_wavelength_ranger.html to show each family of product 13xx, 14xx,15xx, 16xx
//var level used to group divs
//var maxCount gives the total no of divs 
//var count gives the div to be visible
function show_div (level, count, maxCount)
{
	for (i=1;i<=maxCount;i++)
	{
		var divID="subtitle" + level + "_"+ i + "_text";
    var elem = document.getElementById(divID);
    if ( elem ) 
    {
      elem.style.visibility="hidden";
    }
	}
	newdivID="subtitle" + level + "_"+ count + "_text";
	document.getElementById(newdivID).style.visibility="visible";
}
//-----------------------------------------------------------------------------------------
//function used on company_board.html page to show board members details
//div id is of the form "subtitleX_Y_text"
//X=1 for left side text, X=2 for right side text
//Y=2 to 5, defines div containing the details of a board member 
//Y=1 is for the list of members (complete id is "subtitle1_1_title" or "subtitle3_1_title")
function show_details (side, memberNo)
{
	//hide the oposite board list and title
	if (side == 1) 
		{
			var divID="subtitle2_1_text";
			var divTitleID="titletext2"
		}
	else if (side == 2)
		{
			var divID="subtitle1_1_text";
			var divTitleID="titletext1"
		}
	//alert (divID);
	document.getElementById(divID).style.visibility="hidden";
	document.getElementById(divTitleID).style.visibility="hidden";
	
	//show the selected board member details
	var newdivID="subtitle"+ side + "_" + memberNo + "_text";	
	var newdivPcsID="subtitle"+ side + "_" + memberNo + "_pcs";
	//alert (newdivID);
	document.getElementById(newdivID).style.visibility="visible";	
	document.getElementById(newdivPcsID).style.visibility="visible";
}

//complementary function to show_details()
function hide_details (side, memberNo)
{
	//show the oposite board list and title
	if (side == 1) 
		{
			var divID="subtitle2_1_text";
			var divTitleID="titletext2"
		}
	else if (side == 2)
		{
			var divID="subtitle1_1_text";
			var divTitleID="titletext1"
		}
	document.getElementById(divID).style.visibility="visible";
	document.getElementById(divTitleID).style.visibility="visible";
	
	//hide the selected board member details
	var newdivID="subtitle"+ side + "_" + memberNo + "_text";	
	var newdivPcsID="subtitle"+ side + "_" + memberNo + "_pcs";
	document.getElementById(newdivID).style.visibility="hidden";
	document.getElementById(newdivPcsID).style.visibility="hidden";
}

//****************************************************
//function used when swithsing between 2 divs only
function switch_div(showDiv, hideDiv)
{
	document.getElementById(hideDiv).style.visibility="hidden";
	document.getElementById(showDiv).style.visibility="visible";
}

//*******************************************************************
//change background
//used in rangerlase page to extend background for 15xx family
//var family gives the laser family to be displayed
function change_bckg(varFamily)
{
	//define var whose values change
	//white backgroung
    var divUpbckgHeight = document.getElementById("upbckg");
	//foot menu
	var divFootertextmenuTop = document.getElementById("footertextmenu");
	//vertical line
	var divLineVertHeight = document.getElementById("line_vertical");
	//rounded text box (size and background)
	var divBckgTextPcs = document.getElementById("bckg_text");
	//alert (divLineVertHeight);
    var divbckgpatternHeight = document.getElementById("bckgpattern");
	
	if (varFamily == '15xx' || varFamily == '14xx') 
	{
		divUpbckgHeight.style.height = '1100px';
		divFootertextmenuTop.style.top = '1129px';
		divLineVertHeight.style.height = '816px';
		divBckgTextPcs.style.height = '1106px';
		divbckgpatternHeight.style.height = '1200px';
		divBckgTextPcs.style.backgroundImage = 'url(http://www.modulight.com/images/bckg_text_rounded_XXL_v3.jpg)';	
	}
	else
	{
		divUpbckgHeight.style.height = '644px';
		divFootertextmenuTop.style.top ='623px';
		divLineVertHeight.style.height = '410px';
		divBckgTextPcs.style.height = '500px';
		divBckgTextPcs.style.backgroundImage = 'url(http://www.modulight.com/images/bckg_text_rounded_XL.jpg)';
		divbckgpatternHeight.style.height = '850px';
	}
	
}