function showFrameKitInfo()
{
	var win = new Window({className: 'dialog',  width:350, height:450, zIndex: 100, resizable: true, title: 'Finishing Options', draggable:true, wiredDrag: true})
	var htmlStr = "<h1 class='infoHeader'>Finishing Options</h1> <p class='noMargin'>Our budget-friendly finishing service lets YOU choose what works best for your needs.</p>  <h2 class='infoSection'>Will my frame come with glass?</h2> <p class='noMargin'>Acrylic glazing is our preferred choice for protecting your images.</p>  <ul> The advantages of acrylic: <li>&bull; Same thickness but half the weight of glass <br>(clear acrylic = 1/16\" thick;  non-glare acrylic = 3/32\" thick)</li> <li>&bull; Same clarity as glass</li> <li>&bull; Shatter Resistant</li> <li>&bull; Light Weight and Easy to Handle</li> <li>&bull; Protects Artwork from Fading</li> </ul>  <p>Our acrylic glazing sheets are available in crystal clear and non-glare matte finish.</p>  <h2 class='infoSection'>Which finishing option should I choose?</h2> <p class='noMargin'>Before purchasing your frame, it's best to ask yourself three basic questions.</p>  <ol> <li>What am I framing and how valuable is it?</li> <li>How long would I like to keep the presentation?</li> <li>How much am I willing to spend?</li> </ol>  <p>Each of our four finishing options offers different advantages depending on your framing needs.</p> ";
	htmlStr += "<h2>Economy</h2> <p class='noMargin'><strong>Clear Acrylic &amp; Corrugated Backing.</strong> Consists of a 1/8\" thick cardboard backing board and \"glass-like\" clear acrylic glazing. Serves best for those who are budget-conscious and need to frame items that may have a short lifespan or that are easily replaceable.</p>  <ul> Perfect for: <li>&bull;Professional licenses that get renewed every year</li> <li>&bull;Digital snapshots that can be easily reprinted</li> <li>&bull;Inexpensive  posters or commercially produced art</li> </ul>  <h2>Classic</h2> <p class='noMargin'><strong>Clear Acrylic &amp; Foamcore Backing.</strong> Consists of a 3/16\" thick foamcore backing board and \"glass-like\" clear acrylic glazing. This best seller is a classic finishing choice &mdash; perfect for artwork and photography of all kinds.</p>  <ul> Foamcore is a great choice because: <li>&bull;It has a higher level of protection for framed items than corrugated backing</li> <li>&bull;Its white finish preserves the integrity of translucent artwork</li> <li>&bull;It doubles as a dust cover thanks to its neat, clean appearance</li> <li>&bull;It works well for dry mounting objects to the backing</li> </ul> ";
	htmlStr += "<p><strong>Non-Glare Acrylic &amp; Foamcore Backing.</strong> Includes all the same benefits as the Clear Acrylic option, but with one major distinction: the non-glare glazing cuts down the glare on items in direct light or near windows.</p>";
	htmlStr += "<p class='optionNote'>Note: This finishing option should not be used with shadow boxes or presentations with more than one mat due to increased distortion.</p>  <h2>Premium</h2> <p class='noMargin'><strong>UV Protective Acrylic &amp; Acid-Free Foamcore Backing.</strong> This framing option grants the best protection when preservation is the primary concern. Both the 3/16\" thick, acid-free foamcore and the UV protective acrylic glazing help guard an image against deterioration and fading - preserving your most treasured, irreplaceable items for generations.</p>  <ul> Perfect for: <li>&bull;Vintage family photos</li> <li>&bull;Priceless artwork</li> <li>&bull;Historic and heirloom documents</li> </ul>  <h2>When do I need to order canvas clips?</h2> <p class='noMargin'>If you are framing a canvas, you may need canvas clips. If your canvas is deeper than the rabbet of your wooden frame (if the canvas sticks out in the back), canvas clips will hold the canvas in the frame. If this is not an issue, you can simply use the clips that come with your frame or finishing selection. Our canvas clips come in one standard canvas size and do not apply to metal frames.</p> 	";

	win.getContent().innerHTML= htmlStr;
	win.showCenter();  
}
function showFramingOptions() {
	var win = new Window({className: 'dialog',  width:350, height:450, zIndex: 100, resizable: true, title: 'Optional Mats or Liners', draggable:true, wiredDrag: true})
var htmlStr = "<h1 class='infoHeader'>Optional Mats or Liners</h1>  <h2 class='infoSection'>Matting</h2> <p class='noMargin'>Mats create a polished, classic presentation, adding depth and scale, while softening the transition from image to frame. Mats are available in a multitude of colors, textures and styles and can be custom cut to fit any size picture and frame up to 32\" x 40\" (42\" x 60\" on certain mats). Add the popular Very White (PM918) 2 1/2\" Mat to your cart or browse our extensive matting choices and find the perfect fit for your presentation. </p>  ";
	htmlStr += "<h2 class='infoSection'>Linen Liners</h2> <p class='noMargin'>Genuine linen over natural wood make for an elegant, upscale presentation for canvas art only. Linen Liners add depth and scale, while softening the transition from image to frame. Available in three versatile widths and sizes up to 83\". Classic white, natural or black linen colors are perfect for your most treasured pieces of art. </p> ";
	htmlStr += "<br/><p class='noMargin'>Linen liners for metal frames are currently unavailable on the website, please call Customer Care at 800-221-0262  for assistance with ordering.</p>";
	win.getContent().innerHTML= htmlStr;
	win.showCenter();  
}
function showFrameShopAlert() {
	if (document.getElementById("FrameShopAlertWindow")) { return; }
	var win = new Window({className: 'dialog',  width:350, height:200, zIndex: 100, resizable: true, title: 'Personal Frame Shop', id:'FrameShopAlertWindow', destroyOnClose:true, draggable:true, wiredDrag:true})
	var htmlStr = "<h1 class='infoHeader'></h1> <p class='noMargin'>";
	htmlStr += "You are now leaving the product page and will be directed into the Personal Frame Shop, where you will be able to select your mat(s), finishing options and see a preview of ";
	htmlStr += "your complete presentation and complete your purchase. <br/><br/>If you'd like to return to the product page, simply click your browser's Back button.</p> ";
	htmlStr += "<div class='addToCartBtn'><a id='orderCalculatedLinkConfim' href='' onclick='setFrameAlertCooke();this.href=getOrderLink(true);Windows.closeAll();'>";
	htmlStr += "<img id='orderCalculatedImageConfirm' src='/images/continueBtn.jpg' alt='Continue to PersonalFrameShop'/></a></div>";
	htmlStr += "<input id='frameShopAlertCheck' type='checkbox' name='frameShopAlertCheck' value='true'><span id='frameShopAlertCheckText' style='margin-left: 10px;'>Do not show me this again.</span>";
	win.getContent().innerHTML= htmlStr;
	win.showCenter();  
}

