var useAllCaps = true;
var topMenuItems = -1;
var topMenus = new Array();
var defaultHTML = '';
var defaultLeftMenuHTML = '';
var defaultLeftSubmenuHTML = '';
var defaultSpacerImg = '';
var defaultPortfolioSampleHTML = '';
var defaultServiceDescriptionContainerHTML = '';
var defaultMysteryShopperContainerHTML = '';
var l4MenuContainerHTML = '';
var portfolioSamplesPerRow = 5;
var bannerHeight = 0;
var htmlProjectImageCellObject;
var htmlProjectDetailsCellObject;
var projectTableWithBraces = '';
var projectHtmlImageTag = '';
var projectImageZoomLink = '';
var projectHtmlText = '';
var khayalTitle = '';
var projImageArray;
var projectImageCounter = -1;
var prevProjImgLink = '<a class="serviceIntro2" href="javascript:showProjImage(-1)"><img src="/images/arrow_reverse.gif" border="0"></a>';
var nextProjImgLink = '<a class="serviceIntro2" href="javascript:showProjImage(1)"><img src="/images/arrow.gif" border="0"></a>';
var prevProjDisabledImgLink = '<img src="/images/arrow_reverse_disabled.gif" border="0">';
var nextProjDisabledImgLink = '<img src="/images/arrow_disabled.gif" border="0">';

var projLargeImageArray;
var projectLargeImageCounter = -1;
var prevProjLargeImgLink = '<a class="serviceIntro2" href="javascript:showProjLargeImage(-1)"><img src="/images/arrow_reverse.gif" border="0"></a>';
var nextProjLargeImgLink = '<a class="serviceIntro2" href="javascript:showProjLargeImage(1)"><img src="/images/arrow.gif" border="0"></a>';
var prevProjDisabledLargeImgLink = '<img src="/images/arrow_reverse_disabled.gif" border="0">';
var nextProjDisabledLargeImgLink = '<img src="/images/arrow_disabled.gif" border="0">';

var navContainer;
var isFirst = true;
var isFirstL2Menu = true;
var menuIds = new Array();
var level1MenuIds = new Array();
var level1MenuItemIds = new Array();
var level1Menus = new Array();
var level1MenuLabels = new Array();
var level1MenuLabelsIndex = 0;
var level1MenuDescriptions = new Array();
var level1MenuDescriptionsIndex = 0;

var level2MenuIds = new Array();
var level2Menus = new Array();
var level2MenuDescriptions = new Array();
var level2MenuDescriptionsIndex = 0;

var level3MenuIds = new Array();
var level3Menus = new Array();
var level3MenuLabels = new Array();
var level3MenuLabelsIndex = 0;
var level3MenuDescriptions = new Array();
var level3MenuDescriptionsIndex = 0;

var level4MenuIds = new Array();
var level4Menus = new Array();
var level4MenuDescriptions = new Array();
var level4MenuDescriptionsIndex = 0;

var level5MenuDescriptionsIndex = 0;

var curPageURL = '';
var curPage = '';
var linkURL = '';
var target = '';
var curLocation = '';
var preloadedMenu = new Array();
var lineBreak = '\n';
var eTitleString = 'TitleEng';
var titleString = eTitleString;
var showMenuFuncName = 'showMenu';
var hideMenuFuncName = 'hideMenu';
var showProjectFuncName = 'showProject';
var imageArray2D = new Array();
var currServiceID = '';
var prevServiceID = '';
var containerObj;
var htmlContent;

var activeItemsArray = new Array();
activeItemsArray[0] = 'activeMain';
activeItemsArray[1] = 'activeLeft';
activeItemsArray[2] = 'activeLeftSubnavigation';

var activeItemIDs = new Array();
activeItemIDs[0] = '';
activeItemIDs[1] = '';
activeItemIDs[2] = '';

var topNavContainer = 'topNavigationContainer';
var mainNavContainer = 'mainNavigationContainer';
var leftNavigationContainer = 'leftNavigationContainer';
var leftSubnavigationContainer = 'leftSubNavigationContainer';
var portfolioSampleContainerName = 'portfolioSampleContainer';
var serviceDescriptionContainerName1 = 'serviceDescriptionContainer1';
var serviceDescriptionContainerName2 = 'serviceDescriptionContainer2';
var rightContainerName = 'rightContainer';
var fixerImageName = 'heightFixer';
var contentFixerImageName = 'contentHeightFixer';
var l2TopMarker = 'l2TopMarker';
var origWidth = actualPageWidth();
var origHeight = actualPageHeight();
var preloadMenuCommand = "";
var webAddress = ""; 
var projectLocation = "/UploadedFiles/Projects/"; 
var imageExtTypeGIF = ".gif";
var imageExtTypeJPG = ".jpg";
var imageExtTypePNG = ".png";
var imageExtTypeBMP = ".bmp";
var imageExtTypeSWF = ".swf";
var imageExtTypeMOV = ".mov";
var imageExtTypeFLV = ".flv";
var imageExtTypes = new Array(7);
imageExtTypes[0] = imageExtTypeGIF;
imageExtTypes[1] = imageExtTypeJPG;
imageExtTypes[2] = imageExtTypePNG;
imageExtTypes[3] = imageExtTypeBMP;
imageExtTypes[4] = imageExtTypeSWF;
imageExtTypes[5] = imageExtTypeMOV;
imageExtTypes[6] = imageExtTypeFLV;

var iServiceId;

// Determine browser.
var ie=document.all&&navigator.userAgent.indexOf("Opera")==-1;
var mac = navigator.userAgent.indexOf("indows")==-1;
function getPageDetails()
{
	curPageURL = document.location.href;
	webAddress = curPageURL.substring(0, curPageURL.lastIndexOf('/'))
	if(curPageURL.indexOf('.') > 0 )
	{
		curPage = curPageURL.substring(curPageURL.indexOf('.'));
		if(curPage.indexOf('/') > 0 )
			curPage = curPage.substring(curPage.indexOf('/')+1);
	}
	if(curPage.indexOf(';') > 0 )
		curPage = curPage.substring(0, curPage.indexOf(';'));
	if(curPage.indexOf('?') > 0 )
		curPage = curPage.substring(0, curPage.indexOf('?'));
}

function findPosX(obj)
{
	var curLeft = 0;
	if(obj)
	{
		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)
	{
		if(obj.offsetParent)
		{
			while(1)
			{
			  curtop += obj.offsetTop;
			  if(!obj.offsetParent)
				break;
			  obj = obj.offsetParent;
			}
		}
		else if(obj.y)
			curtop += obj.y;
	}
    return curtop;
}

function actualPageHeight() 
{
	var winHeight = 0;
	
	if (typeof(window.innerHeight) == 'number') 
		winHeight = window.innerHeight;
	else if (document.documentElement && document.documentElement.clientHeight) 
		winHeight = document.documentElement.clientHeight;
	else if (document.body && document.body.clientHeight) 
		winHeight = document.body.clientHeight;
	
/*	if(mac)
		return winHeight - 15;	
	else*/
		return winHeight;	
	
}

function actualPageWidth() 
{
	var winWidth = 0;
	
	if (typeof(window.innerWidth) == 'number') 
		winWidth = window.innerWidth;
	else if (document.documentElement && document.documentElement.clientWidth) 
		winWidth = document.documentElement.clientWidth;
	else if (document.body && document.body.clientWidth) 
		winWidth = document.body.clientWidth;
		
	return winWidth;	
}

