var centerDiv = document.createElement("div");
	centerDiv.id = "centerDiv";
	
	var mainDiv = document.createElement("div");
	mainDiv.id = "mainDiv";	
	centerDiv.appendChild(mainDiv);
	
	var logoBar = document.createElement("div");
	logoBar.id = "logoBar";	
	centerDiv.appendChild(logoBar);
		
	var menu = document.createElement("div");
	menu.id = "menu";	
	centerDiv.appendChild(menu);
	
	var steps = createSimpleDiv(mainDiv, "steps");
	steps.style.left = "-15px";
	
	var step1 = createSimpleDiv(mainDiv, "step1");
	step1.style.whiteSpace = "nowrap";
	var step2 = createSimpleDiv(mainDiv, "step2");
	var step3 = createSimpleDiv(mainDiv, "step3");
	var step4 = createSimpleDiv(mainDiv, "step4");
	 
	var helpStep1 = getHelp("stepOneHelp");
	step1.innerHTML = "Step 1.   " + helpStep1.caption;
	
	var helpStep2 = getHelp("stepTwoHelp");
	step2.innerHTML = "Step 2.   " + helpStep2.caption;	
	
	var helpStep3 = getHelp("stepThreeHelp");
	step3.innerHTML = "Step 3.   " +helpStep3.caption;	
	
	var helpStep4 = getHelp("stepFourHelp");
	step4.innerHTML = "Step 4.   " +helpStep4.caption;	
	steps.appendChild(step4);

	if (mediaOptionHomepagegallery == 'true') {
		step1.innerHTML = "";
		step2.innerHTML = "";	
		step3.innerHTML = "";	
		step4.innerHTML = "";	
	} 
		steps.appendChild(step1);
		steps.appendChild(step2);
		steps.appendChild(step3);
		steps.appendChild(step4);

	var selectedHeader = null;
	
	var menuItem1 = createHeader(menu, "menuItem1", main_menu_item_1);
	function menuItem1Onclick(){
		if (mediaOptionHomepagegallery == 'true') {
			contentScreen(true);
		} else {
			createDesignCategoriesScreen();
		}
		selectedHeader = this;
	}
	
	menuItem1.onclick = menuItem1Onclick;
		function menuItem1Onmouseover(){
				showHelpPopup("main_menu_item_1_help");
			}
	menuItem1.onmouseover = menuItem1Onmouseover
	
	
	var menuItem2 = createHeader(menu, "menuItem2", main_menu_item_2);	
	function menuItem2Onclick(){
		howToScreen();
		selectedHeader = this;	
	}
	menuItem2.onclick = menuItem2Onclick;
		function menuItem2Onmouseover(){
				showHelpPopup("main_menu_item_2_help");
			}	
	menuItem2.onmouseover = menuItem2Onmouseover
	
				
	if (mediaOptionHomepagegallery == 'true') {
		var menuItem3 = document.createElement("div");
		menuItem3.innerHTML = '';
		menuItem3.id = 'menuItem3';
		menuItem3.onmouseover = function () {
		};
		menuItem3.onmouseout = function () {
		};
		function menuItem3Onclick(){
			alert('menu item 3 clicked');
		}
		menuItem3.onclick =  menuItem3Onclick;
		menuItem3.onmouseover = '';
		menu.appendChild(menuItem3);
	} else {
		var menuItem3 = createHeader(menu, "menuItem3", main_menu_item_3);
		function menuItem3Onclick(){
			contentScreen();
			selectedHeader = this;		
		}
		menuItem3.onclick = menuItem3Onclick;
			function menuItem3Onmouseover(){
					showHelpPopup("main_menu_item_3_help");
				}
		menuItem3.onmouseover = menuItem3Onmouseover;
	}
	
	
	var menuItem4 = createHeader(menu, "menuItem4", main_menu_item_4);
	function menuItem4Onclick(){
		manageScreen();
		selectedHeader = this;
	}
	menuItem4.onclick = menuItem4Onclick;
	function menuItem4Onmouseover(){
				showHelpPopup("main_menu_item_4_help");
			}
	menuItem4.onmouseover = menuItem4Onmouseover
	
	
	var menuItem5 = createHeader(menu, "menuItem5", main_menu_item_5);
	var number = 1;
	if(number == 1)
	{
		var toggleHelp = new Boolean();
		number += 1;
	}
	function menuItem5Onclick(){
		signInScreen();
		selectedHeader = this;	
	}
	menuItem5.onclick = menuItem5Onclick;	
	function menuItem5Onmouseover(){
		if(toggleHelp == true)
		{	
			showHelpPopup("main_menu_item_5_help_sign_out");		
		}else{			
			showHelpPopup("main_menu_item_5_help");
		}		
	}
	menuItem5.onmouseover = menuItem5Onmouseover;


	if ((mediaOptionForceSignIn == 'true') && (isLogedIn == false)){
		//menuItem5.hide();
	} 
	
	var menuItem6 = createHeader(menu, "menuItem6", "");
	
	var cartImage = document.createElement("img");
	cartImage.src = interfaceImagesPath+"/basket006.jpg";
	cartImage.align = "absmiddle";

	menuItem6.appendChild(cartImage);

	var totalCost = createSimpleDiv(menuItem6, "totalCost", "span");
	totalCost.style.position = "absolute";
	totalCost.style.left = "45px";
	totalCost.style.top = "10px";
	var callBack = function(mediaOwner){
		if(mediaOwner.showPrice){
			totalCost.innerHTML = "£0.00";
		}else{
			totalCost.innerHTML = "Send";
		}
	}
	
	AjaxService.getMediaOwner(callBack);
	var space = createSimpleDiv(menuItem6, "space", "span");
	space.innerHTML = "  "
		
	function menuItem6Onclick(){
		goToBasket();
		selectedHeader = this;	
	}
	menuItem6.onclick = menuItem6Onclick;
	function menuItem6Onmouseover(){
				showHelpPopup("main_menu_item_6_help");
			}	
	menuItem6.onmouseover = menuItem6Onmouseover
	
		
	var menuItem7 = createHeader(menu, "menuItem7", bottom_menu_item_3);
	function menuItem7Onclick(){
		legalScreen();
		selectedHeader = this;	
	}
	menuItem7.onclick = menuItem7Onclick;
	function menuItem7Onmouseover(){
				showHelpPopup("main_menu_item_7_help");
			}
	menuItem7.onmouseover = menuItem7Onmouseover
	
	
	var menuItem8 = createHeader(menu, "menuItem8", bottom_menu_item_4);
	function menuItem8Onclick(){
		feedbackScreen();
		selectedHeader = this;	
	}
	menuItem8.onclick = menuItem8Onclick;
	function menuItem8Onmouseover(){
				showHelpPopup("main_menu_item_8_help");
			}
	menuItem8.onmouseover = menuItem8Onmouseover
	
	
	var menuItem9 = createHeader(menu, "menuItem9", bottom_menu_item_5);
	function menuItem9Onclick(){
		contactScreen();
		selectedHeader = this;	
	}
	menuItem9.onclick = menuItem9Onclick;		
	function menuItem9Onmouseover(){
				showHelpPopup("main_menu_item_9_help");
			}	
	menuItem9.onmouseover = menuItem9Onmouseover
			
	createSimpleDiv(logoBar, "logo");
	
	createSimpleDiv(logoBar, "extraLogo");
	
	var beta = createSimpleDiv(logoBar, "beta");
	beta.innerHTML = (siteVersion);
	
	createSimpleDiv(mainDiv, "loader");
		
	var crops = createSimpleDiv(mainDiv, "designAreaCrops");
	createSimpleDiv(crops, "topLeftCrop");
	createSimpleDiv(crops, "topRightCrop");
	createSimpleDiv(crops, "bottomLeftCrop");
	createSimpleDiv(crops, "bottomRightCrop");
	createSimpleDiv(crops, "topShadow");
	createSimpleDiv(crops, "topLeftShadow");
	createSimpleDiv(crops, "topRightShadow");
	createSimpleDiv(crops, "bottomLeftShadow");
	createSimpleDiv(crops, "bottomShadow");
	createSimpleDiv(crops, "bottomRightShadow");
	createSimpleDiv(crops, "rightShadow");
	createSimpleDiv(crops, "leftShadow");
	var designArea = createSimpleDiv(crops, "designArea");
	
	createSimpleDiv(mainDiv, "help");
	document.body.appendChild(centerDiv);