//<![CDATA[

function load() 
{
  if (GBrowserIsCompatible()) 
  {
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    var point = new GLatLng(42.433039,-83.434457);
    map.setCenter(point, 14);

    var marker = new GMarker(point);
    map.addOverlay(marker);
 
    var infoStr = "Alandre Salon & Day Spa <br /> 20091 Haggerty Rd ";
    infoStr += "<br /> Northville, MI 48167 <br />";
    infoStr += "(248) 449-7500 <br />"
    infoStr += " Use controls or drag map to navigate.";
    marker.openInfoWindowHtml(infoStr);
  }
}
//]]>

var currentImage = 0;
var MyImages = ["img3.jpg", "img7.jpg", "img9.jpg", "img19.jpg", "img20.jpg", "img23.jpg"]

function OnNextImage()
{
   if (currentImage >= MyImages.length-1)
      currentImage = 0;
   else
      currentImage++;

   document.getElementById("MyGallery").src = "gallery/" + MyImages[currentImage];
}

function OnPreviousImage()
{
   if (currentImage <= 0)
      currentImage = MyImages.length-1;
   else
      currentImage--;

   document.getElementById("MyGallery").src = "gallery/" + MyImages[currentImage];
}

function OnSetImage(thisOne)
{
   document.getElementById("gallerydiv").style.visibility = "visible";
   document.getElementById("imagesdiv").style.visibility = "hidden";
   for(i=0; i<= MyImages.length-1; i++)
   {
      if (MyImages[i] == thisOne)
      {
         currentImage = i;
         break;
      }
   }
   document.getElementById("MyGallery").src = "gallery/" + MyImages[currentImage];
}


function OnCloseGallery()
{
   document.getElementById("gallerydiv").style.visibility = "hidden";
   document.getElementById("imagesdiv").style.visibility = "visible";
}

function MakeVisible(me)
{
   document.getElementById('imagesdiv').style.visibility = 'hidden';
   document.getElementById('gallerydiv').style.visibility = 'hidden';
   var p = 'page';
   document.getElementById('page1').style.visibility = 'hidden';
   document.getElementById('page2').style.visibility = 'hidden';
   document.getElementById('page7').style.visibility = 'hidden';   
   document.getElementById('map').style.visibility = 'hidden';
   ShowD("cat1");
   me.style.visibility = 'visible';
   if (me == document.getElementById('page7'))
      OnCloseGallery();
}

function imageClicked(i)
{
   var ThisImage = document.getElementById('img' + i);
   document.getElementById('fullimagediv').style.visibility = 'visible';
   document.getElementById('fullimage').src = 'gallery/img' + i + '.jpg';
   
}

function backToGallery()
{
   document.getElementById('fullimagediv').style.visibility = 'hidden';
}


function HoverOver(cat)
{
   curr_cat = document.getElementById(cat);
   if (curr_cat.style.backgroundColor != "yellow")
   {   
      curr_cat.style.backgroundColor = "black";
      curr_cat.style.color = "white";
   }
}

function HoverOut(cat)
{
   curr_cat = document.getElementById(cat);
   if (curr_cat.style.backgroundColor != "yellow")
   {   
      curr_cat.style.backgroundColor = "#330000";
      curr_cat.style.color = "white";
   }
}