function createMenu(menuDefinition, menuItems) 
{
	if(menuDefinition != null && menuItems != null)
	{
	  var navigationHTML = '';
	  var addBulletPoints = false;
	  var currentItemBulletPoint = false;
	  var useAllCaps = false;
	  var colsInRow = 0;
	  var colMultiplier = 1;
	  
	  if(menuDefinition['BL'] != null && menuDefinition['BL'] == true)
	  	addBulletPoints = true;
	  
	  if(menuDefinition['ALLCAPS'] != null && menuDefinition['ALLCAPS'] == true)
	  	useAllCaps = true;
		
	  for (rowCount=0; rowCount<menuItems.length; rowCount++)
	  {
		if(menuDefinition['LV'] != null && menuDefinition['LV'] == 4)
			colMultiplier = 2;
		
		if(menuItems[rowCount].length > 0)
		{
			if(menuDefinition['LV'] != null && menuDefinition['LV'] == 4)
			  navigationHTML += '<table id="' + menuDefinition['N'] + rowCount + '" cellpadding="0" cellspacing="0" border="0"';
			else
			  navigationHTML += '<table id="' + menuDefinition['N'] + rowCount + '" cellpadding="0" cellspacing="0" border="0"';
			  
			// removed rowCount variable from the Table ID definition
			//navigationHTML += '<table id="' + menuDefinition['N'] + '" cellpadding="0" cellspacing="0" border="0"';
			
			if(menuDefinition['StyleClass'] != null)
				navigationHTML += ' class="' + menuDefinition['StyleClass'] + '"';
				
			navigationHTML += '>' + lineBreak;
			navigationHTML += '<tbody>' + lineBreak;
			
			var labelIndex = -1;
		    var portfolioSampleType = 0;

			for (colCount=0; colCount<menuItems[rowCount].length; colCount++)
			{
			  if(menuDefinition['O'] != null && menuDefinition['O'] == 'Horizontal' && colsInRow==0)
			  {
			    navigationHTML += '<tr>' + lineBreak;
			  }
			  
			  if( (colCount==0) && (menuDefinition['showFirstItemBullet'] != null && menuDefinition['showFirstItemBullet'] == false) )
				currentItemBulletPoint = false;
			  else
				currentItemBulletPoint = addBulletPoints;
				
			  navigationHTML += addItem(menuItems[rowCount][colCount], menuDefinition['N'], rowCount, colCount, useAllCaps, currentItemBulletPoint, menuDefinition['StyleClass'], menuDefinition['O'], menuDefinition['LV'], menuItems[rowCount].length, colCount, labelIndex);
			  colsInRow+=colMultiplier;
			  
			  if(menuDefinition['O'] != null && menuDefinition['O'] == 'Horizontal' && colsInRow==(portfolioSamplesPerRow*colMultiplier))
			  {
			    navigationHTML += '</tr>' + lineBreak;
				colsInRow = 0;
		  	    //if(menuDefinition['LV'] != null && menuDefinition['LV'] == 4)
					//navigationHTML += '<tr><td colspan="' + (portfolioSamplesPerRow*colMultiplier) + '"><img src="/images/invisible.gif" width="1" height="1"></td></tr>';
			  }
			}
		  
		    if(menuDefinition['O'] != null && menuDefinition['O'] == 'Horizontal' && colsInRow>0)
			{
			  if((menuDefinition['LV'] != null && menuDefinition['LV'] == 4) && (portfolioSamplesPerRow*colMultiplier-colsInRow) > 0)
			  {
				for(var iCount=0; iCount<(portfolioSamplesPerRow*colMultiplier-colsInRow); iCount+=2)
				{
			  	  //navigationHTML += '<td class="portfolioSampleBG"><img src="/images/invisible.gif" width="30" height="30" border="0"></td>';
			  	  navigationHTML += '<td><img src="/images/invisible.gif" width="30" height="30" border="0"></td>';
				  if(iCount < (portfolioSamplesPerRow*colMultiplier-colsInRow)-2)
				  	navigationHTML += '<td><img src="/images/invisible.gif" width="6" height="30" border="0"></td>';
				}
			  }
			  navigationHTML += '</tr>' + lineBreak;
			  colsInRow = 0;
		    }
			
			navigationHTML += '</tbody>' + lineBreak;
			navigationHTML += "</table>" + lineBreak;
			
			if(rowCount < menuItems.length-1)
			{
				navigationHTML += '<table width="100%" cellpadding="0" cellspacing="0" border="0">';
				navigationHTML += '<tbody>';
				navigationHTML += '<tr><td><img src="/images/invisible.gif" width="1" height="15"></td></tr>';
				navigationHTML += '</tbody>';
				navigationHTML += '</table>';
			}
		}
	  }
	}
	return navigationHTML;
}

function setPortfolioContent(menuName)
{
	for(var m=0; m < imageArray2D.length; m++)
	{
		if(imageArray2D[m][0] == (menuName+'2'))
		{
			if(imageArray2D[m][1])
			{
				for(var n=0; n<imageArray2D[m][1].length; n++)
				{
					if(imageArray2D[m][1][n] && imageArray2D[m][1][n].length>0)
					{
						MM_preloadImages(imageArray2D[m][1][n]);
						//setTimeout('MM_preloadImages(\'' + imageArray2D[m][1][n] + '\')', 5);
					}
				}
				
				setTimeout('setPContent()', 50);
			}
		}
	}
}

function setPContent()
{
	containerObj.innerHTML = htmlContent;
}

