﻿function buildNav(leftID){

    topNavHTML = "<img src='images/header_shop.gif' usemap='#headermap' border='0' />";
    topNavHTML += "<map id='headermap' name='headermap'>";
    topNavHTML += "<area shape='rect' coords='0,0,250,126' href='default.html' target='_top' alt='Home' />";
    topNavHTML += "<area shape='rect' coords='251,0,408,126' href='shop.html' target='_top' alt='Shop' />";
    topNavHTML += "<area shape='rect' coords='409,0,515,126' href='http://fashionethic.blogspot.com' target='_blank' alt='Salon' />";
    topNavHTML += "<area shape='rect' coords='516,0,627,126' href='style.html' target='_top' alt='Style' />";
    topNavHTML += "<area shape='rect' coords='628,0,737,126' href='about.html' target='_top' alt='About Fashion Ethic' />";
    topNavHTML += "<area shape='rect' coords='738,0,950,126' href='shopping-bag.html' target='_top' alt='My Shopping Bag' />";
    topNavHTML += "</map>";

	leftNavHTML = "<form name='byDesigner'><span class='nav_title'>Shop By Designer</span><br />";
	leftNavHTML += "<select onchange='location.href=byDesigner.designerSelect.options[selectedIndex].value' name='designerSelect' class='by_designer'>";
	leftNavHTML += "<option>Select a Designer</option>";
	leftNavHTML += "<option value='baggu.html'>BAGGU Bags</option>";
	leftNavHTML += "<option value='edun.html'>EDUN</option>";
	leftNavHTML += "<option value='emily-katz.html'>Emily Katz</option>";
	leftNavHTML += "<option value='les-fees-de-bengale.html'>Les Fees de Bengale</option>";
	leftNavHTML += "<option value='moda-spia.html'>modaspia</option>";	
	leftNavHTML += "<option value='nvf.html'>naturevsfuture</option>";
	leftNavHTML += "<option value='peligrosa.html'>Peligrosa Knits</option>";
	leftNavHTML += "<option value='ryann.html'>Ryann</option>";
	leftNavHTML += "<option value='spun.html'>SPUN</option>";
	leftNavHTML += "<option value='sublet.html'>Sublet</option>";
	leftNavHTML += "</form></select>";
	leftNavHTML += "<br />&nbsp;<br /><span class='nav_title'>Shop By Category</span><br />";

    a = "a";
	leftID = leftID + a;
	leftNavHTML += "<span class='nav_category'><a href='#' onclick=buildNav('" + leftID + a + "')>Apparel</a></span><br />";
if (leftID.indexOf('a') != -1) {
	leftNavHTML += "<span class='nav_sub'><a href='sub_tops.html'>Tops</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_bottoms.html'>Bottoms</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_sweaters.html'>Sweaters</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_jackets.html'>Jackets</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_dresses.html'>Dresses</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_kids.html'>Kids</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_finalsale.html'>Final Sale</a></span><br />";
	}
	
	b = "b";
	leftID = leftID + b;
	leftNavHTML += "<span class='nav_category'><a href='#' onclick=buildNav('" + leftID + b + "')>Accessories</a></span><br />";
if (leftID.indexOf('b') != -1) {
	leftNavHTML += "<span class='nav_sub'><a href='sub_jewelry.html'>Jewelry</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_lingerie.html'>Lingerie</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_living.html'>Living</a></span><br />";
	}

    c = "c";
if (leftID.indexOf('c') != -1) {
	leftNavHTML += "<span class='nav_category'><a href='#' onclick=buildNav('" + leftID + c + "')>Adornments</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_body.html'>Body</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_ears.html'>Ears</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_neck.html'>Neck</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_wrist.html'>Wrist</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_fingers.html'>Fingers</a></span><br />";
	}

    d = "d";
    leftID = leftID + d;
    leftNavHTML += "<span class='nav_category'><a href='#' onclick=buildNav('" + leftID + d + "')>Gifts</a></span><br />";
if (leftID.indexOf('d') != -1) {
	leftNavHTML += "<span class='nav_sub'><a href='sub_gifts-for-her.html'>For Her</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_gifts-for-him.html'>For Him</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_kids.html'>For Kiddos</a></span><br />";
    }
    
    e = "e";
if (leftID.indexOf('e') != -1) {
	leftNavHTML += "<span class='nav_category'><a href='#' onclick=buildNav('" + leftID + e + "')>SALE</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_sale_apparel.html'>Apparel</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_sale_accessories.html'>Accessories</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_sale_adornments.html'>Adornments</a></span><br />";
	leftNavHTML += "<span class='nav_sub'><a href='sub_sale_gifts.html'>Gifts</a></span><br />";
    }

    bottomFooterHTML = "<a href='http://www.fashionethic.com/terms.html'>Terms and Conditions</a> | <a href='http://www.fashionethic.com/privacy.html'>Privacy</a> | <a href='http://www.fashionethic.com/ethics.html'>Ethics</a> | <a href='http://www.fashionethic.com/customer.html'>Customer Service</a> | &copy; Copyright 2008 Fashion Ethic, Inc.";

     document.getElementById('top_nav').innerHTML = topNavHTML;
     document.getElementById('left_nav').innerHTML = leftNavHTML;
     document.getElementById('bottom_footer').innerHTML = bottomFooterHTML;

}

function changePage() {
    location.href= document.getElementById.designerSelect.options[1].value + ".html";
}

function spotlightImage(productImage, productTitle, productPrice, onSale, productSalePrice){

    parent.document.getElementById('spotlight_image').src = productImage;
    parent.document.getElementById('spotlight_title').innerHTML = productTitle;
    if (onSale == 1) {
    parent.document.getElementById('spotlight_price').innerHTML = "SALE: " + productSalePrice;
    parent.document.getElementById('spotlight_price').className = "sale_price";
    } else {
    parent.document.getElementById('spotlight_price').innerHTML = productPrice;
    parent.document.getElementById('spotlight_price').className = "product_price";
    }
}

function extraPhoto(newPhoto) {
    document.getElementById('spotlight_image').src= newPhoto;
}