function ShowD(cat)
{
   var s = "<table>";

   if (cat == "cat1")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";   
      s += "<tr><td><i>Haircuts &amp; Styles</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>Women’s Haircut</td> <td>$45</td> </tr>" +
      "<tr> <td>Men’s Haircut</td> <td>$25</td> </tr>" +
      "<tr> <td>Kid’s Haircut (under 10 yrs)</td> <td>$14</td> </tr>" +
      "<tr> <td>Girls Haircut (under 16 yrs</td> <td>$25</td> </tr>" +
      "<tr> <td>Boys Haircut (under 16 yrs)</td> <td>$18 </td> </tr>" +
      "<tr> <td>Shampoo, Blow Dry, &amp; Set</td> <td>$25</td> </tr>" +
      "<tr> <td>Special Occasion Styling or Trial</td> <td>$45</td> </tr>" +
      "<tr> <td>Bridal Updo</td> <td>$65</td> </tr>" +
      "<tr> <td>Hair Extensions</td> <td>$200</td> </tr>";
   }
   else if (cat == "cat2")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";         
      s += "<tr> <td><i>Conditioning Treatments</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>Malibu Treatment</td> <td>$30</td> </tr>" +
      "<tr> <td>Deep Conditioning Treatment</td> <td>$25</td> </tr>";
   }
   else if (cat == "cat3")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td><i>Facials &amp; Treatments</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>European or Mediterranean Facial</td> <td>$75</td> </tr>" +
      "<tr> <td>Treatment Facial</td> <td>$85</td> </tr>" +
      "<tr> <td>Men’s Sport Facial</td> <td>$65</td> </tr>" +
      "<tr> <td>Back Facial</td> <td>$65</td> </tr>" +
      "<tr> <td>Salt Glow or Mudwrap</td> <td>$100</td> </tr>" +
      "<tr> <td>Airbrush Tanning</td> <td>$35</td> </tr>" +
      "<tr> <td>Ear Piercing</td> <td>$25</td> </tr>" +
      "<tr> <td>Holistic Ear Candling</td> <td>$45</td> </tr>" +
      "<tr> <td>Eyebrow or Eyelash Tinting</td> <td>$20</td> </tr>";
   }
   else if (cat == "cat4")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(makeup.jpg)";
      s += "<tr> <td><i>Make-Up</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>Special Occasion Make-up</td> <td>$45</td> </tr>" +
      "<tr> <td>Eye Make-up only</td> <td>$25</td> </tr>" +
      "<tr> <td>Teen Make-up</td> <td>$30</td> </tr>" +
      "<tr> <td>Eyelash Extension</td> <td>$25</td> </tr>" +
      "<tr> <td>Permanent Make-up</td> <td>$350</td> </tr>";
   }
   else if (cat == "cat5")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td><i>Nail Services &amp; Pedicures</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>European Manicure</td> <td>$20</td> </tr>" +
      "<tr> <td>Acrylic or Gel Full Set</td> <td>$38</td> </tr>" +
      "<tr> <td>Acrylic or Gel Fills</td> <td>$30</td> </tr>" +
      "<tr> <td>Pink &amp; White Full Set</td> <td>$45</td> </tr>" +
      "<tr> <td>Pink &amp; White Fills</td> <td>$35</td> </tr>" +
      "<tr> <td>European Pedicure</td> <td>$48</td> </tr>" +
      "<tr> <td>Deluxe Pedicure</td> <td>$58</td> </tr>" +
      "<tr> <td>Express Pedicure</td> <td>$38</td> </tr>" +
      "<tr> <td>Acrylic Full Set (toes)</td> <td>$38</td> </tr>" +
      "<tr> <td>Acrylic Fills</td> <td>$30</td> </tr>";
   }
   else if (cat == "cat6")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td><i>Color Services</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>Women’s Base Color</td> <td>$45</td> </tr>" +
      "<tr> <td>Men’s color or highlights</td> <td>$30</td> </tr>" +
      "<tr> <td>Semi Gloss</td> <td>$25</td> </tr>" +
      "<tr> <td>Partial Highlights or Low lights</td> <td>$65</td> </tr>" +
      "<tr> <td>Full Highlights or Lowlights</td> <td>$85</td> </tr>" +
      "<tr> <td>Mini Foil</td> <td>$35</td> </tr>" +
      "<tr> <td>Corrective Color</td> <td>$85</td> </tr>";
   }
   else if (cat == "cat7")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td><i>Permanent Treatments</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>Permanent Wave</td> <td>$75</td> </tr>" +
      "<tr> <td>Relaxer</td> <td>$75</td> </tr>" +
      "<tr> <td>Brazilian Keratin Treatment</td> <td>$250</td> </tr>";
   }
   else if (cat == "cat8")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td><i>Waxing or Threading</i></td> <td><i>from</i></td> </tr> <tr></tr>" +
      "<tr> <td>Eyebrow</td> <td>$14</td> </tr>" +
      "<tr> <td>Lip or chin</td> <td>$12</td> </tr>" +
      "<tr> <td>Eyebrow, Lip,or Chin</td> <td>$24</td> </tr>" +
      "<tr> <td>Eyebrow, Lip, &amp; Chin</td> <td>$34</td> </tr>" +
      "<tr> <td>Full Face</td> <td>$40</td> </tr>" +
      "<tr> <td>Under Arms</td> <td>$20</td> </tr>" +
      "<tr> <td>Arms</td> <td>$35</td> </tr>" +
      "<tr> <td>Bikini</td> <td>$32</td> </tr>" +
      "<tr> <td>1/2 Leg</td> <td>$45</td> </tr>" +
      "<tr> <td>Full Leg</td> <td>$60</td> </tr>" +
      "<tr> <td>Full Leg &amp; Bikini</td> <td>$85</td> </tr>" +
      "<tr> <td>Brazilian</td> <td>$55</td> </tr>" +
      "<tr> <td>Back or Chest</td> <td>$45</td> </tr>";
   }
   else if (cat == "cat9")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td><i>Massages</i></td> <td><i>1/2hr</i></td> <td><i>1hr</i></td> <td><i>1.5hr</i></td> </tr> <tr></tr>" +
      "<tr> <td>Swedish (relaxation)</td> <td>$45</td> <td>$65</td> <td>$95</td> </tr>" +
      "<tr> <td>Aromatherapy</td> <td>$50</td> <td>$75</td> <td>$100</td> </tr>" +
      "<tr> <td>Therapeutic/Deep Tissue</td> <td>$55</td> <td>$75</td> <td>$110</td> </tr>" +
      "<tr> <td>Serenity Stone Massage</td> <td>$80</td> </tr>" +
      "<tr> <td>Prenatal Massage</td> <td>$50</td> <td>$70</td> <td>$100</td> </tr>" +
      "<tr> <td> --- </td> </tr>" +
      "<tr> <td>15 minute Neck &amp; Shoulder Massage</td> <td>$20</td> </tr>" +
      "<tr> <td>Monthly membership 50 Minute Massage</td> <td>$39</td> </tr>";
   }
   else if (cat == "cat10")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr><td>" +
           "We are partners with Dr. Sayeg [<a href='http://www.yournewlooks.com/'> click here </a>], " +
           "a Board Certified Plastic Surgeon. Dr. Sayeg does all the Botox & injection treatments at " +
           "the salon on Thursdays, and all the plastic surgeries consultation as well." +
           "</td></tr>";
   }
   else if (cat == "cat11")
   {
      document.getElementById("m_categories").style.backgroundImage = "url(alana_menu.jpg)";            
      s += "<tr> <td> Dream Getaway&nbsp;&nbsp;&nbsp;$245<br />" +
      "Get away from it all for one day with our One-Hour Aromatherapy Massage, European Facial, Manicure, Deluxe Pedicure and Designer Hair Style.<br />" +
      "<br />" +
      "Make Over Fantasy&nbsp;&nbsp;&nbsp;$210<br />" +
      "Let us bring your inner beauty out with our Deluxe Manicure, Deluxe Pedicure, Haircut, Color &amp; Designer Style and Make-Up Application.<br />" +
      "<br />" +
      "Bride-to-be&nbsp;&nbsp;&nbsp;$165<br />" +
      "Let us prepare you for that special day. Package includes a Full Set of Acrylics, Express Pedicure, Special Occasion Styling &amp; Make-Up Application.<br />" +
      "<br />" +
      "Couples Delight&nbsp;&nbsp;&nbsp;$320<br />" +
      "Enjoy a day with your sweetheart. This package includes Two Aromatherapy Massages, Two European Facials, and Two European Manicures.<br />" +
      "<br />" +
      "Gentleman’s Day at the Spa&nbsp;&nbsp;&nbsp;$155<br />" +
      "Specially designed package just for men. Including a One Hour Therapeutic Massage, Pedicure, Manicure and Haircut. </td> </tr>";
   }
   


   var curr_cat = null;
   for(i=1; i<=11; i++)
   {
      curr_cat = document.getElementById("cat" + i);
      curr_cat.style.backgroundColor = "#330000";
      curr_cat.style.color = "white";
   }

   s += "</table>";
   
   curr_cat = document.getElementById(cat);
   curr_cat.style.backgroundColor = "yellow";
   curr_cat.style.color = "black";

   var contents = document.getElementById("m_contents");
   contents.innerHTML = s;
}