function addItem(itemDefinition, containerID, rowCount, colCount, allCaps, useBulletPoints, styleClass, menuOrientation, menuLevel, numberOfItems, itemNumber, labelIndex)
{
	var topNavigationItemHTML = '';
	var linkTagAdded = false;
	var isFirstItem = true;
	var hasTitle = false;
	var titleAdded = false;
	var itemTitle = '';
	var itemHelp = '';
	var menuToShow = '';
	var curItemID = '';
	var imageName = '';
	if(menuOrientation == 'Vertical')
	{
		if(menuLevel==2)
			topNavigationItemHTML += '  <tr><td height="1"><img src="/images/invisible.gif" width="1" height="5" border="0"></td></tr>' + lineBreak;
		topNavigationItemHTML += '  <tr>';
	}

	if(useBulletPoints)
		topNavigationItemHTML += '<td><img src="/images/bullet_top.gif"></td>';

	if(itemDefinition['URL'] != null && curPage == itemDefinition['URL']) //&& menuLevel == 4)
	{
		curItemID = activeItemsArray[menuLevel-1];
		activeItemIDs[menuLevel-1] = containerID + rowCount + colCount;
	}
	else
		curItemID = containerID + rowCount + colCount;
		
	topNavigationItemHTML += '  <td id="' + curItemID + '"';

	if(menuLevel == 4)
		topNavigationItemHTML += '  class="portfolioSampleBG"';
	else if(itemDefinition['StyleClass'] != null)
		topNavigationItemHTML += '  class="' + itemDefinition['StyleClass'] + '"';
		
	imageName = '';

	if(itemDefinition['Help'] != null && khayalTitle == '')
		khayalTitle = itemDefinition['Help'];
		
	if(itemDefinition[titleString] != null)
	{
		if(allCaps)
			itemTitle = itemDefinition[titleString].toUpperCase();
		else
			itemTitle = itemDefinition[titleString];
		
		if(itemDefinition['Help'] != null && itemDefinition['Help'] != '')
			itemHelp = itemDefinition['Help'];
		else
			itemHelp = itemTitle;
		
		if(itemTitle.indexOf('[IMG]') == 0)
		{
			imageName = '#' + projectLocation + itemTitle.substring(5);
			currServiceID = containerID;
			if(prevServiceID != currServiceID)
			{
				imageArray2D[imageArray2D.length] = new Array();
				imageArray2D[imageArray2D.length-1][0] = currServiceID;
				imageArray2D[imageArray2D.length-1][1] = new Array();
			}
			imageArray2D[imageArray2D.length-1][1][itemNumber] = imageName;
			prevServiceID = currServiceID;
			itemTitle = '<img src="' + projectLocation + itemTitle.substring(5) + '" border="0"';
			if(itemDefinition['Help'] != null && itemDefinition['Help'] != '')
				itemHelp = itemDefinition['Help'];
			else
				itemHelp = '';
			itemTitle += ' width="30" height="30">';
		}
			
		if(itemTitle.indexOf("'") >= 0)
			itemTitle = itemTitle.replace("'", "&rsquo;");

		if(itemHelp.indexOf("'") >= 0)
			itemHelp = itemHelp.replace("'", "&rsquo;");

		if(menuLevel == 1)
		{
			//alert(itemNumber + '\t' + itemTitle);
			//if(itemTitle.indexOf('logo.gif') == -1)
				level1MenuLabels[colCount] = itemTitle;
			//else
			//	level1MenuLabels[colCount] = khayalTitle;
		}

		if(menuLevel == 3)
			level3MenuLabels[level3MenuLabelsIndex][colCount] = itemTitle;
			
		var itemDesc = itemDefinition['Desc'];
		if(itemDefinition['Desc'] != null)
		{
			if(itemDesc.indexOf("'") >= 0)
				itemDesc = itemDesc.replace("'", "&rsquo;");
				
			if(menuLevel == 1)
				level1MenuDescriptions[level1MenuDescriptions.length] = itemDesc;
			
			if(menuLevel == 2)
				level2MenuDescriptions[level2MenuDescriptions.length] = itemDesc;
			
			if(menuLevel == 3)
				level3MenuDescriptions[level3MenuDescriptions.length] = itemDesc;
			
			if(menuLevel == 4)
				level4MenuDescriptions[level4MenuDescriptions.length] = itemDesc;
		}

		if(itemDefinition['Show'] != null)
		{
			menuToShow = itemDefinition['Show'];
			if(menuLevel == 1 && colCount>0)
				level1MenuItemIds[level1MenuItemIds.length] = menuToShow;
			
			topNavigationItemHTML += ' onClick="'
			topNavigationItemHTML += 'javascript:';
			if(menuLevel == 4)
				topNavigationItemHTML += showProjectFuncName + '(\'' + menuToShow + '\', ' + itemDefinition['Count'] + ', \'' + itemDefinition['Ext'] + '\', \'' + itemDefinition['Dimension'] + '\', \'' + itemDefinition['Type'] + '\', \'' + itemDefinition['ExtraDimension'] + '\', \'' + curItemID + '\', ' + (menuLevel+1) + ', \'' + itemHelp + '\'';
			else
				topNavigationItemHTML += showMenuFuncName + '(\'' + menuToShow + '\', \'' + curItemID + '\', ' + (menuLevel+1) + ', \'' + itemHelp + '\'';
																																  
			if(menuLevel == 1)
				topNavigationItemHTML += ', ' + level1MenuDescriptionsIndex++;
			if(menuLevel == 2)
					topNavigationItemHTML += ', ' + level2MenuDescriptionsIndex++;

			if(menuLevel == 3)
				topNavigationItemHTML += ', ' + level3MenuDescriptionsIndex++ + ', ' + labelIndex + ', ' + rowCount;
			if(menuLevel == 4)
				topNavigationItemHTML +=  ', ' + level4MenuDescriptionsIndex++ + ', ' + labelIndex + ', ' + rowCount;
				
			topNavigationItemHTML += ');';
			topNavigationItemHTML += '"';
		}
		else
		{
			level2MenuDescriptionsIndex++;
			menuToShow = 'noMenu';
			topNavigationItemHTML += ' onClick="'
			topNavigationItemHTML += 'javascript:' + showMenuFuncName + '(\'' + menuToShow + '\', \'' + curItemID + '\', ' + (menuLevel+1) + ', \'' + itemHelp + '\');';
			topNavigationItemHTML += '"';
		}
		
		if(menuLevel == 2)
			topNavigationItemHTML += '  style="border-top: #999999 1px solid; border-bottom: #999999 1px solid;"';
			
		topNavigationItemHTML += '>';
		
		if(itemDefinition['URL'] != null)
		{
			if(itemDefinition['URL'] == 'This will link to the corresponding Arabic Page. Please do not change this text.')
				topNavigationItemHTML += '<a href="' + window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/')-3) + linkURL + '">';
			else
			{
				//alert (curPage + ":" + itemDefinition['URL']);
				//if(curPage.indexOf(itemDefinition['URL']) >= 0)
				if(curPage == itemDefinition['URL'])
				{
					//alert (curPage + "\t" + itemDefinition['URL']);
					preloadedMenu[0] = containerID;
					preloadedMenu[1] = curItemID;
					preloadedMenu[2] = menuLevel - 1;
					preloadedMenu[3] = containerID;
					
					if(itemDefinition['Show'] != null)
						preloadMenuCommand = showMenuFuncName + '(\'' + menuToShow + '\', \'' + curItemID + '\', ' + (menuLevel+1) + ', \'' + itemTitle + '\');'
				}
				//if(itemDefinition['URL'] != curPage)
				{
					topNavigationItemHTML += '<a href="' + itemDefinition['URL'];
					//if(jSessionId && jSessionId.length > 0)
					//	topNavigationItemHTML += ';jsessionid=' + jSessionId;
					topNavigationItemHTML += '"';
					if(itemDefinition['Target'] != null)
						topNavigationItemHTML += ' target="' + itemDefinition['Target'] + '"';
					if(itemDefinition['Help'] != null)
						topNavigationItemHTML += ' title="' + itemDefinition['Help'] + '"';
					topNavigationItemHTML += '>';
				}
				//else
					//topNavigationItemHTML += '<a href=\'javascript:;\'>';
			}
		}
		else
		{
			topNavigationItemHTML += '<a href=\'javascript:;\'';
			if(itemDefinition['Help'] != null)
				topNavigationItemHTML += ' title="' + itemDefinition['Help'] + '"';
			topNavigationItemHTML += '>';
		}
			
		if(menuLevel == 1 && colCount>0)
			topNavigationItemHTML += itemTitle.substring(0, 1);
		else
			topNavigationItemHTML += itemTitle;
			
		topNavigationItemHTML += '</a>';
	
	}
	else
		topNavigationItemHTML += '<a href=\'javascript:;\'>&nbsp;</a>';
		
	topNavigationItemHTML += '</td>' + lineBreak;

	if(menuLevel == 4 && ((itemNumber+1)%5!=0))
	{
		topNavigationItemHTML += '  <td height="1">' + lineBreak;
		//if((itemNumber+1)%5!=0)
			topNavigationItemHTML += '  <img src="/images/invisible.gif" width="6" height="33" border="0">' + lineBreak;
		topNavigationItemHTML += '  </td>' + lineBreak;
	}
	
	if(menuOrientation == 'Vertical')
	{
		topNavigationItemHTML += '  </tr>' + lineBreak;
		topNavigationItemHTML += '  <tr><td height="1" id="' + menuToShow + '"><img src="/images/invisible.gif" width="1" height="1" border="0"></td></tr>' + lineBreak;
	}
	
	return topNavigationItemHTML;
}

function addMenuExec(menuDefinition, menuItems)
{
	var navigationHTML = '';
	for(var items in menuDefinition)
	{
		if(items == 'LV' && menuDefinition[items] == 1)
		{
			level1MenuIds[level1MenuIds.length] = menuDefinition['N'];
			navigationHTML = createMenu(menuDefinition, menuItems);
			level1Menus[level1Menus.length] = navigationHTML;
			var navContainer = MM_findObj(mainNavContainer);
		}
		if(items == 'LV' && menuDefinition[items] == 2)
		{
			level2MenuIds[level2Menus.length] = menuDefinition['N'];
			navigationHTML = createMenu(menuDefinition, menuItems);
			level2Menus[level2Menus.length] = navigationHTML;
		}
		
		if(items == 'LV' && menuDefinition[items] == 3)
		{
			level3MenuLabels[level3MenuLabelsIndex] = new Array();
			level3MenuIds[level3Menus.length] = menuDefinition['N'];
			navigationHTML = createMenu(menuDefinition, menuItems);
			level3Menus[level3Menus.length] = navigationHTML;
			level3MenuLabelsIndex++;
		}
		
		if(items == 'LV' && menuDefinition[items] == 4)
		{
			level4MenuIds[level4Menus.length] = menuDefinition['N'];
			navigationHTML = createMenu(menuDefinition, menuItems);
			level4Menus[level4Menus.length] = navigationHTML;
		}
	}
}

