//variables
var POS1 = "relative";
var COLOR1 = {border:"#FFCC00", shadow:"#FF4D00", bgON:"#F5C851", bgOVER:"#FFD4FF", imagebg:"#FF4D00", oimagebg:"#B6BDD2"};
var COLOR2 = {border:"#CC9933", shadow:"#cccccc", bgON:"#FFC800", bgOVER:"#FFD4FF", imagebg:"#FF4D00", oimagebg:"#B6BDD2"};
var COLOR3 = {border:"#AF8300", shadow:"#FF4D00", bgON:"#F5C851", bgOVER:"#FFD4FF", imagebg:"#FF4D00", oimagebg:"#B6BDD2"};
var COLOR4 = {border:"#666666", shadow:"#FF4D00", bgON:"white", bgOVER:"#B6BDD2", imagebg:"#FF4D00", oimagebg:"#B6BDD2"};
var BLANK_IMAGE="Resources/Navigation/b.gif";
//menu items
var MENU_ITEMS = [
  {pos:POS1, size:[40, 100], itemoff:[0, 99], leveloff:[0, 0], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR1, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
    
    {code:"Contact<br>Renee", format:{size:[40, 80], itemoff:[0, 80], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
        sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2,color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Email", url:"GuestBook.html",
        format:{size:[25, 90], itemoff:[42, 61], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Contact Form", url:"GuestBook.php",
        format:{size:[25, 90], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},

 { code: "Home", format: { size: [40, 70], itemoff: [0, 80], style: { border: 1, shadow: 2, color: COLOR3, css: { ON: 'clsCMOn', OVER: 'clsCMOver'}} },
     sub: [
      { size: [25, 100], itemoff: [24, 0], leveloff: [43, 1], delay: 300, imgsize: [16, 16], arrsize: [16, 16], style: { border: 1, borders: [1, 1, 1, 1], shadow: 2, color: COLOR4, css: { ON: 'clsCMOn', OVER: 'clsCMOver'}} },
        { code: "Intro Page", url: "default.html",
            format: { size: [25, 100], itemoff: [42, 61], style: { border: 1, shadow: 2, color: COLOR2, css: { ON: 'clsCMVOn', OVER: 'clsCMOver'}}}
        },
        { code: "DVD Summary", url: "BellydancingDVDs.html",
            format: { size: [25, 100], itemoff: [27, 0], style: { border: 1, shadow: 2, color: COLOR2, css: { ON: 'clsCMVOn', OVER: 'clsCMOver'}}}
        }
       ]
 },
 
   {code:"Video<br>Clips", 
    format:{size:[40, 60], itemoff:[0, 50], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
           sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"DVD Clips", url:"BellydancingYouTube.html",
        format:{size:[25, 100], itemoff:[42, 61], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"You Tube Clips", url:"BellydancingYouTube2.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},
 
    
    
    {code:"Instructional<br>DVDs &amp; Clips",
    format:{size:[40, 100], itemoff:[0, 60], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
      sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"DVD Volume 1 &amp; Video clips", url:"BellydancingVol1.html",
        format:{size:[25, 170], itemoff:[42, 60], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Childrens DVD &amp; Video clips", url:"BellydancingVol1c.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"DVD Volume 2 &amp; Video clips", url:"BellydancingVol2.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"DVD Volume 3 &amp; Video clips", url:"BellydancingVol3.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"DVD Volume 4", url:"BellydancingVol4.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
 //       {code:"DVD Volume 5", url:"BellydancingVol5.html",
 //       format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
 //       {code:"DVD Volume 6", url:"BellydancingVol6.html",
 //       format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"DVD 'Veiled Cleopatra'", url:"BellydancingVol8.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
		{code:"DVD Amera's Drum Solos", url:"BellydancingFantastic.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
 //       {code:"DVD Feel the Passion", url:"BellydancingPassion.html",
 //       format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
//        {code:"DVD Volume 7", url:"BellydancingVol7.html",
 //       format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
 //       {code:"DVD Volume 9", url:"BellydancingVol9.html",
 //       format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
//		{code:"Party Dances", url:"BellydancingPartyDances.html",
 //       format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
		{code:"Mature Dancing", url:"BellydancingMatureDancing.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Teens, Toddlers<br>and Post Natal Mums", url:"BellydancingTeens.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
      ]},
      
    {code:"Shopping<br>Prices", format:{size:[40, 80], itemoff:[0, 100], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
    sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Prices", url:"Price.html",
        format:{size:[25, 170], itemoff:[42, 60], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Australian Dollars (PayPal)", url:"AustPayPal.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Australia (Money Order)", url:"Aust.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Australia (Internet Banking)", url:"Aust.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"British Pounds (PayPal)", url:"UK.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Euro (PayPal)", url:"Europe.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Canada Dollars (PayPal)", url:"Canada.html",
        format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"US Dollars (PayPal)", url:"USA.html",
         format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Rest of World", url:"SpecOrder.html",
         format:{size:[25, 170], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},
       
    {code:"Testimonials<br>Comments", url:"BellydancingComments.html", format:{size:[40, 90], itemoff:[0, 80], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}},
    
    {code:"Techniques", url:"BellydancingTechniques.html", format:{size:[40, 80], itemoff:[0, 90], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}},
    
    {code:"Book a<br>Dancer", format:{size:[40, 70], itemoff:[0, 80], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
        sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Entertainment", url:"BellydancingEntertainment.html",
        format:{size:[25, 90], itemoff:[42, 61], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Hens' Night", url:"BellydancingHensParty.html",
        format:{size:[25, 90], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},

    {code:"Classes &<br>Workshops", format:{size:[40, 90], itemoff:[0, 70], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
            sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Classes", url:"BellydancingClasses.html",
        format:{size:[25, 100], itemoff:[42, 61], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
		{code:"Private Classes", url:"BellydancingClasses1.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
		{code:"About Classes", url:"BellydancingClasses2.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
		{code:"What to Wear", url:"BellydancingClasses3.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Enrol in a class", url:"BellydancingClassEnrolment.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Workshops", url:"BellydancingWorkshops.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Events", url:"BellydancingEvents.html",
        format:{size:[25, 100], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},

    {code:"Costumes", format:{size:[40, 70], itemoff:[0, 90], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
        sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2, color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Coin Belts", url:"BellydancingPatterns.html#Belts",
        format:{size:[25, 90], itemoff:[42, 61], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Patterns", url:"BellydancingPatterns.html#Patterns",
        format:{size:[25, 90], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},
    
    {code:"Articles /<br>BLOG", format:{size:[40, 70], itemoff:[0, 70], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}},
        sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[43, 1], delay:300, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, borders:[1, 1, 1, 1], shadow:2,color:COLOR4, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Articles", url:"BellydancingArticlesPage1.html",
        format:{size:[25, 90], itemoff:[42, 61], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}},
        {code:"Blog", url:"NewsLetter.html",
        format:{size:[25, 90], itemoff:[27, 0], style:{border:1, shadow:2, color:COLOR2, css:{ON:'clsCMVOn', OVER:'clsCMOver'}}}}
       ]},
    
    {code:"Renee's<br>Style",url:"Aboutrenee.html", format:{size:[40, 60], itemoff:[0, 70], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}},
    
    {code:"Links",url:"Links.html",format:{size:[40, 60], itemoff:[0, 60], style:{border:1, shadow:2, color:COLOR3, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}}
];