/*
	This file is property of www.Bourjwah.com 
	Developed by Roman Dmitri of www.RomanDmitri.com
*/

/* ======= UTILITY ============================================================= */

function truncateURL(docURL) // extract fileName from document.URL
{
	//return docURL.substr( docURL.lastIndexOf('/') + 1 );
	
	//*/
	var fileExt = ".php"; // ".html";
	var fileName = docURL.substring( docURL.lastIndexOf('/')+1,docURL.lastIndexOf(fileExt) )+fileExt;
	return fileName;
	//*/
}

function loadFileXML(fileNameXML)
{
	var folderXML = './data_xml/'; // location of XML files folder relative to script file
 
	if (window.XMLHttpRequest) { var xhttp = new window.XMLHttpRequest(); } // Modern Browsers
	else { var xhttp = new ActiveXObject('Microsoft.XMLHTTP'); } // Internet Explorer 5/6

	xhttp.open('GET',folderXML+fileNameXML,false);
	xhttp.send('');

	return xhttp.responseXML;
}

function setPageTitle(fileName)
{
	var fileName = (fileName=='')?'Home':fileName;
	document.title += ' | ' + fileName; // upgrade function in the future
}

function returnXMLData(fileName, xmlTag, tagIndex)
{
	var tagIndex = (tagIndex==undefined)?'0':tagIndex; // set to 0 by default
	var pageFile = loadFileXML(fileName+'.xml');
	
	//document.write('<tr><td>'+tagIndex+'</td></tr>');
	
	if ( pageFile!=null )
	{ return pageFile.getElementsByTagName(xmlTag)[tagIndex].childNodes[0].nodeValue; }
	
	return 'Error: page does not exist';
}

function getImageHeight(imageFile)
{
	
	var myImage = new Image(); myImage.src = imageFile; // work in Firefox
	
	return 300; // myImage.height;
}

/* ======= HEADER ============================================================== */

function startMaxTable()
{
	document.write('<table class="max_table"><tr><td align="center" valign="top">');
}

function startMainTable()
{
	document.write('<table class="main_table">');
}

/* ======= BANNER ============================================================== */

//*/
function writeMainMenu(mainPage)
{
	//var menuFileXML = (menuFileXML=='')?'main_menu.xml':menuFileXML;
	var menuFile = loadFileXML('main_menu.xml');
	var menuList = menuFile.getElementsByTagName('menu');
	var styleClass = 'main_menu';

	//document.write(menuList.length);
	//document.write(windowTitle);
	
	for (menuItem=0; menuItem < menuList.length; menuItem++ ) // iterate menuList
	{
		var menuText = menuList[menuItem].getElementsByTagName('text')[0].childNodes[0].nodeValue;
		var menuLink = menuList[menuItem].getElementsByTagName('link')[0].childNodes[0].nodeValue;
		var menuTitle = menuList[menuItem].getElementsByTagName('title')[0].childNodes[0].nodeValue;
		
		if ( menuLink == mainPage ) {
			document.title += " | " + menuTitle;
			styleClass = "main_current";
		}
		
        document.write('<a href="index.php?page='+menuLink+'" class="'+styleClass+'">'+menuText+'</a> '); // Write menu item
		styleClass = 'main_menu';
	}
}
//*/

//*/
function writeSubMenu(mainPage, subPage)
{
	//var menuFileXML = (menuFileXML=='')?'second_menu.xml':menuFileXML;
	var menuFile = loadFileXML('main_menu.xml');
	var menuList = menuFile.getElementsByTagName('menu');
	var styleClass = 'second_menu';

	//document.write(menuList.length);
	//document.write(windowTitle);
	
	for (menuItem=0; menuItem < menuList.length; menuItem++ ) // iterate menuList
	{
		var menuLink = menuList[menuItem].getElementsByTagName('link')[0].childNodes[0].nodeValue;
		
		if ( menuLink == mainPage )
		{
			
			var subList = menuList[menuItem].getElementsByTagName('submenu');
			
			//document.write(subList.length);
			
			for (subItem=0; subItem < subList.length; subItem++ ) // iterate subList
			{
				var subText = subList[subItem].getElementsByTagName('text')[0].childNodes[0].nodeValue;
				var subLink = subList[subItem].getElementsByTagName('link')[0].childNodes[0].nodeValue;
				var subTitle = subList[subItem].getElementsByTagName('title')[0].childNodes[0].nodeValue;

				if ( subLink == subPage )
				{
					document.title += " | " + subTitle;
					styleClass = 'second_current';
				}
				
				document.write('<a href="index.php?page='+menuLink+'&sub='+subLink+'" class="'+styleClass+'">'+subText+'</a> '); // write sub item
				styleClass = 'second_menu'; // reset link for next cycle
			}
		}
		
	}
}
//*/

