window.onresize = function(){location.reload(false)}

function generateFooter(){
	checkAdress();
	
	for (var k = 0; k<menuArrays.length; k++){
		initArrays(menuArrays[k]);

		getActiveItem(topic, subtopic);

		if(entry == true){
			var bgColor = 'bgcolor="'+activeTopic[3]+'"';
		}
	}
	var footer = '';
	footer +='<table width="100%" height="100" border="0" cellspacing="0" cellpadding="2" class="tableFooter" '+bgColor+'">';
	footer +='<tr>';
	footer +='	<td align="left" valign="middle">';
	footer +='		&nbsp;<a href="contact_us.html"><font size="1">Contact</font></a>&nbsp;&#124;';
	footer +='		<a href="donate.php"><font size="1">Donate</font></a>&nbsp;&#124;';
	footer +='		<a href="javascript:openWindow(\'privacy\',500,550)"><font size="1">Privacy Policy</font></a>&nbsp;';
	footer +='		<br><br>';
	footer +='		Union Station Homeless Services&nbsp;&nbsp;';
	footer +='		<br>';
	footer +='		825 East Orange Grove Boulevard&nbsp;&nbsp;';
	footer +='		<br>';
	footer +='		Pasadena, California 91104&nbsp;&nbsp;';
	footer +='		<br>';
	footer +='		626.240.4550';
	footer +='		<br><br>';
	footer +='		Copyright © 2008 Union Station Homeless Services';
	footer +='		<br>';
	footer +='	</td>';
	
	footer +='	<td align="right" valign="middle">';
	footer +='		<img src="img/mission_1.gif" width="348" height="75">';
	footer +='	</td>';
	
	footer +='</tr>';
	footer +='</table>';
	document.write(footer);
}

function generateHeader(){
	checkAdress();
	document.write('<table border="0" cellspacing="0" cellpadding="0">');
	document.write('<tr>');
	document.write('	<td colspan="2"><img src="img/logo_clw.jpg" width="150" height="148"></td>');
	
								
	
	
	document.write('	<td><img src="img/spacer.gif" width="15" height="1"></td>');
	document.write('	<td> <table border="0" cellspacing="3" cellpadding="0"> <tr height="105"> <td colspan="8" bgcolor="#FF6600" align="right" valign="top">');
	document.write('	<img src="img/upper_right_1.gif" width="348" height="75"></td> </tr> <tr>');
//	document.write('	<font color="#FFFFFF" size="+1" face="tahoma, Verdana, Arial, Helvetica, sans-serif">THE SAN GABRIEL VALLEY&#39;S LARGEST &nbsp;<br>SOCIAL SERVICES AGENCY ASSISTING &nbsp;<br>HOMELESS MEN, WOMEN AND CHILDREN &nbsp;</font></td> </tr> <tr>');
	//document.write('	<td><tr><img src="img/header/pic_home.jpg" width="82" height="10"></tr></td></tr>');

	
	for (var k = 0; k<menuArrays.length; k++){
		initArrays(menuArrays[k]);
		var bgColor = 'bgcolor="'+topic[3]+'"';

		getActiveItem(topic, subtopic);

//		if(pageName == ''){ // if address is without page name (www.usf.com/) - set active page to index-page
//			entry = true;
//			activeTopic = object['home'];
//		}

		if(entry == true){
			var selTd = bgColor;
			var pathImg = folderImgHeader + activeTopic[4].substr(0, activeTopic[4].indexOf(".")) + '_sel.jpg';
		} else{
			var selTd = '';
			var pathImg = folderImgHeader + topic[4];
		}

         baseurl = document.URL.substring( 0, location.href.lastIndexOf("/") + 1 );
         if (baseurl == 'https://secure.authorize.net/gateway/') {
            baseurl = 'http://www.unionstationhs.org/';
         } else {
            baseurl = 'http://www.unionstationhs.org/';
         }
         
         if (topic[1] == '#') {
            link = topic[1]; 
         } else {
            link = baseurl+topic[1]; 
         }
         //alert(baseurl);
		document.write('<td class="tdMenu">');
		document.write('	<table border="0" cellspacing="0" cellpadding="3" class="tableMenu"  id="menu_'+menuArrays[k]+'" onClick="document.location.href=\''+link+'\'">');
		//document.write('	<tr><td '+selTd+' id="line_'+menuArrays[k]+'"><img src="img/spacer.gif" width="1" height="4"></td></tr>');
		//document.write('	<tr><td><img src="img/spacer.gif" width="1" height="1"></td></tr>');
		//document.write('	<tr><td ><img src="'+pathImg+'" width="82" height="10" id="image_'+menuArrays[k]+'"></td></tr>');
		//document.write('	<tr><td><img src="img/spacer.gif" width="1" height="1"></td></tr>');
		document.write('	<tr><td class="menu" '+bgColor+'"><img src="'+folderImgMenu + topic[0]+'"></td></tr>');
		document.write('	</table>');
		document.write('</td>');
		activeTopic = [];
		activeSubtopic = [];
		entry = false
	}
	document.write('</tr>');
	document.write('</table></table></tr>');

}

