/* Main.js */

function inc(filename) {
	var body = document.getElementsByTagName('body').item(0);
	script = document.createElement('script');
	script.src = filename;
	script.type = 'text/javascript';
	body.appendChild(script)
}
var initialized = false;

function initHistory() {

}

function initialize() {
	inc("js/jsonHandler.js");
	inc("js/basket.js");
	inc("js/arts.js");
	inc("js/home.js");
	inc("js/frames.js");
	inc("js/validationCommon.js");
	inc("js/validation.js");
	inc("js/utilities.js");
	inc("js/userInfo.js");
	inc("js/orderSummary.js");
	inc("js/orderConfirm.js");
	initialized = true;
}

function loadPage(pID) {
	if (!initialized)
		initialize();
	if (document.getElementById('sidebar1') != null) {// left menu version
		unol = document.getElementById('sidebar1').getElementsByTagName('ul')[0];
		unol.id = pID;
	} else {// tab version
		document.body.id = pID;
	}
	contentDiv = document.getElementById("mainContent");

	if (pID == 'welcome') {
		var home = new Home();
		contentDiv.innerHTML = home.getContent();
	} else if (pID == 'userInfo') {
		/*
		 * var uInfo=new UserInfo() ; contentDiv.innerHTML=uInfo.getContent();
		 * //addToHistory(contentDiv.innerHTML);
		 */

	} else if (pID == 'frames') {
		var f = new Frames();
		// contentDiv.innerHTML=f.getContent();
	} else if (pID == 'basket') {
		var basket = new Basket();
		contentDiv.innerHTML = basket.getContent();
	} else if (pID == 'contact') {
		var ctString='<div id="contactItem">';
		ctString+='<div id="ctLabel">Tel:</div> <div id="ctRgh">401-726-8786</div>';
		ctString+='<div id="ctLabel">Fax:</div> <div id="ctRgh">401-726-8812</div>';
		ctString+='<div id="ctLabel">Email:</div><div id="ctRgh">stephen@motykaframe.com</div>';
		ctString+='<div id="ctLabel">&nbsp;</div><div id="ctRgh">elizabeth@motykaframe.com</div>';
		ctString+='</div>';
		contentDiv.innerHTML = ctString;
		//contentDiv.innerHTML = '<div class="centered"> <h3 id="ct">Contact Us</h3> <p class="centered"> <table><tr> <th><strong>Tel:</strong></th> <td>401-726-8786</td> <tr/> <tr> <th><strong>Fax:</strong></th><td> 401-726-8812</td> <tr/><tr><th><strong>Email:</strong></th> <td><a href="mailto:stephen@motykaframe.com">stephen@motykaframe.com</a></td></tr><tr><th></th><td><a href="mailto:elizabeth@motykaframe.com">elizabeth@motykaframe.com</a></td></tr></table><br/><br/><br/><br/><br/></div>';
	}

}

function loadAjaxPage(pID) {
	if (!initialized)
		initialize();
	if (document.getElementById('sidebar1') != null) {// left menu version
		unol = document.getElementById('sidebar1').getElementsByTagName('ul')[0];
		unol.id = pID;
	} else {// tab version
		document.body.id = pID;
	}
	contentDiv = document.getElementById("mainContent");

	if (pID == 'welcome') {
		var home = new Home();
		contentDiv.innerHTML = home.getContent();

		if (document.getElementById('sidebar1') != null) {// left menu
			// version
			unol = document.getElementById('sidebar1').getElementsByTagName(
					'ul')[0];
			unol.id = 'welcome';
		}

	} else if (pID == 'art') {
		var arts = new Art();
		arts.invoke("1");
		/* contentDiv.innerHTML=arts.getContent(); */
	} else if (pID == 'frames') {
		var f = new Frames();
		f.retrieveFrames("1");
		// contentDiv.innerHTML=f.getContent();
	} else if (pID == 'basket') {
		var basket = new Basket();
		basket.invokeView();
	} else if (pID == 'contact') {
		var ctString='<div id="contactItem">';
		ctString+='<div id="ctLabel">Tel:</div> <div id="ctRgh">401-726-8786</div>';
		ctString+='<div id="ctLabel">Fax:</div> <div id="ctRgh">401-726-8812</div>';
		ctString+='<div id="ctLabel">Email:</div><div id="ctRgh">stephen@motykaframe.com</div>';
		ctString+='<div id="ctLabel">&nbsp;</div><div id="ctRgh">elizabeth@motykaframe.com</div>';
		ctString+='</div>';
		contentDiv.innerHTML = ctString;
		//'Contact Us <p class="centered"> <strong>Tel: 1800-453-2345 <br/> Email: mailer@mail.com</p>';
	}

}