function showMenu(menuName, callerID, menuLevel, parentTitle, itemIndex, l3ItemIndex, serviceIndex)
{
	var calledObj = MM_findObj(callerID);
	if(calledObj != null)
		calledObj.blur();
		
	l4MenuContainerHTML = '';
	if(defaultLeftMenuHTML == '' && menuLevel==2)
	{
		navContainer = MM_findObj(leftNavigationContainer);
		if(navContainer != null)
			defaultLeftMenuHTML = navContainer.innerHTML;
	}
	
	if(defaultLeftSubmenuHTML == '' && menuLevel==3)
	{
		navContainer = MM_findObj(menuName);
		if(navContainer != null)
			defaultLeftSubmenuHTML = navContainer.innerHTML;
	}

	navContainer = MM_findObj(portfolioSampleContainerName);
	if(navContainer != null)
	{
		if(navContainer.innerHTML.indexOf('<p class="newsHeadingText">News</p>') > -1)
			defaultPortfolioSampleHTML = navContainer.innerHTML;
	}

	/*if(defaultPortfolioSampleHTML == '')
	{
		navContainer = MM_findObj(portfolioSampleContainerName);
		if(navContainer != null)
			defaultPortfolioSampleHTML = navContainer.innerHTML;
	}*/
	
	if(defaultServiceDescriptionContainerHTML == '')
	{
		var serviceDescriptionContainer1 = MM_findObj(serviceDescriptionContainerName1);
		if(serviceDescriptionContainer1 != null)
			defaultServiceDescriptionContainerHTML = serviceDescriptionContainer1.innerHTML;
	}

	
	//if(menuLevel <= 3)
	//{
		var portfolioSampleContainer = MM_findObj(portfolioSampleContainerName);
		if(portfolioSampleContainer != null)
		{
			if(portfolioSampleContainer.innerHTML.indexOf(">News") == -1)
				//if(portfolioSampleContainer.innerHTML != defaultPortfolioSampleHTML)
					portfolioSampleContainer.innerHTML = '';
		}
		if(menuName.indexOf("10002") > -1)
			portfolioSampleContainer.innerHTML = defaultPortfolioSampleHTML;
	//}
	
	defaultServiceDescriptionContainerHTML = "";
	if(menuLevel <= 3)
	{
		var serviceDescriptionContainer1 = MM_findObj(serviceDescriptionContainerName1);
		if(serviceDescriptionContainer1 != null)
			serviceDescriptionContainer1.innerHTML = defaultServiceDescriptionContainerHTML;
	}
	
	defaultServiceDescriptionContainerHTML = "";
	if(menuLevel <= 4)
	{
		var serviceDescriptionContainer2 = MM_findObj(serviceDescriptionContainerName2);
		if(serviceDescriptionContainer2 != null)
			serviceDescriptionContainer2.innerHTML = defaultServiceDescriptionContainerHTML;
	}
	
	defaultServiceDescriptionContainerHTML = "";
	if(menuLevel <= 5) // && defaultServiceDescriptionContainerHTML == '')
	{
		var serviceDescriptionContainer2 = MM_findObj(serviceDescriptionContainerName2);
		if(serviceDescriptionContainer2 != null)
			serviceDescriptionContainer2.innerHTML = defaultServiceDescriptionContainerHTML;
	}
	
	
	var blockFixer = MM_findObj('blockFixer');
	var menuHighlight = MM_findObj('menuHighlight');
	if(menuHighlight && menuLevel<4)
		menuHighlight.style.display = 'none';
	
	var arrowImage = MM_findObj('arrowImage');
	if(arrowImage)
		arrowImage.style.display = 'none';

	navContainer = MM_findObj(rightContainerName);
	if(navContainer != null)
	{
		if(navContainer.innerHTML.indexOf('Mystery Shopper') > -1 && navContainer.innerHTML.indexOf('Arabi.gif') > -1)
			defaultMysteryShopperContainerHTML = navContainer.innerHTML;
	}

	if(MM_findObj(rightContainerName))
	{
		MM_findObj(rightContainerName).innerHTML = defaultMysteryShopperContainerHTML;
		var arrowImage = MM_findObj('arrowImage');
		if(arrowImage)
			arrowImage.style.display = 'block';
	}
	var isFound = false;
	if(menuName != 'noMenu')
	{
		if(menuLevel == 2)
		{
			iServiceId = menuName.substring(0, 5);
			for(var i=0; i<level2Menus.length; i++)
			{
				if(!isFound)
				{
					navContainer = MM_findObj(leftNavigationContainer);
					if(navContainer != null)
					{
						if(menuName == level2MenuIds[i])
						{
							isFound = true;
							navigationHTML = level2Menus[i];
							navContainer.innerHTML = navigationHTML;
							
							var serviceDescriptionContainer1 = MM_findObj(serviceDescriptionContainerName1);
							if(serviceDescriptionContainer1 != null)
							{
								var htmlText = '<p class="sectionHeading">' + parentTitle + '</p>';
								htmlText += '<p class="sectionIntro">' + level1MenuDescriptions[i].replace("[Service Name]", parentTitle) + '</p>';
								serviceDescriptionContainer1.innerHTML = htmlText;
							}
						}
						else
							navContainer.innerHTML = defaultLeftMenuHTML;
					}
				}
			}
		}
		else if(menuLevel == 3)
		{
			for(var i=0; i<level3Menus.length; i++)
			{
				navContainer = MM_findObj(level3MenuIds[i]);
				if(navContainer != null)
				{
					if(menuName == level3MenuIds[i])
					{
						isFound = true;
						navigationHTML = level3Menus[i];
						if(navContainer.innerHTML == defaultLeftSubmenuHTML)
						{
							navContainer.innerHTML = navigationHTML;
							
							var serviceDescriptionContainer1 = MM_findObj(serviceDescriptionContainerName1);
							if(serviceDescriptionContainer1 != null)
							{
								var htmlText = '<p class="sectionHeading">' + parentTitle + '</p>';
								htmlText += '<p class="sectionIntro">' + level2MenuDescriptions[itemIndex].replace("[Service Name]", parentTitle) + '</p>';
								serviceDescriptionContainer1.innerHTML = htmlText;
							}
						}
						else 
							navContainer.innerHTML = defaultLeftSubmenuHTML;
					}
					else 
						navContainer.innerHTML = defaultLeftSubmenuHTML;
				}
			}
			blockFixer.height = findPosY(MM_findObj(callerID));
			menuHighlight.style.display = 'block';

			if(MM_findObj(serviceDescriptionContainerName1).innerHTML == '')
			{
				var id = callerID.substring(0, 5);
				var serviceDescriptionContainer1 = MM_findObj(serviceDescriptionContainerName1);
				if(serviceDescriptionContainer1 != null)
				{
					var htmlText = '<p class="sectionHeading">' + level1MenuLabels[id - 10002] + '</p>';
					htmlText += '<p class="sectionIntro">' + level1MenuDescriptions[id - 10002].replace("[Service Name]", parentTitle) + '</p>';
					serviceDescriptionContainer1.innerHTML = htmlText;
				}
			}
		}
		else if(menuLevel == 4)
		{
			var rightContainer = MM_findObj(rightContainerName);
			if(rightContainer)
			{
				var serviceDescriptionContainer2 = MM_findObj(serviceDescriptionContainerName2);
				var htmlServiceText = '<p class="serviceHeading">' + parentTitle + '</p>';
				htmlServiceText += '<p class="serviceIntro2">' + level3MenuDescriptions[itemIndex].replace("[Service Name]", parentTitle) + '</p>';
				if(serviceDescriptionContainer2 != null)
				{
					serviceDescriptionContainer2.innerHTML = htmlText;
					l4MenuContainerHTML = htmlText + '<br><br>';
					if(arrowImage)
						arrowImage.style.display = 'block';
				}
				else
				{
					var htmlText = '<table cellspacing="0" cellpadding="0" border="0">';
					htmlText += '<tr>';
					htmlText += '  <td align="left" valign="top" id="arrowContainer">';
					htmlText += '    <img src="/images/arrow.gif" id="arrowImage" border="0" vspace="3" style="display: block;">';
					htmlText += '    <img src="/images/invisible.gif" id="arrowFixer" width="7" height="167" border="0">';
					htmlText += '  </td>';
					htmlText += '  <td align="left" valign="top" class="sectionText">' + htmlServiceText + '</td>';
					htmlText += '</tr>';
					htmlText += '<tr>';
					htmlText += '  <td colspan="2" align="left" valign="top" id="projDetailsImage"></td>';
					htmlText += '</tr>';
					htmlText += '<tr>';
					htmlText += '  <td align="left" valign="top"><img src="/images/invisible.gif" width="5" height="1" border="0"></td>';
					htmlText += '  <td align="left" valign="top" id="projDetails" class="sectionText"></td>';
					htmlText += '</tr>';
					htmlText += '</table>';
					rightContainer.innerHTML = htmlText;
				}
								
				//setTimeout('setPortfolioContent(\'' + menuName + '\')', 200);
				//setPortfolioContent(menuName);
				var portfolioSampleContainer = MM_findObj(portfolioSampleContainerName);
				if(portfolioSampleContainer != null)
				{
					for(var j=0; j<level4MenuIds.length; j++)
					{
						if(level4MenuIds[j].substring(0, level4MenuIds[j].length-1) == menuName)
						{
							portfolioSampleContainer.innerHTML = level4Menus[j];
							containerObj = portfolioSampleContainer;
							htmlContent = level4Menus[j];
							setPortfolioContent(menuName);
						}
					}
				}
			}
		}
	}


	if(menuLevel > 0 && menuLevel <=4)
	{
		menuLevel--;

		var resetId = '';
		var temp = 1;
	
		var curItem = activeItemIDs[menuLevel-1];
		if(curItem != null && curItem != '' && curItem.length > 0)
		{
			if(callerID != activeItemsArray[menuLevel-1])
			{
				navCaller = MM_findObj(activeItemsArray[menuLevel-1]);
				if(navCaller)
				{
					navCaller.id = activeItemIDs[menuLevel-1];
					resetId = navCaller.id;
					activeItemIDs[menuLevel-1] = '';
				}
			}
		}
		
		if(callerID != activeItemsArray[menuLevel-1] && resetId != callerID)
		{
			navCaller = MM_findObj(callerID);
			if(navCaller)
			{
				navCaller.id = activeItemsArray[menuLevel-1];
				activeItemIDs[menuLevel-1] = callerID;
			}
		}
		
	}
}