//*/
function writeSecondMenu(pageName)
{
	//var menuFileXML = (menuFileXML=='')?'second_menu.xml':menuFileXML;
	var menuFile = loadFileXML('second_menu.xml');
	var menuList = menuFile.getElementsByTagName('menu');
	var styleClass = 'second_menu';

	//document.write(menuList.length);
	//document.write(windowTitle);
	
	for (menuItem=0; menuItem < menuList.length; menuItem++ ) // iterate menuList
	{
		var menuText = menuList[menuItem].getElementsByTagName('text')[0].childNodes[0].nodeValue;
		var menuLink = menuList[menuItem].getElementsByTagName('link')[0].childNodes[0].nodeValue;
		var menuTitle = menuList[menuItem].getElementsByTagName('title')[0].childNodes[0].nodeValue;
		
		if ( menuLink == pageName ) {
			document.title += " | " + menuTitle;
			styleClass = "second_current";
		}
		
        document.write('<a href="index.php?page='+menuLink+'" class="'+styleClass+'">'+menuText+'</a> '); // Write menu item
		styleClass = 'second_menu';
	}
}
//*/

/* ======= BODY ================================================================ */

function determineLayout(pageName)
{
	var pageLayout = returnXMLData(pageName,'layout');
	
	//document.write('<tr><td>'+pageLayout+'</td></tr>');
	
	switch (pageLayout)
	{
		case '0': drawLayout00(pageName); break;
		case '1': drawLayout01(pageName); break; // large image below
		case '1s': drawLayout01s(pageName); break; // image at side
		case '2': drawLayout02(pageName); break;
		case '2b': drawLayout02B(pageName); break; // inverted, not perfect
		case '2c': drawLayout02C(pageName); break; // one small, one large
		case '2d': drawLayout02D(pageName); break; // two small under
		case '3': drawLayout03(pageName); break;
	}
}

function drawLayout00(pageName)
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	
	document.write('<table class="max_table">');
	document.write('<tr><td align="center"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td></tr>');
	document.write('</table>');
}

function drawLayout01(pageName)
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage = returnXMLData(pageName,'image');
	
	document.write('<table class="max_table">');
	document.write('<tr><td align="center"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td></tr>');
	document.write('<tr><td class="major_text"><br/><img src="data_media/images/'+pageImage+'" width="670" /><br/><br/></td></tr>');
	document.write('</table>');
}

function drawLayout01s(pageName) // top up
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage00 = returnXMLData(pageName,'image');
	
	document.write('<table bborder="1" class="max_table" height="400">');
	document.write('<tr><td align="center" colspan="2"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td>');
	document.write('<td class="overlap_right"width="380" height="100%"><img src="data_media/images/'+pageImage00+'" width="380" /></td></td></tr>');
	document.write('</table>');
	document.write('<table><tr><td><br/></td></tr></table');
}

function drawLayout02(pageName) // top up
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage00 = returnXMLData(pageName,'image',0);
	var pageImage01 = returnXMLData(pageName,'image',1);
	var lowImageHeight = 300;//getImageHeight('data_media/images/'+pageImage00)+12;
	
	document.write('<table bborder="1" class="max_table" height="400" style="background-image: URL(\'data_media/images/'+pageImage01+'\'); background-repeat: no-repeat; background-position: bottom;">');
	document.write('<tr><td align="center" colspan="2"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td>');
	document.write('<td class="overlap_right" rowspan="2" width="380" height="100%" style="background-image: URL(\'data_media/images/'+pageImage00+'\');">');
	//document.write('<img class="overlap_right" src="data_media/images/'+pageImage00+'" />');
	document.write('</td></tr>');
	document.write('<tr><td class="overlap_bottom" height="'+lowImageHeight+'" rowspan="2"></td></tr><tr><td height="160"></td></tr>');
	document.write('</table>');
	document.write('<table><tr><td><br/></td></tr></table');
}

