// JavaScript Document
// Author By : Dawn Chow
// Date : 2010-06-23	v.1
// Date : 2010-08-21	v.2
// Date : 2010-12-28	v.3

function chkBrowserType() {
	
	var mrg_left = "";
	var red_gang = "'2_1.htm'";
	var timeline = "'2_2.htm'";
	var history = "'2_3.htm'";
	var inpress = "'2_4.htm'";
	var bespoke = "'3_1.htm'";
	var ladycloth = "'3_5.htm'";
	var fabrices = "'3_6.htm'";
	var flow = "'3_7.htm'";
	var tips = "'3_8.htm'";
	// var lodger = "'4_1.htm'"; // 
	var drakes = "'4_2.htm'";
	var suits = "'6_1.htm'";
	var contact = "'7_1.htm'";
	var tours = "'8.htm'";
	var rv = -1;
	
	// *** Check the browser type and version no. *** //
	if (navigator.appName == 'Microsoft Internet Explorer')
   	{
      var ua = navigator.userAgent;
      var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
      if (re.exec(ua) != null)
         rv = parseFloat( RegExp.$1 );
		 
	  /* if ( rv >= 8.0 )
         // msg = "You're using Windows Internet Explorer 8.";
		 mrg_left = "13.5";
      else if ( rv == 7.0 )
    	  // msg = "You're using Windows Internet Explorer 7.";
		  mrg_left = "6.5";
      else if ( rv == 6.0 )
    	  // msg = "You're using Windows Internet Explorer 6.";
		  mrg_left = "13.5"; */
		  if  ( rv == 7.0 )
		  {	mrg_left = "6.5";
			// alert("You are using IE " + rv );
		  }
		  else
		  {
		  	mrg_left = "13.5";
			// alert("You are using IE " + rv );
		  }
		   
   	}
	else
	{
		{
		//	alert("You are using Firefox or Safari!");
			mrg_left = "13.5"; 
		}
	}

	// Remark : Geneate actual iframe code //
	
	var mn = '<ul id="MenuBar1" class="MenuBarHorizontal"> \
     <li><a href="http://wwchanson.blogspot.com" target="_blank" style="text-align:left; background-color: #000; margin-left: 0em; width:6em;">BLOG</a></li> \
      <li><a href="#" style="text-align:center; background-color: #000; margin-left: -4em; width:9em;font-size: 9px;">ABOUT US</a> \
        <ul style="margin-left:-5.5em;"> \
          <li><a href="javascript:loader(' + red_gang + ')">RED GANG</a></li> \
          <li><a href="javascript:loader(' + timeline + ')">TIMELINE</a></li> \
          <li><a href="javascript:loader(' + history + ')">HISTORY</a></li> \
          <li><a href="javascript:loader(' + inpress + ')">CHAN IN PRESS</a></li> \
          <li><a href="fx/ShopsGallery.html">OUR SHOPS</a></li> \
        </ul> \
      </li> \
      <li><a href="#" style="text-align:center; background-color: #000; margin-left: -3.2em; width:10em;">TAILORING</a> \
        <ul style="margin-left:-4em;"> \
          <li><a href="javascript:loader(' + bespoke + ')">BESPOKE TAILORING</a></li> \
          <li><a href="#" class="MenuBarItemSubmenu">GENTLEMAN</a> \
            <ul style="margin-left:' + mrg_left + 'em;"> \
              <li><a href="fx/BesopkeProcess.html">BESPOKE PROCESS</a></li> \
              <li><a href="fx/Suiting.html">SUITING DETAILS</a></li> \
              <li><a href="fx/Shirts.html">SHIRTS</a></li> \
            </ul> \
          </li> \
          <li><a href="#" class="MenuBarItemSubmenu">LADY</a> \
            <ul style="margin-left:' + mrg_left + 'em;"> \
              <li><a href="javascript:loader(' + ladycloth + ')">LADY CLOTHING</a></li> \
              <li><a href="javascript:loader(' + fabrices + ')">FABRICS</a></li> \
              <li><a href="javascript:loader(' + flow + ')">FLOW</a></li> \
              <li><a href="javascript:loader(' + tips + ')">TIPS FOR ORDER</a></li> \
            </ul> \
          </li> \
        </ul> \
      </li> \
      <li><a href="#" style="text-align:center; background-color: #000; margin-left: -0.5em; width: 11em; ">ACCESSORIES</a> \
       <ul style="margin-left:-1em; "> \
	   <li><a href="fx/Accessories.html">GALLERY</a></li> \
          <li><a href="javascript:loader(' + drakes + ')" >DRAKES LONDON</a></li> \
        </ul> \
      </li> \
      <li><a href="fx/AccHouseStyle.html" style="text-align:center; background-color: #000; margin-left: 3.5em; width: 10em;">HOUSE STYLE</a></li> \
      <li><a href="#" style="text-align:center; background-color: #000; margin-left: 4em; width: 10em;">ORDER</a> \
        <ul style="margin-left:3em;"> \
          <li><a href="javascript:loader(' + suits + ')">SUITS</a></li> \
          <li><a href="http://www.wwchan.com/catalog/" target="_blank">SHIRTS</a></li> \
        </ul> \
      </li> \
      <li><a href="#" style="text-align:center; background-color: #000; margin-left: 5.2em; width: 8em;">CONTACT</a> \
        <ul style="margin-left:3.2em;"> \
          <li><a href="javascript:loader(' + contact + ')">CONTACT DETAILS</a></li> \
          <li><a href="javascript:void(0)" onclick="window.open(\'texts\/7_2_txt.htm\',\'\',\'height=480, width=750, scrollbars=yes\')">FAQ</a></li> \
          <li><a href="javascript:void(0)" onclick="window.open(\'.\/form\/contactForm.html\',\'\',\'height=600, width=550, scrollbars=no\')">ENQUIRY FORM</a></li> \
        </ul> \
      </li> \
      <li><a href="javascript:loader(' + tours + ')" style="text-align:right; background-color: #000; margin-left: 3.2em; width: 8em; ">TOURS</a></li> \
    </ul>';
	
	// alert(mn);
	
	document.getElementById('menuHead').innerHTML = mn;
	
	var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
	
	document.getElementById('mainFrame').setAttribute('src', '0.htm');

}

function loader ( file )
{	
	document.getElementById("mainFrame").setAttribute("src", file);
}