function showProject(imgName, imgCount, mainExtType, mainDimension, extraExtType, extraDimension, callerID, menuLevel, parentTitle, l4ItemIndex, l3ItemIndex, serviceIndex)
{
	var projDetails = MM_findObj('projDetails');
	var projDetailsImage = MM_findObj('projDetailsImage');
	if(projDetails != null && projDetailsImage != null)
	{
		var arrowImage = MM_findObj('arrowImage');
		if(arrowImage)
			arrowImage.style.display = 'block';
		
		var descIndex = 0;
		for(var i=0; i<level3MenuLabels.length && i<l3ItemIndex; i++)
			descIndex += level3MenuLabels[i].length;
			
		descIndex += serviceIndex;
		var htmlText = '', mainImage = '';
		var tempExt, tempExt2;
		var tempDim, tempDim2;
		var temp1Ext, temp1Ext2;
		var temp1Dim, temp1Dim2;

		if(imgName.indexOf("None") == -1) 
		{
			var origImgName = imgName;
			var largeImgName = '';
			tempExt = mainExtType.substring(0, mainExtType.indexOf(','));
			tempExt2 = mainExtType.substring(mainExtType.indexOf(',') + 1);
			tempDim = mainDimension.substring(0, mainDimension.indexOf(','));
			tempDim2 = mainDimension.substring(mainDimension.indexOf(',') + 1);
			imgName = projectLocation + origImgName + '_Medium' + imageExtTypes[tempExt-1];
			if(tempExt2 != 0)
				largeImgName = projectLocation + origImgName + '_Large' + imageExtTypes[tempExt2-1];
			else
				largeImgName = '';
/*			
			if(tempExt == 1)
				imgName = projectLocation + origImgName + '_Medium' + imageExtTypeGIF;
			if(tempExt == 2)
				imgName = projectLocation + origImgName + '_Medium' + imageExtTypeJPG;
			if(tempExt == 3)
				imgName = projectLocation + origImgName + '_Medium' + imageExtTypePNG;
			if(tempExt == 4)
				imgName = projectLocation + origImgName + '_Medium' + imageExtTypeBMP;
			if(tempExt == 5)
				imgName = projectLocation + origImgName + '_Medium' + imageExtTypeSWF;
			if(tempExt == 6)
				imgName = projectLocation + origImgName + '_Medium' + imageExtTypeMOV;
*/				
			mainImage = imgName;
			htmlText += '<table align="center" border="0" cellpadding="0" cellspacing="0">';
			htmlText += '  <tr>';
			htmlText += '    <td align="left" valign="middle"><img src="/images/bracket_l.gif" border=0></td>';
			// id="projImageTD"
			htmlText += '  <td id="projImageTD" align="left" valign="middle"></td>';
			htmlText += '    <td align="left" valign="middle"><img src="/images/bracket_r.gif" border=0></td>';
			htmlText += '  </tr>';
			htmlText += '</table>';

			projImageArray = new Array(imgCount);
			projImageArray[0] = new Array();
			projImageArray[0][0] = mainImage;
			projImageArray[0][1] = tempExt;
			projImageArray[0][2] = tempExt2;
			projImageArray[0][3] = tempDim;
			projImageArray[0][4] = tempDim2;
			//projImageArray[0][5] = largeImgName;
			
			projLargeImageArray = new Array(imgCount);
			projLargeImageArray[0] = new Array();
			projLargeImageArray[0][0] = largeImgName;
			projLargeImageArray[0][1] = tempExt2;
			projLargeImageArray[0][2] = tempDim2;
			
			var imgLinks = '';
			//if(imgCount > 0)
			//{
				imgLinks  = '<table align="center" border="0" cellspacing="2" cellpadding="3">';
				for(var iCount=1; iCount<=imgCount; iCount++)
				{
					temp1Ext = extraExtType.substring((4 * (iCount -1)), (4 * (iCount -1)) + 1);
					temp1Ext2 = extraExtType.substring(((4 * (iCount -1)) + 2), ((4 * (iCount -1)) + 3));
					temp1Dim = extraDimension.substring((16 * (iCount -1)), (16 * (iCount -1)) + 7);
					temp1Dim2 = extraDimension.substring(((16 * (iCount -1)) + 8), ((16 * (iCount -1)) + 15));
					imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypes[temp1Ext-1];
					if(temp1Ext2 != 0)
						largeImgName = projectLocation + origImgName + '_' + iCount + '_Large' + imageExtTypes[temp1Ext2-1];
					else
						largeImgName = '';
					
/*					
					if(temp1Ext == 1)
						imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypeGIF;
					if(temp1Ext == 2)
						imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypeJPG;
					if(temp1Ext == 3)
						imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypePNG;
					if(temp1Ext == 4)
						imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypeBMP;
					if(temp1Ext == 5)
						imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypeSWF;
					if(temp1Ext == 6)
						imgName = projectLocation + origImgName + '_' + iCount + '_Medium' + imageExtTypeMOV;
*/						
					projImageArray[iCount] = new Array();
					projImageArray[iCount][0] = imgName;
					projImageArray[iCount][1] = temp1Ext;
					projImageArray[iCount][2] = temp1Ext2;
					projImageArray[iCount][3] = temp1Dim;
					projImageArray[iCount][4] = temp1Dim2;
					//projImageArray[iCount][5] = largeImgName;
					
					projLargeImageArray[iCount] = new Array();
					projLargeImageArray[iCount][0] = largeImgName;
					projLargeImageArray[iCount][1] = temp1Ext2;
					projLargeImageArray[iCount][2] = temp1Dim2;
					
				}
				projectImageCounter = 0;
				projectLargeImageCounter = 0;
				
				imgLinks += '  <tr>';
				imgLinks += '    <td id="prevProjImage">' + prevProjDisabledImgLink + '</td>';
				imgLinks += '    <td id="largeProjImage"></td>';
				if(imgCount > 0)
					imgLinks += '    <td id="nextProjImage">' + nextProjImgLink + '</td>';
				else
					imgLinks += '    <td id="nextProjImage">' + nextProjDisabledImgLink + '</td>';
				imgLinks += '  </tr>';
				
				imgLinks += '</table><br>';
			//}
		}
		else
			mainImage = 'None';
		
		var htmlText1 = '';
		if(level3MenuLabels[l3ItemIndex] && level3MenuLabels[l3ItemIndex][serviceIndex])
		{
			l4MenuContainerHTML = '';
			htmlText1 = '<p class="serviceHeading">' + level3MenuLabels[l3ItemIndex][serviceIndex] + '</p>';
			htmlText1 += '<p class="serviceIntro2">' + level3MenuDescriptions[descIndex].replace("[Service Name]", level3MenuLabels[l3ItemIndex][serviceIndex]) + '</p>';
			htmlText1 += '<br>';
		}

		htmlText1 += '<p class="serviceHeading">' + parentTitle + '</p>';
		if(level4MenuDescriptions[l4ItemIndex] != 'Not Specified')
			htmlText1 += '<p class="serviceIntro2">' + level4MenuDescriptions[l4ItemIndex].replace("[Service Name]", parentTitle) + '</p>';
		
		projectHtmlText = htmlText1;
		htmlProjectDetailsCellObject = projDetails;
		if(mainImage.indexOf("None") == -1) 
		{
			/*if(tempExt < 5)
			{
				htmlProjectImageCellObject = projDetailsImage;
				projectTableWithBraces = (htmlText+imgLinks);
				loadProjectImage(imgName);
			}
			else*/
			//	projDetailsImage.innerHTML = htmlText  + imgLinks;

			htmlProjectImageCellObject = projDetailsImage;
			projectTableWithBraces = (htmlText+imgLinks);
			loadProjectImage(imgName);
			
			var mWidth = parseInt(tempDim.substring(0, 3));
			var mHeight = parseInt(tempDim.substring(4, 7));
		
			if(tempExt < 5)
			{
					//projectHtmlImageTag = '<a href="javascript:showLargeImage(' + tempExt2 + ', \'' + tempDim2 + '\');"><img id="projImage" src="' + mainImage + '" border="0" width="186" height="135"></a>';
				if(tempExt2 != 0)
					projectHtmlImageTag = '<a href="javascript:showLargeImage();"><img id="projImage" src="' + mainImage + '" border="0" width="186" height="135"></a>';
				else
					projectHtmlImageTag = '<img id="projImage" src="' + mainImage + '" border="0" width="186" height="135">';
			}
			else if(tempExt == 5)
			{
				projectHtmlImageTag = '<img id="projImage" src="' + mainImage + '" border="0" width="0" height="0">'
				projectHtmlImageTag += getFlashCode(mainImage, mWidth , mHeight); 
			}
			else if(tempExt == 6) 
			{
				projectHtmlImageTag = '<img id="projImage" src="' + mainImage + '" border="0" width="0" height="0">'
				if(haveqt)
					projectHtmlImageTag += '<embed name="mediumMov" src="' + mainImage + '" width="' + mWidth + '" height="' + mHeight + '" autostart="true" autoplay="true" controller="false" enablejavascript="true">';
				else
					projectHtmlImageTag += 'You do not seem to have <a href="http://www.apple.com/quicktime">QuickTime</a>';
			}
			else if(tempExt == 7) 
			{
				projectHtmlImageTag = '<img id="projImage" src="' + mainImage + '" border="0" width="0" height="0">'
				projectHtmlImageTag += getFlashMovieCode(mainImage, mWidth , mHeight); 
			}
			
				//projectImageZoomLink = '<a href="javascript:showLargeImage(' + tempExt2 + ', \'' + tempDim2 + '\');"><img src="/images/plus.gif" border="0"></a>';
			if(tempExt2 != 0)
				projectImageZoomLink = '<a href="javascript:showLargeImage();"><img src="/images/plus.gif" border="0"></a>';
			else
				projectImageZoomLink = '<img src="/images/disabledPlus.gif" border="0">';
			htmlText = '';
		}
		loadProject();
	}
}

