// =====================================
// This function is calls other ones at
// the loading of the HTML body section
// =====================================
function all(){
	show();
	preLoad();
	loadDynamicElements();
	}

// =====================================
// Preload button selection backgrounds
// =====================================
function preLoad(){
	var preLoadPict = new Array();
	for (i=0; i<18; i++){
		preLoadPict[i] = new Image();
		}
	preLoadPict[0].src = '/assets/pictures/contextButtons/addCartS.jpg';
	preLoadPict[1].src = '/assets/pictures/contextButtons/buttonCaseS.jpg';
	preLoadPict[2].src = '/assets/pictures/contextButtons/buttonTutorialsS.jpg';
	preLoadPict[3].src = '/assets/pictures/contextButtons/buttonFaqS.jpg';
	preLoadPict[4].src = '/assets/pictures/contextButtons/buttonPurchaseS.jpg';
	preLoadPict[5].src = '/assets/pictures/contextButtons/buttonResetS.jpg';
	preLoadPict[6].src = '/assets/pictures/contextButtons/buttonSubmitS.jpg';
	preLoadPict[7].src = '/assets/pictures/contextButtons/buttonTrialS.jpg';
	preLoadPict[8].src = '/assets/pictures/contextButtons/viewCartS.jpg';
	preLoadPict[9].src = '/assets/pictures/buttonCustomerRef/backgroundS.jpg';
	preLoadPict[10].src = '/assets/pictures/buttonCustomerCase/backgroundS.jpg';
	preLoadPict[11].src = '/assets/pictures/buttonSearch/searchS.jpg';
	preLoadPict[12].src = '/assets/pictures/menu/menuCompanyS.jpg';
	preLoadPict[13].src = '/assets/pictures/menu/menuProductsS.jpg';
	preLoadPict[14].src = '/assets/pictures/menu/menuMarketsS.jpg';
	preLoadPict[15].src = '/assets/pictures/menu/menuDownloadsS.jpg';
	preLoadPict[16].src = '/assets/pictures/menu/menuPurchaseS.jpg';
	preLoadPict[17].src = '/assets/pictures/menu/menuGalleryS.jpg';
//	preLoadPict[18].src = '/assets/pictures/menu/menuForumS.jpg';
	}

// =====================================
// Show menu and change its picture
// =====================================
function showAndChangePict(ulId,imgId,pictureUrl) {
	show(ulId);
	mouseChangePict(imgId,pictureUrl);
	}

// =====================================
// Manages the show/hide menus
// =====================================
function show(id) {
	var d = document.getElementById(id);
	for (var i = 1; i<=5; i++) {
		if (document.getElementById('menuList'+i)) {
			document.getElementById('menuList'+i).style.display='none';
			}
		}
	if (d) {
		d.style.display='block';
		}
	}

// =====================================
// Set object's border to red
// =====================================
function selectBorder(objId){
	document.getElementById(objId).style.border="1 solid #FF0000";
	}

// =====================================
// Set object's border to black
// =====================================
function unselectBorder(objId){
	document.getElementById(objId).style.border="1 solid #000000";
	}
	
// =====================================
// Switch picture contents
// =====================================
function mouseChangePict(objId,pictureUrl){
	document.getElementById(objId).src=pictureUrl;
	}

// =====================================
// Switch background contents
// =====================================
function mouseChangeBack(objId,pictureUrl){
	document.getElementById(objId).style.background="url("+pictureUrl+")";
	}

// =====================================
// Submit the search form
// =====================================
function formSubmit()
{
document.getElementById(searchFormId).submit()
}

// =====================================
// Reset a form
// =====================================
function formReset(formId)
{
document.getElementById(formId).reset()
}

// =====================================
// Load the dynamic elements randomly
// =====================================
function loadDynamicElements(){
	// Logo of the customer comment button
	// The 3 arrays must have the same size!
	customerCaseLogoPict = new Array();
	customerCaseLogoAlt = new Array();
	customerCaseAlt = new Array();
	customerCaseHref = new Array();
	
	customerCaseLogoPict[0] = '/assets/pictures/buttonCustomerCase/TaylorJamesLogo.jpg';
	customerCaseLogoPict[1] = '/assets/pictures/buttonCustomerCase/TopsolidLogo.jpg';
	customerCaseLogoPict[2] = '/assets/pictures/buttonCustomerCase/TopsolidLogo.jpg';
	customerCaseLogoPict[3] = '/assets/pictures/buttonCustomerCase/TopsolidLogo.jpg';
	
	customerCaseLogoAlt[0] = "Taylor James Logo";
	customerCaseLogoAlt[1] = "Topsolid Logo";
	customerCaseLogoAlt[2] = "Topsolid Logo";
	customerCaseLogoAlt[3] = "Topsolid Logo";
	
	customerCaseAlt[0] = "Taylor James comment";
	customerCaseAlt[1] = "Topsolid 1st comment";
	customerCaseAlt[2] = "Topsolid 2nd comment";
	customerCaseAlt[3] = "Topsolid 3rd comment";
	
	customerCaseHref[0] = "/pages/bcMarkAdv.php";
	customerCaseHref[1] = "/pages/bcCad.php";
	customerCaseHref[2] = "/pages/bcCad.php";
	customerCaseHref[3] = "/pages/bcCad.php";
	
	// Comment of the customer comment button
	// Same array size as the logo array
	customerCasePict = new Array();
	
	customerCasePict[0] = '/assets/pictures/buttonCustomerCase/TaylorJamesComment.jpg';
	customerCasePict[1] = '/assets/pictures/buttonCustomerCase/TopsolidComment1.jpg';
	customerCasePict[2] = '/assets/pictures/buttonCustomerCase/TopsolidComment2.jpg';
	customerCasePict[3] = '/assets/pictures/buttonCustomerCase/TopsolidComment3.jpg';
	
	// Customer comment button, logo
	var selection = Math.floor(Math.random()*customerCaseLogoPict.length);
	document.getElementById("customerCaseLogoId").src=customerCaseLogoPict[selection];
	document.getElementById("customerCaseLogoId").alt=customerCaseLogoAlt[selection];
	document.getElementById("customerCaseLogoRefId").href=customerCaseHref[selection];

	// Customer comment button, comment
	document.getElementById("customerCaseId").src=customerCasePict[selection];
	document.getElementById("customerCaseId").alt=customerCaseAlt[selection];
	document.getElementById("customerCaseRefId").href=customerCaseHref[selection];
}