/* 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;

var fontsArray=["Old English","Times New Roman"];

var sizeArray=["2\"","2\" 1/2","3\"","4\"","5\"","6\""];
var sizeArrayVal=["2","2 1/2","3","4","5","6"];

var carveArray=["22k Gold","Lemon Gold","Champagne Gold","White Gold","Silver"];


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/styles.js");

	inc("js/artists.js");

	inc("js/restoration.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");

	inc("js/artistNPForm.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 += '<fieldset>';
		ctString += '<legend>Contact</legend>';

		ctString += '<div>';
		ctString += '<label for="gallery"></label>';
		ctString += '<p>';
		ctString += 'We are closed for at least a week twice the whole year- once during Christmas week up until New Year\'s and once during the week of Independence Day.';
		ctString += '<br/><br/><b>Address</b><br/> Motyka Art & Frame<br/>79 Chestnut Street, Central Falls, RI 02863';
		ctString += '<br/><br/><b>Business Hours</b>';
		ctString += '<br/>Monday - Friday';
		ctString += '<br/>8:00 - 4:30 EST';
		
		ctString += '<br/><br/><b>Tel:</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 401-726-8786';

		ctString += '<br/><b>Fax:</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 401-726-8812';

		ctString += '<br/><b>Email:</b>&nbsp;&nbsp; <a href="mailto:info@motykaframe.com">info@motykaframe.com</a>';

		// ctString+='<div id="ctLabel">&nbsp;</div><div
		// id="ctRgh">elizabeth@motykaframe.com</div>';
		ctString += '</p>';
		ctString += '</div>';
		ctString += '</fieldset>';

		// 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>';

	} else if (pID == 'artistNPForm') {

		var artNPForm = new ArtistNPForm();

		artNPForm.show();
	}

}

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 == 'styles') {

		var s = new Styles();

		s.retrieveStyles("1");

		// contentDiv.innerHTML=f.getContent();

	} else if (pID == 'artists') {

		var s = new Artist();

		s.retrieveArtist("1");

		// contentDiv.innerHTML=f.getContent();

	} else if (pID == 'restoration') {

		var s = new Restoration();

		s.retrieveRestoration();

		// contentDiv.innerHTML=f.getContent();

	} else if (pID == 'basket') {

		var basket = new Basket();

		basket.invokeView();

	} else if (pID == 'contact') {

		var ctString = '';// <div id="contactItem">';
		ctString += '<fieldset>';
		ctString += '<legend>Contact</legend>';

		ctString += '<div>';
		ctString += '<label for="gallery"></label>';
		ctString += '<p>';
		ctString += 'We are closed for at least a week twice the whole year- once during Christmas week up until New Year�s and once during the week of Independence Day.';

		ctString += '<b>Tel:</b>401-726-8786';

		ctString += '<b>Fax:</b>401-726-8812';

		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 += '</p>';
		ctString += '</div>';
		ctString += '</fieldset>';

		// 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:displayImg(\''+ path + '\')"><img';

		dataBuffer += '	src="' + path + '" alt="Click To Toggle" width="177" height="137"  /></a></p>';*/


	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>';
	

	//javascript:displayImg(\''+ path + '\')
	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 showCrossSection2(picID, path, lID, path2, ind, custMsg) {

	var picImg = document.getElementById(picID);
	
	//javascript:displayImg(\'images/ARTISTNP1_crop.jpg\')

	var dataBuffer = '<p class="thumbnail"><a href="javascript:displayImg(\''+ path + '\')"><img';

	dataBuffer += '	src="' + path + '" alt="Click To Toggle" width="177" height="137"  /></a></p>';

	picImg.innerHTML = dataBuffer;

	var lkDisplay = custMsg;

	if (ind == 0) {

		ind = 1;

	} else {

		ind = 0;

		lkDisplay = custMsg;

	}
	alert("disp "+lkDisplay);
	var linkDiv = document.getElementById(lID);

	var l = '<p class="pictureLink1"> <a href="javascript:showCrossSection2(\''

	+ picID + '\',\'' + path2 + '\',\'' + lID + '\',\'' + path

	+ '\',\'' + ind + '\',\''+custMsg+'\')">' + 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 loadGalleryPage2(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 == '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);

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

		var s = new Styles();
		var myFrm = document.getElementById(myFormID);

		s.applyStyles(myFrm);

	}


}