function showProjImage(loopDirection)
{
	var obj = MM_findObj('prevProjImage');
	if(obj)
		obj.blur();
	obj = MM_findObj('nextProjImage');
	if(obj)
		obj.blur();
		
	projectImageCounter = projectImageCounter + loopDirection;
	
	if(projectImageCounter < projImageArray.length && projectImageCounter > -1)
	{
		var imgName = projImageArray[projectImageCounter][0];
		var imgExt = projImageArray[projectImageCounter][1];
		var largeImgExt = projImageArray[projectImageCounter][2];
		var ImgDim = projImageArray[projectImageCounter][3];
		var largeImgDim = projImageArray[projectImageCounter][4];
		var mWidth = parseInt(ImgDim.substring(0, 3));
		var mHeight = parseInt(ImgDim.substring(4, 7));
		//alert(mWidth + "   " + mHeight);
		var projImageTD = MM_findObj('projImageTD');
		if(projImageTD)
		{
			if(imgExt < 5)
			{
					//projImageTD.innerHTML = '<a href="javascript:showLargeImage(' + largeImgExt + ',\'' + largeImgDim + '\');"><img id="projImage" src="' + imgName + '" border=0></a>';
				if(largeImgExt != 0)
					projImageTD.innerHTML = '<a href="javascript:showLargeImage();"><img id="projImage" src="' + imgName + '" border=0></a>';
				else
					projImageTD.innerHTML = '<img id="projImage" src="' + imgName + '" border=0>';
			}
			else if(imgExt == 5)
			{
					projImageTD.innerHTML =  '<img id="projImage" src="' + imgName + '" border="0" width="0" height="0">' + getFlashCode(imgName, mWidth, mHeight);
			}
			else if(imgExt == 6)
			{
				if(haveqt)
					projImageTD.innerHTML = '<img id="projImage" src="' + imgName + '" border="0" width="0" height="0">' + '<embed name="mediumMov" src="' + imgName + '" width="' + mWidth + '" height="' + mHeight + '" autostart="true" autoplay="true" controller="false"  enablejavascript="true">';
				else
					projImageTD.innerHTML = '<img id="projImage" src="' + imgName + '" border="0" width="0" height="0">' + 'You do not seem to have <a href="http://www.apple.com/quicktime">QuickTime</a>';
			}
			else if(imgExt == 7)
					projImageTD.innerHTML =  '<img id="projImage" src="' + imgName + '" border="0" width="0" height="0">' + getFlashMovieCode(imgName, mWidth, mHeight);
			
			if(loopDirection == 1 && projectImageCounter > -1)
			{
				var prevProjImageObj = MM_findObj('prevProjImage');
				if(prevProjImageObj)
					prevProjImageObj.innerHTML = prevProjImgLink;
			}
			else if(loopDirection == -1 && projectImageCounter < projImageArray.length)
			{
				var nextProjImageObj = MM_findObj('nextProjImage');
				if(nextProjImageObj)
					nextProjImageObj.innerHTML = nextProjImgLink;
			}
			var largeProjImage = MM_findObj('largeProjImage');
			if(largeProjImage)
			{
					//projectImageZoomLink = '<a href="javascript:showLargeImage(' + largeImgExt + ', \'' + largeImgDim + '\');"><img src="/images/plus.gif" border="0"></a>';
				if(largeImgExt != 0)
					projectImageZoomLink = '<a href="javascript:showLargeImage();"><img src="/images/plus.gif" border="0"></a>';
				else
					projectImageZoomLink = '<img src="/images/disabledPlus.gif" border="0">';
				largeProjImage.innerHTML = projectImageZoomLink;
			}
		}
	}
	else
	{
		if(projectImageCounter == -1)
			projectImageCounter = 0;
		else
			projectImageCounter = projImageArray.length-1;
	}
	
	if(projectImageCounter == 0)
	{
		var prevProjImageObj = MM_findObj('prevProjImage');
		if(prevProjImageObj)
			prevProjImageObj.innerHTML = prevProjDisabledImgLink;
	}
	else if(projectImageCounter == projImageArray.length-1)
	{
		var nextProjImageObj = MM_findObj('nextProjImage');
		if(nextProjImageObj)
			nextProjImageObj.innerHTML = nextProjDisabledImgLink;
	}
}

function showLargeImage()
{
	var projLargeImageContainer = MM_findObj('projLargeImageContainer');
	var strSuffix = "";
	if(!ie)
		strSuffix = "px";
		
	var largeImgExt = projImageArray[projectImageCounter][2];
	var largeImgDim = projImageArray[projectImageCounter][4];
	projectLargeImageCounter = projectImageCounter;
	
	var mWidth = parseInt(largeImgDim.substring(0, 3));
	var mHeight = parseInt(largeImgDim.substring(4, 7));
/*	
	if(mWidth == 0)
		mWidth = 610;
	if(mHeight == 0)
		mHeight = 345;
*/
	
	stopMediumMov();
	
	var objLayer = MM_findObj('NAVBanner');
	if(objLayer)
		objLayer.style.visibility = 'hidden';
	

	
	if(MM_findObj('projImage'))
	{
		var origImgName = MM_findObj('projImage').src;
		var imgName;
		imgName = origImgName.substring(0, origImgName.lastIndexOf('_')) + '_Large' + imageExtTypes[largeImgExt-1];
		if(largeImgExt < 5)
			MM_preloadImages(imgName);
		if(projLargeImageContainer)
		{
			var projImage = new Image();
			projImage.src = imgName;
			var htmlText = '';
			htmlText = '<table cellspacing="0" cellpadding="0" border="0" valign="middle" width="100%" height="100%">';
			htmlText += '<tr><td id="projLargeImageTD" valign="bottom" align="center"';
			if(largeImgExt < 5)
				htmlText += ' onClick="javascript:stopLargeMov();"';
			htmlText += '>';
//				htmlText += '<img src="/images/invisible.gif" width="1" height="345" border="1"><img id="projLargeImage" border="1" src="' + projImage.src + '" alt="' + projImage.src + '" align="middle" border="0" width="' + mWidth + '" height="' + mHeight + '"><img src="/images/invisible.gif" width="1" height="345" border="1">';
			if(largeImgExt < 5)
				htmlText += '<img src="/images/invisible.gif" width="1" height="345" align="middle" border="0"><img id="projLargeImage" src="' + projImage.src + '" alt="' + projImage.src + '" align="middle" border="0"><img src="/images/invisible.gif" width="1" height="345" align="middle" border="0">';
			else if(largeImgExt == 5)
				htmlText += '<img src="/images/invisible.gif" width="1" height="345"><img id="projLargeImage" src="/images/invisible.gif" align="middle" width="0" height="0" border="0">' + getFlashCode(imgName, mWidth, mHeight) + '<img src="/images/invisible.gif" width="1" height="345"><br><br>';
			else if(largeImgExt == 6)
			{
				htmlText += '<img src="/images/invisible.gif" width="1" height="345"><img id="projLargeImage" src="/images/invisible.gif" align="middle" width="0" height="0" border="0">';
				if(haveqt)
					htmlText += '<embed name="largeMov" src="' + imgName + '" width="' + mWidth + '" height="' + mHeight + '" autostart="true" autoplay="true" controller="true"  enablejavascript="true">';
				else
					htmlText += 'You do not seem to have <a href="http://www.apple.com/quicktime">QuickTime</a>';
				htmlText += '<img src="/images/invisible.gif" width="1" height="345"><br><br>';
			}
			else if(largeImgExt == 7)
				htmlText += '<img src="/images/invisible.gif" width="1" height="345"><img id="projLargeImage" src="/images/invisible.gif" align="middle" width="0" height="0" border="0">' + getFlashMovieCode(imgName, mWidth, mHeight) + '<img src="/images/invisible.gif" width="1" height="345"><br><br>';
			
			htmlText += '</td></tr>';
			
//			alert('projLargeImageArray: ' + projLargeImageArray);
			if(projLargeImageArray && projLargeImageArray.length > 1)
			{
				htmlText += '  <tr><td align="center" vAlign="top"><table align="center" cellspacing="3">';
				htmlText += '  <tr>';
				htmlText += '    <td id="prevProjLargeImage" align="right">' + prevProjDisabledLargeImgLink + '</td>';
				htmlText += '    <td width="15" id="projectLargeImageCounter" vAlign="top">&nbsp;&nbsp;&nbsp;(' + (projectLargeImageCounter+1) + '/' + projLargeImageArray.length + ')&nbsp;&nbsp;&nbsp;</td>';
				htmlText += '    <td id="nextProjLargeImage" align="left">' + nextProjLargeImgLink + '</td>';
				htmlText += '  </tr>';
				htmlText += '  </table></td></tr>';
			}
			//htmlText += '<tr><td>&nbsp;</td></tr>';
			
			htmlText += '<tr><td align="center" vAlign="top" onClick="javascript:stopLargeMov();">';
			htmlText += '<p class="serviceIntro2Center">Click here to close.</p><br /><br />';
			htmlText += '</td></tr>';
			
			htmlText += '</table>';
			projLargeImageContainer.innerHTML = htmlText;
			projLargeImageContainer.style.width = 720 + strSuffix;
			projLargeImageContainer.style.height = actualPageHeight() + strSuffix;
			projLargeImageContainer.style.display = 'block';
			
			if(projectLargeImageCounter == 0)
			{
				var prevProjLargeImageObj = MM_findObj('prevProjLargeImage');
				if(prevProjLargeImageObj)
					prevProjLargeImageObj.innerHTML = prevProjDisabledLargeImgLink;
			}
			else if(projectLargeImageCounter == projLargeImageArray.length-1)
			{
				var nextProjLargeImageObj = MM_findObj('nextProjLargeImage');
				if(nextProjLargeImageObj)
					nextProjLargeImageObj.innerHTML = nextProjDisabledLargeImgLink;
				if(projLargeImageArray.length > 0)
				{
					var prevProjLargeImageObj = MM_findObj('prevProjLargeImage');
					if(prevProjLargeImageObj)
						prevProjLargeImageObj.innerHTML = prevProjLargeImgLink;
				}
			}
			if(projectLargeImageCounter > 0 && projectLargeImageCounter < projLargeImageArray.length-1)
			{
				if(projLargeImageArray.length > 0)
				{
					var prevProjLargeImageObj = MM_findObj('prevProjLargeImage');
					if(prevProjLargeImageObj)
						prevProjLargeImageObj.innerHTML = prevProjLargeImgLink;
						
					var nextProjLargeImageObj = MM_findObj('nextProjLargeImage');
					if(nextProjLargeImageObj)
						nextProjLargeImageObj.innerHTML = nextProjLargeImgLink;
				}
			}
		}
	}
}