function generateSubmenu(){
	var submenu = "";
	for (var k = 0; k<menuArrays.length; k++){
		initArrays(menuArrays[k]);

 		if (subtopic.length != 0){
			var position = topic[5];
			for (var i = 0; i<subtopic.length; i++){
                if (subtopic[i][1] == 'donate.php') {
                    baseurl = 'http://www.unionstationhs.org/';
                } else {
                    baseurl = 'http://www.unionstationhs.org/';
                }
				submenu += '<a href="'+baseurl+subtopic[i][1]+'">'+subtopic[i][0]+'</a><br><img src="img/spacer.gif" width="1" height="10"><br>';
			}
			with(document){
				write('<span id="submenu_' + menuArrays[k] + '" style="position:absolute; left:0px; top:0px; visibility:hidden">');
				write('<table width="100%"  border="0" cellspacing="0" cellpadding="8" bgcolor="'+topic[3]+'" class="submenuTable">');
				write('<tr>');
				write('	<td>');
				write(submenu);
				write('	</td>');
				write('</tr>');
				write('</table>');
				write('</span>');
			}
			submenu = "";
		}
	}
}

function generateLeftMenu(){
	checkAdress();
	var leftMenu = '';
	var leftMenuArray = [];
	var selectedItemArray = [];
	var submenuHeader = '';
	var colorMenu = '';
	var bg = '';

	for (var k = 0; k<menuArrays.length; k++){
		initArrays(menuArrays[k]);
//		getActiveItem(topic, subtopic);
		if(pageName == topic[1]){
			colorMenu = topic[3];
			submenuHeader = topic[5];
			leftMenuArray = subtopic;
			selectedItemArray = [];
			bg = topic[0];
		} else{
			for (var i=0; i<subtopic.length; i++){
				if(pageName == subtopic[i][1]){
					colorMenu = topic[3];
					submenuHeader = topic[5];
					leftMenuArray = subtopic;
					selectedItemArray = subtopic[i];
					bg = topic[0];
				}
			}
		}
	}
//	alert(bg);
	for (var i=0; i<leftMenuArray.length; i++){
		if(leftMenuArray[i][1] == selectedItemArray[1]){
			var image = 'pic_arrow.gif';
		} else{
			var image = 'spacer.gif';
		}
        //alert(leftMenuArray[i][1]);
        if (leftMenuArray[i][1] == 'donate.php') {
            baseurl = 'http://www.unionstationhs.org/';
        } else {
            baseurl = 'http://www.unionstationhs.org/';
        }       
        
		leftMenu +='<tr>';
		leftMenu +='	<td width="10" align="right"><img src="img/'+image+'" width="6" height="6" vspace="4"></td>';
		leftMenu +='	<td class="tdNewsText"><a href="'+baseurl+leftMenuArray[i][1]+'"><font color="#593D2B" size="-1" face="Arial, Helvetica, sans-serif">'+leftMenuArray[i][0]+'</font></a></td>';
		leftMenu +='</tr>';
	}

	document.write('<td class="tdNews"  background-color:'+colorMenu+'">');
	document.write('	<table width="125" border="0" cellspacing="0" cellpadding="0" class="tableLeftMenu">');
	document.write('	<tr><td>&nbsp;</td><td><b class="header"><font color="#593D2B">'+submenuHeader.toUpperCase()+'</font></b></td></tr>');
	document.write(			leftMenu);
	document.write('	</table><br><br><br><br><br><br>');
	document.write('</td>');
}