function displayDetail(imgInfo) {
	var newImg = '<img src="' + imgInfo + '" alt="Image Not Available" width="330" />';
	var mainDisplay = document.getElementById('mainDisplay');
	mainDisplay.innerHTML = newImg;
}

function enlargeImg(imgPath, pID) {

	var contentDiv = document.getElementById("mainContent");
	var currElem = document.getElementById(pID);
	if (contentDiv.className != pID) {
		contentDiv.className = pID;
		// currElem.width='';
	} else {
		contentDiv.className = "";

	}

}

function showCrossSection(picID, path, lID, path2, ind) {
	var picImg = document.getElementById(picID);
	var dataBuffer = '<p class="thumbnail"><a href="javascript:enlargeImg(\''
			+ path + '\',\'' + picID + '\')"><img';
	dataBuffer += '	src="' + path + '" alt="Click To Toggle" width="177" height="137"  /></a></p>';
	picImg.innerHTML = dataBuffer;
	var lkDisplay = "Cross-section View";
	if (ind == 0) {
		ind = 1;
	} else {
		ind = 0;
		lkDisplay = "Front-section View";

	}
	var linkDiv = document.getElementById(lID);

	var l = '<p class="pictureLink1"> <a href="javascript:showCrossSection(\''
			+ picID + '\',\'' + path2 + '\',\'' + lID + '\',\'' + path
			+ '\',\'' + ind + '\')">' + lkDisplay + '</a></p>';
	linkDiv.innerHTML = l;
}

function loadGalleryPage(pID, pageNum) {
	if (!initialized)
		initialize();
	if (document.getElementById('sidebar1') != null) {// left menu version
		unol = document.getElementById('sidebar1').getElementsByTagName('ul')[0];
		unol.id = pID;
	} else {// tab version
		document.body.id = pID;
	}
	contentDiv = document.getElementById("mainContent");
	if (pID == 'art') {
		var arts = new Art();
		arts.invoke(pageNum);
		/* contentDiv.innerHTML=arts.getContent(); */
	} else if (pID == 'frames') {
		var f = new Frames();
		f.retrieveFrames(pageNum);
	}

}

function sendAjaxRequest(reqID, myFormID) {
	if (!initialized)
		initialize();

	if (reqID == 'basket' || reqID == 'basketIndirectUpd') {
		var basket = new Basket();
		var myFrm = document.getElementById(myFormID);
		if (reqID == 'basket')
			basket.invokeUpdate(myFrm);
		else if (reqID == 'basketIndirectUpd') {
			basket.invokeBehindTheSceneUpdate(myFrm);

			var uInfo = new UserInfo();
			uInfo.showCustomerInfo(myFrm);
			// addToHistory(contentDiv.innerHTML);
		}

	} else if (reqID == 'orderSummary') {

		var orderSum = new OrderSummary();
		var myFrm = document.getElementById(myFormID);
		orderSum.showSummary(myFrm);

	} else if (reqID == 'orderConfirm') {
		var orderConf = new OrderConfirm();
		var myFrm = document.getElementById(myFormID);
		orderConf.invokePlaceConfirm(myFrm);

	}

}