function showProjLargeImage(loopDirection)
{
	var obj = MM_findObj('prevProjLargeImage');
	if(obj)
		obj.blur();
	obj = MM_findObj('nextProjLargeImage');
	if(obj)
		obj.blur();
		
	projectLargeImageCounter = projectLargeImageCounter + loopDirection;
	var projLargeImage = MM_findObj('projLargeImage');
	var projLargeImageTD = MM_findObj('projLargeImageTD');
	
	MM_findObj('projectLargeImageCounter').innerHTML = '&nbsp;&nbsp;&nbsp;(' + (projectLargeImageCounter+1) + '/' + projLargeImageArray.length + ')&nbsp;&nbsp;&nbsp;';
	if(projectLargeImageCounter < projLargeImageArray.length && projectLargeImageCounter > -1)
	{
		var imgName = projLargeImageArray[projectLargeImageCounter][0];
		var imgExt = projLargeImageArray[projectLargeImageCounter][1];
		var imgDim = projLargeImageArray[projectLargeImageCounter][2];
		var mWidth = parseInt(imgDim.substring(0, 3));
		var mHeight = parseInt(imgDim.substring(4, 7));
/*		
		if(mWidth == 0)
			mWidth = 610;
		if(mHeight == 0)
			mHeight = 345;
*/	

		if(projLargeImage && projLargeImageTD)
		{
			if(imgExt < 5)
				projLargeImageTD.innerHTML = '<img src="/images/invisible.gif" width="1" height="345" align="middle"><img id="projLargeImage" src="' + imgName + '" align="middle" border="0"><img src="/images/invisible.gif" width="1" height="345" align="middle">';
			else if(imgExt == 5)
				projLargeImageTD.innerHTML = '<img src="/images/invisible.gif" width="1" height="345" align="middle">' + getFlashCode(imgName, mWidth, mHeight) + '<img src="/images/invisible.gif" width="1" height="345" align="middle"><br><br>';
			else if(imgExt == 6)
			{
				if(haveqt)
					projLargeImageTD.innerHTML = '<img src="/images/invisible.gif" width="1" height="345" align="middle"><img id="projLargeImage" src="/images/invisible.gif" align="middle" width="0" height="0" border="0">' + '<embed name="largeMov" src="' + imgName + '" width="' + mWidth + '" height="' + mHeight + '" autostart="true" autoplay="true" controller="false" enablejavascript="true"><img src="/images/invisible.gif" width="1" height="345" align="middle"><br><br>';
				else
					projLargeImageTD.innerHTML = '<img src="/images/invisible.gif" width="1" height="345" align="middle"><img id="projLargeImage" src="/images/invisible.gif" align="middle" width="0" height="0" border="0">' + 'You do not seem to have <a href="http://www.apple.com/quicktime">QuickTime</a><img src="/images/invisible.gif" width="1" height="345" align="middle"><br><br>';
			}
			else if(imgExt == 7)
				projLargeImageTD.innerHTML = '<img src="/images/invisible.gif" width="1" height="345" align="middle"><img id="projLargeImage" src="/images/invisible.gif" align="middle" width="0" height="0" border="0">' + getFlashMovieCode(imgName, mWidth, mHeight) + '<img src="/images/invisible.gif" width="1" height="345" align="middle"><br><br>';
			
			
			if(loopDirection == 1 && projectLargeImageCounter > -1)
			{
				var prevProjLargeImageObj = MM_findObj('prevProjLargeImage');
				if(prevProjLargeImageObj)
					prevProjLargeImageObj.innerHTML = prevProjLargeImgLink;
			}
			else if(loopDirection == -1 && projectLargeImageCounter < projLargeImageArray.length)
			{
				var nextProjLargeImageObj = MM_findObj('nextProjLargeImage');
				if(nextProjLargeImageObj)
					nextProjLargeImageObj.innerHTML = nextProjLargeImgLink;
			}
		}
	}
	else
	{
		if(projectLargeImageCounter == -1)
			projectLargeImageCounter = 0;
		else
			projectLargeImageCounter = projLargeImageArray.length-1;
	}
	
	if(projectLargeImageCounter == 0)
	{
		var prevProjLargeImageObj = MM_findObj('prevProjLargeImage');
		if(prevProjLargeImageObj)
			prevProjLargeImageObj.innerHTML = prevProjDisabledLargeImgLink;
	}
	else if(projectLargeImageCounter == projImageArray.length-1)
	{
		var nextProjLargeImageObj = MM_findObj('nextProjLargeImage');
		if(nextProjLargeImageObj)
			nextProjLargeImageObj.innerHTML = nextProjDisabledLargeImgLink;
	}
}

function stopLargeMov()
{
	MM_findObj('projLargeImageContainer').style.display = 'none';
	var objLayer = MM_findObj('NAVBanner');
	if(objLayer)
		objLayer.style.visibility = 'visible';

	startMediumMov();
	var largeMov = MM_findObj('largeMov');
	if(largeMov)
	{
		largeMov.SetMute(true);
		largeMov.Stop();
	}
	MM_findObj('projLargeImageContainer').innerHTML = '&nbsp;';
}

function stopMediumMov()
{
	var mediumMov = MM_findObj('mediumMov');
	if(mediumMov)
	{
		mediumMov.SetMute(true);
		mediumMov.Stop();
	}
}

function startMediumMov()
{
	var mediumMov = MM_findObj('mediumMov');
	if(mediumMov)
		mediumMov.Play();
}

function preloadMenusExec()
{
	showMenu('10002Menu', 'mainNavigation00', 2, khayalTitle, 0);	
}

function addMenu(menuDefinition, menuItems)
{
	addMenuExec(menuDefinition, menuItems);
}

function preloadMenus()
{
	preloadMenusExec();
}