function drawLayout02B(pageName) // bottom up
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage00 = returnXMLData(pageName,'image',0);
	var pageImage01 = returnXMLData(pageName,'image',1);
	var imageWidth = 380;
	
	document.write('<table bborder="1" class="max_table" height="400">');
	document.write('<tr><td align="center" colspan="2"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td>');
	document.write('<td rowspan="1" width="'+imageWidth+'" height="100%">');
	document.write('<img src="data_media/images/'+pageImage00+'" width="'+imageWidth+'" /><br/><br/>');
	document.write('<img src="data_media/images/'+pageImage01+'" width="'+imageWidth+'" />');
	document.write('</td></tr>');
	document.write('</table>');
	document.write('<table><tr><td><br/></td></tr></table');
}

function drawLayout02C(pageName) // bottom up
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage00 = returnXMLData(pageName,'image',0);
	var pageImage01 = returnXMLData(pageName,'image',1);
	var imageWidth = 380;
	
	document.write('<table bborder="1" class="max_table" height="400">');
	document.write('<tr><td align="center" colspan="2"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td>');
	document.write('<td rowspan="1" width="'+imageWidth+'" height="100%">');
	document.write('<img src="data_media/images/'+pageImage00+'" width="'+imageWidth+'" /><br/><br/></td></tr>');
	document.write('<tr><td colspan="2" align="right">');
	document.write('<img src="data_media/images/'+pageImage01+'" width="670" wwidth="'+imageWidth+'" />');
	document.write('</td></tr>');
	document.write('</table>');
	document.write('<table><tr><td><br/></td></tr></table');
}

function drawLayout02D(pageName) // two small under
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage00 = returnXMLData(pageName,'image',0);
	var pageImage01 = returnXMLData(pageName,'image',1);
	var imageWidth = 335;
	
	document.write('<table bborder="1" class="max_table" height="400">');
	document.write('<tr><td align="center" colspan="2"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text" colspan="2"><br/><span class="major_text">'+pageText+'</span><br/><br/></td></tr>');
	document.write('<tr><td width="'+imageWidth+'" height="100%" align="right">');
	document.write('<img src="data_media/images/'+pageImage00+'" width="'+imageWidth+'" /></td>');
	document.write('<td align="right"><img src="data_media/images/'+pageImage01+'" width="'+imageWidth+'" /></td></tr>');
	document.write('</table>');
	document.write('<table><tr><td><br/></td></tr></table');
}

function drawLayout03(pageName)
{
	var pageTitle = returnXMLData(pageName,'title');
	var pageText = returnXMLData(pageName,'text');
	var pageImage00 = returnXMLData(pageName,'image',0);
	var pageImage01 = returnXMLData(pageName,'image',1);
	var pageImage02 = returnXMLData(pageName,'image',2);
	
	document.write('<table bborder="1" class="max_table" height="400">');
	document.write('<tr><td align="center" colspan="3"><br/><span class="major_title">'+pageTitle+'</span><br/><hr width="80%" /></td></tr>');
	document.write('<tr><td class="major_text"><br/><span class="major_text">'+pageText+'</span><br/></td><td></td>');
	document.write('<td width="380" height="100%"><img src="data_media/images/'+pageImage00+'" width="380" /></td></tr>');
	document.write('<tr><td colspan="3">&nbsp;</td></tr>');
	document.write('<tr><td><img src="data_media/images/'+pageImage02+'" width="380"/></td>');
	document.write('<td><img src="data_media/layout/blank.png" width="14" /></td>');
	document.write('<td><img src="data_media/images/'+pageImage01+'" width="380"/></td></tr>');
	document.write('</table>');
	document.write('<table><tr><td><br/></td></tr></table');
}


/* ======= TABLE DATA ========================================================== */

function drawBlankSpace()
{
	document.write('<tr><td class="blank_space"></td></tr>');
}

/* ======= FOOTER ============================================================== */

function drawBottomFill()
{
	drawBlankSpace();
	document.write('<tr><td height="100%")></td></tr>');
	document.write('<tr><td align="center">&copy; 2010 RomanDmitri.com</td></tr>');
	drawBlankSpace();
}

function endMainTable()
{
	document.write('</table>');
}

function endMaxTable()
{
	document.write('</td></tr></table>');
}