function setFrameAlertCooke() {
	if (document.getElementById("frameShopAlertCheck") != null && document.getElementById("frameShopAlertCheck").checked) {
		setCookie("FrameShopAlert","true",30);
	}
}

function showMaterialInfo()
{
	var win = new Window({className: "dialog",  width:350, height:300, zIndex: 100, resizable: true, title: "Frame Materials", draggable:true, wiredDrag: true})

	win.getContent().innerHTML= "<div style='padding:10px'><h3>Learn More About Frame Materials</h3><b>What is MDF?</b><br>Made from a partially recycled wood fiber in a process that creates minimal waste. MDF (medium density fiber) is extra warp-resistant and its laminate finishes provide perfect consistency of color and detail.</div>";

	win.showCenter();
}

function showUnassembledMessage()
{
	var win = new Window({className: "dialog",  width:350, height:245, zIndex: 100, resizable: true, title: "Metal frame shipping", draggable:true, wiredDrag: true})

	win.getContent().innerHTML= "<div style='padding:10px'><h3>Metal Frame Shipping</h3>Metal frames are shipped unassembled. This is due to the way your artwork will slide into the metal frame. Not to worry, though, they come with everything you need for fast and easy home assembly:<br><br><b>Includes hanging & assembly hardware:</b>  Corner Braces, Spring Clips, Hangers, Wire & Wall Savers</div>";
	win.showCenter();  
}


function showRabbetInfo()
{
	var win = new Window({className: "dialog",  width:450, height:400, zIndex: 100, resizable: true, title: "What is a rabbet?", draggable:true, wiredDrag: true})
	win.getContent().innerHTML= "<div style='padding:10px'><h3>What's a Rabbet?</h3>The rabbet is the recess on the back inside edge of the frame, into which the artwork fits. The \"rabbet size\" refers to the depth of this recess. For most framing projects, any rabbet size is fine.<br><br><b>Metal Frames:</b><br>Most of our metal frames have enclosed rabbets (see diagram). When you're framing a very thick piece &ndash; like a stretched canvas &ndash; in a metal frame, be sure to choose one with a rabbet that will accommodate the thickness of the piece.<br><br><b>Custom-Made and Ready-Made Frames:</b><br>These frames have open rabbets, so they will work for almost any framing project.<div style='text-align: center; width: 100%' id='rabbetImg'><img src='http://www.pictureframes.com/images/rabbetexample.gif' width='301' height='95'></div></div>";
	
	win.showCenter();  
}



function showWholeView()
{
	document.getElementById("cornerView").style.display = "none";
	document.getElementById("profileView").style.display = "none";
	document.getElementById("wholeView").style.display = "block";
	
	document.getElementById("cornerTabSelection").src = "/img/cornerTab.jpg";
	document.getElementById("wholeTabSelection").src = "/img/wholeTabSelected.jpg";
	document.getElementById("profileTabSelection").src = "/img/profileTab.jpg";
}


function showCornerView()
{
	document.getElementById("cornerView").style.display = "block";
	document.getElementById("profileView").style.display = "none";
	document.getElementById("wholeView").style.display = "none";
	
	document.getElementById("cornerTabSelection").src = "/img/cornerTabSelected.jpg";
	document.getElementById("wholeTabSelection").src = "/img/wholeTab.jpg";
	document.getElementById("profileTabSelection").src = "/img/profileTab.jpg";	
}

function showProfileView()
{
	document.getElementById("cornerView").style.display = "none";
	document.getElementById("profileView").style.display = "block";
	document.getElementById("wholeView").style.display = "none";
	
	
	document.getElementById("cornerTabSelection").src = "/img/cornerTab.jpg";
	document.getElementById("wholeTabSelection").src = "/img/wholeTab.jpg";
	document.getElementById("profileTabSelection").src = "/img/profileTabSelected.jpg";	
}