function setPageHeight()
{
	//setTimeout('setPortfolioContent()', 10);
	var leftBanner = MM_findObj('leftBanner');
	var rightBanner = MM_findObj('rightBanner');
	var rightBanner2 = MM_findObj('rightBanner2');
	bannerHeight = rightBanner.height;
	var availHeight = actualPageHeight();

	var mainMenuHeight = 35;
	var portfolioBlockHeight = (236 + mainMenuHeight);

	var textBlockHeight = 184;
	var strSuffix = "";
	if(!ie)
		strSuffix = "px";
		
	
	if(MM_findObj('posFixer'))
	{
		MM_findObj('posFixer').height = (actualPageHeight() - projImage.height) / 2;
		MM_findObj('projLargeImageContainer').style.width = 720 + strSuffix;
		MM_findObj('projLargeImageContainer').style.height = actualPageHeight() + strSuffix;
	}
	bannerHeight = availHeight - (portfolioBlockHeight + textBlockHeight) + mainMenuHeight;
	if(bannerHeight < 0)
		bannerHeight = 0;
	var fixerImg = MM_findObj('bottomSpacer');
	var height = 0;
	var imgBorder = 0;
	
	if(rightBanner && fixerImg)
	{
		rightBanner.height = bannerHeight;
		rightBanner2.height = bannerHeight;
		
		leftBanner.style.display = 'block';
		rightBanner.style.display = 'block';
		rightBanner2.style.display = 'block';
		
		rightBanner.border = imgBorder;
		rightBanner2.border = imgBorder;
		
		if(height < 0)
			height = 0;
			
		fixerImg.border = imgBorder;
		if(mac)
			fixerImg.height = portfolioBlockHeight - 17;
		else
			fixerImg.height = portfolioBlockHeight;
		
		if(navigator.userAgent.indexOf('Macintosh') > 0)
			fixerImg.height = fixerImg.height + 17;
	}
	
	var blockFixer = MM_findObj('blockFixer');
	var menuHighlight = MM_findObj('menuHighlight');
	if(menuHighlight)
		menuHighlight.style.display = 'none';
	
	if(activeItemIDs[1] != '')
	{
		isFound = true;
		blockFixer.height = findPosY(MM_findObj(activeItemsArray[1]));
		menuHighlight.style.display = 'block';
	}
	
	MM_preloadImages('#/images/arrow.gif');
	MM_preloadImages('#/images/arrow_reverse.gif');
	MM_preloadImages('#/images/arrow_disabled.gif');
	MM_preloadImages('#/images/arrow_reverse_disabled.gif');
	MM_preloadImages('#/images/icon.gif');
	MM_preloadImages('#/images/bracket_l.gif');
	MM_preloadImages('#/images/bracket_r.gif');
	MM_preloadImages('#/images/plus.gif');
	MM_preloadImages('#/images/disabledPlus.gif');
}

function loadProjectImage(imgName)
{
	if(imgName.indexOf(imageExtTypeSWF) > -1 && imgName.indexOf(imageExtTypeMOV) > -1)
		MM_preloadImages(imgName);
	setTimeout('setContentImage()', 10);
}

function loadProject()
{
	setTimeout('setContentText()', 15);
}

function setContentImage()
{
	htmlProjectImageCellObject.innerHTML = projectTableWithBraces;
	var projImageTD = MM_findObj('projImageTD');
	if(projImageTD)
		projImageTD.innerHTML = projectHtmlImageTag;
	var largeProjImage = MM_findObj('largeProjImage');
	if(largeProjImage)
		largeProjImage.innerHTML = projectImageZoomLink;
}

function setContentText()
{
	htmlProjectDetailsCellObject.innerHTML = projectHtmlText;
}

function MM_preloadImages() { //v3.0
  var d=document;
  if(d.images)
  {
	  if(!d.MM_p)
	  	d.MM_p=new Array();
      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; 

	  for(i=0; i<a.length; i++)
	  {
		d.MM_p[j]=new Image;
		if (a[i].indexOf("#")==0)
			d.MM_p[j].src=a[i].substring(1);
		else
			d.MM_p[j].src=a[i];
		j++;
	  }
  }
}

function showContactForm() 
{

	var htmlText = '';
	htmlText += '<table cellspacing="0" cellpadding="0" border="0">';
	htmlText += '<tr><td align="left" valign="top"><img src="/images/arrow.gif" id="arrowImage" border="0" vspace="3" style="display: none;">';
	htmlText += '<img src="/images/invisible.gif" id="arrowFixer" width="7" height="167" border="0"></td>';
	htmlText += '<td align="left" id="rightDataValues" valign="top" class="sectionText">';
	htmlText += '</td></tr>';
	htmlText += '</table>';

	getContactForm(iServiceId, "rightDataValues");
	
	objLayer = MM_findObj(rightContainerName);
	if(objLayer)
	{
		objLayer.innerHTML = htmlText;
		//var result = setTimeout("createIFrame('iframeContainer', '/contact.jsp?serviceId=' + iServiceId)", 100);
		objLayer.style.display = 'block';
	}
	
	htmlText = '<p class="sectionHeading">Contact Details</p>';
	htmlText += '<p class="sectionIntro">Tel: +965.2244.1646 Fax: +965.2244.5562</p>';
	htmlText += '<p class="sectionHeading"></p>';
	htmlText += '<p class="sectionIntro">Mailing Address: <br>';
	htmlText += 'P.O. Box 4981 &bull; Safat 13050 &bull; Kuwait</p></td></tr>';
	htmlText += '<p class="sectionHeading"></p>';
	htmlText += '<p class="sectionIntro">Street Address:<br>';
	htmlText += 'Shuwafat Bldg #5 &bull; 4th Floor<br>Omar Ibn Al-Khattab Street &bull; Sharq &bull; Kuwait City</p>';
	
	objLayer = MM_findObj(serviceDescriptionContainerName1);
	if(objLayer)
		objLayer.innerHTML = htmlText;
	
	objLayer = MM_findObj(portfolioSampleContainerName);
	if(objLayer)
		objLayer.innerHTML = '';
}


function showNewsTitles()
{
	getNewsTitles('0', 'less',  portfolioSampleContainerName);
}


function showNewsDetails(newsId) 
{
	
	var htmlText = '';
	htmlText += '<table cellspacing="0" cellpadding="0" border="0">';
	htmlText += '<tr><td align="left" valign="top"><img src="/images/arrow.gif" id="arrowImage" border="0" vspace="3" style="display: none;">';
	htmlText += '<img src="/images/invisible.gif" id="arrowFixer" width="7" height="167" border="0"></td>';
	htmlText += '<td align="left" id="rightDataValues" valign="top" class="sectionText">';
	htmlText += '</td></tr>';
	htmlText += '</table>';
	
	getNewsDetails(newsId, "rightDataValues");

	var objLayer = MM_findObj(rightContainerName);
	if(objLayer)
	{
		objLayer.innerHTML = htmlText;
		//var result = setTimeout("createIFrame('iframeContainer', '" + url + "')", 100);
		objLayer.style.display = 'block';
	}
	
}

function showMysteryShopper()
{
	var objLayer = MM_findObj(rightContainerName);
	var htmlText = '';
	htmlText += '<table cellspacing="0" cellpadding="0" border="0" width="268">';
	htmlText += '<tr><td align="left" valign="top"><img src="/images/arrow.gif" id="arrowImage" border="0" vspace="3" style="display: block;">';
	htmlText += '<img src="/images/invisible.gif" id="arrowFixer" width="7" height="167" border="0"></td>';
	htmlText += '<td align="left" id="rightDataValues" valign="top" class="sectionText">';
	htmlText += '<Table cellspacing="0" cellpadding="0" border="0">';
    htmlText += '<TR><TD valign="top" colspan="2"><p class="serviceHeading">Featured Announcements</p><BR></TD></TR>';
    htmlText += '<TR><TD valign="top" colspan="2"><p class="serviceHeading1">Mystery Shopper</p></TD></TR>';
	htmlText += '<TR><TD valign="top" colspan="2"><p class="serviceIntro2">If you are interested in improving the service of companies in Kuwait by providing feedback, then join our mystery shopper panel! Sign up here:</p><BR></TD></TR>';
    htmlText += '<TR><TD valign="top" width="230"><p class="serviceIntro2"><a class="" href="http://surveys.khayal.com/MShopper/mShopperDetails_eng.jsp" target="_MShopper">English</a></p></TD><TD valign="top" width="38"><p class="serviceIntro2"><a class="" href="http://surveys.khayal.com/MShopper/mShopperDetails_arb.jsp" target="_MShopper"><img src="/images/Arabi.gif" border="0" height="9" width="24" style="padding-top:3px;"></a></p></TD></TR>';
    htmlText += '<TR><TD valign="top" colspan="2"><p class="serviceHeading1">&nbsp;</p></TD></TR>';
    htmlText += '<TR><TD valign="top" colspan="2"><p class="serviceHeading1">Service Quality Barometer Test</p></TD></TR>';
	htmlText += '<TR><TD valign="top" colspan="2"><p class="serviceIntro2">Is your organization aligned with customer expectations for service? To test your company\'s efforts to achieve service excellence, try our 6 question test which measures your firm\'s activities and efforts regarding customer satisfaction.<br><a class="" href="http://surveys.khayal.com/MShopper/serviceQualityTest_eng.jsp" target="_MShopper">click here</a>.</p><BR></TD></TR>';
	htmlText += '</Table>';
	htmlText += '</td></tr>';
	htmlText += '</table>';
	if(objLayer)
		objLayer.innerHTML = htmlText;
}


//window.onresize = setPageHeight;
getPageDetails();