function roll(arrayName,action){
	checkAdress();
	for (var k = 0; k<menuArrays.length; k++){
		initArrays(menuArrays[k]);
		getActiveItem(topic, subtopic);

		var currentImgPath = document.getElementById('image_'+arrayName).src;
		for ( var i = 1; i<=currentImgPath.length; i++){
			var oneChar = currentImgPath.charAt(currentImgPath.length-i);
			if (oneChar == "\/" || oneChar == "\\"){
				var shortPath =  currentImgPath.substr(currentImgPath.length-i+1);
				break;
			}
		}
		if(action == 'visible'){
			document.getElementById('line_'+arrayName).style.background = object[arrayName][3];
			document.getElementById('image_'+arrayName).src = folderImgHeader + object[arrayName][4].substr(0, object[arrayName][4].indexOf(".")) + '_sel.jpg';
		} else{
			if(shortPath != activeTopic[4].substr(0, activeTopic[4].indexOf(".")) + '_sel.jpg'){
				document.getElementById('line_'+arrayName).style.background= '#ffffff';
				document.getElementById('image_'+arrayName).src = folderImgHeader + object[arrayName][4];
			}
		}
	}
}

//======================== Common functions ==================================//
var otstup;
var pageName;
var topicName;
var	widthContent = 868;
var topic;
var subtopic;
var entry = false;
var activeTopic = [];
var activeSubtopic = [];

function checkAdress(){
//take name of current page	
	var fullPath = window.location.pathname;
    //alert(fullPath);
	if (fullPath == '/gateway/transact.dll') {
	   fullPath = '/donate.php';
	}    
    
	for( var i = 1; i<=fullPath.length; i++){
		var  oneChar = fullPath.charAt(fullPath.length-i);
		if (oneChar == "\/" || oneChar == "\\"){
			pageName =  fullPath.substr(fullPath.length-i+1);
			break;
		}
	}
    
    //alert(pageName);
	if(pageName == ''){ // if address is without page name (www.usf.com/) - set active page to index-page
		pageName = 'index.html'
	}

	return pageName;
}

function checkScreen(){
//check	user's width of screen	
	var width = 0;
	if (document.getElementById){
		width = document.body.clientWidth;
	}
	else if (document.layers){
		width = window.innerWidth;
	}
//	alert(((width - widthContent)/2) - 0.5);
	otstup= Math.ceil(Math.abs((width - widthContent)/2 - 0.5)); 
	if ((width - widthContent) <= 0 ){otstup=0}
//	otstup=0;
	return otstup;
}

function showSubmenu(objName, action){
	
	checkScreen();
	var oneChar = objName.indexOf('_');
	var arrayName =  objName.substr(oneChar+1);
	roll(arrayName, action);

	var position = Math.ceil(object[arrayName][5]);
	position += otstup;    
	document.getElementById(objName).style.left = position;
	document.getElementById(objName).style.visibility = action;

}

function initArrays(element){
	topic = object[element];
	subtopic = object[element][2];
	
	return topic;
	return subtopic;
}

function getActiveItem(topic, subtopic){
	entry = false;
	for (var i=0; i<subtopic.length; i++){
		if(pageName == subtopic[i][1]){
			entry = true;
			activeTopic = topic;
			activeSubtopic = subtopic[i];
		}
	}
	if(entry == false && pageName == topic[1]){
		entry = true;
		activeTopic = topic;
		activeSubtopic = subtopic[i];
	}

	return entry;
	return activeTopic;
	return activeSubtopic;
}

//=============================End of common functions=================================//

function insertContent(objName){
	document.getElementById("contentIndex").innerHTML = content[objName];
}

function openWindow(url,width,height){
		var myWin = window.open(url+".html","newWindow","height="+height+", width="+width+", scrollbars=yes");
		myWin.focus();
}