// JavaScript Document

function hideTnav() {
	document.getElementById('tnavfindyour').className = "tnavMenuHide";
	document.getElementById('tnavproducts').className = "tnavMenuHide";
	document.getElementById('tnavevents').className = "tnavMenuHide";
}

function showTnav(menu) {
	hideTnav();
	document.getElementById(menu).className = "tnavMenuShow";
}

function showProdColorName(color) {
	document.getElementById(color).className = "tnavMenuShow";
}

function hideProdColorName(color) {
	document.getElementById(color).className = "tnavMenuHide";
}

function launchEmailForm(frmname,frmfield,elang) {
	emform = document.forms[frmname];
	//alert(emform[frmfield].value);
	MM_openBrWindow('/canada/'+elang+'/email/default.asp?em='+emform[frmfield].value,'emailregister','scrollbars=yes,resizable=yes,width=420,height=420');
}

function launchProduct(tourl) {
	MM_openBrWindow(tourl,'products','scrollbars=yes,resizable=yes,width=820,height=620');
}

function switchColor(newcolorcode) {
	strSwitchEDP = newcolorcode;
}

function switchView(newview) {
	strSwitchView = newview;
}

function switchProdImage(webcode) {
	if (strSwitchView == "front") {
		MM_swapImage('productimage','','/canada/images/prod/bs/s_bs'+webcode+''+strSwitchEDP+'_fal08a.jpg',1);
	}
	else {
		MM_swapImage('productimage','','/canada/images/prod/bv/s_bv'+webcode+''+strSwitchEDP+'_fal08a.jpg',1);
	}
}

// Standard Macromedia Functions

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_swapImageLand() { //v3.0
  var i,j=0,x,a=MM_swapImageLand.arguments; document.MM_srLand=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_srLand[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


function MM_swapImgRestoreLand() { //v3.0
  var i,x,a=document.MM_srLand; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImageTab() { //v3.0
  var i,j=0,x,a=MM_swapImageTab.arguments; document.MM_srTab=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_srTab[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_checkPlugin(plgIn, theURL, altURL, autoGo) { //v4.0
  var ok=false; document.MM_returnValue = false;
  with (navigator) if (appName.indexOf('Microsoft')==-1 || (plugins && plugins.length)) {
    ok=(plugins && plugins[plgIn]);
  } else if (appVersion.indexOf('3.1')==-1) { //not Netscape or Win3.1
    if (plgIn.indexOf("Flash")!=-1 && window.MM_flash!=null) ok=window.MM_flash;
    else if (plgIn.indexOf("Director")!=-1 && window.MM_dir!=null) ok=window.MM_dir;
    else ok=autoGo; }
  if (!ok) theURL=altURL; if (theURL) window.location=theURL;
}

// Dockers functions

var timf;

function hnav_swap(tsection,tlang) {
	window.clearTimeout(timf);
	sub_nav_off();
	if (tsection == '1') {
		MM_swapImage('tnav_men','','/canada/'+tlang+'/images/nav/d_tnav_men_on_fal08a.gif',1);
		MM_showHideLayers('dropone','','show');
	}
	if (tsection == '2') {
		MM_swapImage('tnav_giftguide','','/canada/'+tlang+'/images/nav/d_tnav_giftguide_on_fal08a.gif',1);
		//MM_showHideLayers('droptwo','','show');
	}
	if (tsection == '3') {
		MM_swapImage('tnav_wheretobuy','','/canada/'+tlang+'/images/nav/d_tnav_wheretobuy_on_fal08a.gif',1);
		//MM_showHideLayers('dropthree','','show');
	}
	if (tsection == '4') {
		MM_swapImage('tnav_fitguide','','/canada/'+tlang+'/images/nav/d_tnav_fitguide_on_fal08a.gif',1);
		//MM_showHideLayers('dropthree','','show');
	}
}

function time_off() { // Required to timeout drop-downs on NS 4.x browsers
	if ((navigator.appName=="Netscape")&&(parseInt(navigator.appVersion)<5)) {
		timf = window.setTimeout('sub_nav_off()',3000);
	}
	else {
		timf = window.setTimeout('sub_nav_off()',250);
	}
}

function sub_nav_off() {
	MM_swapImgRestore();
	MM_showHideLayers('dropone','','hide');
}
function dropnav(box) {
	box.className='dropnavon';
}

function dropnavoff(box) {
	box.className='dropnavoff';
}



// Product Functions

function prodSwapTab(strTab, strID, strLang) {
	MM_swapImageTab('btn_colors','','/canada/'+strLang+'/images/prod/d_prod_btn_colors_off_fal08a.gif',1);
	MM_swapImageTab('btn_sizechart','','/canada/'+strLang+'/images/prod/d_prod_btn_sizechart_off_fal08a.gif',1);
	MM_swapImageTab('btn_fabric','','/canada/'+strLang+'/images/prod/d_prod_btn_fabric_off_fal08a.gif',1);
	
	MM_swapImageTab('btn_'+strTab,'','/canada/'+strLang+'/images/prod/d_prod_btn_'+strTab+'_on_fal08a.gif',1);
	frames['prodTabsFrame'].location.href = 'prod_iframe_'+strTab+'.asp?id='+strID;
}

function prodColorSwap(strSKU) {
	MM_swapImageLand('prodImage','','/canada/images/prod/bs/d_bs'+strSKU+'_fal08a.jpg',0);	
}

function prodColorName(strName) {
	if (document.all||document.getElementById){
		nameSpace = document.getElementById("prodTabFrameColorName");
		nameSpace.innerHTML=strName;
	} else {
		document.main.document.prodTabFrameColorName.document.write(strName);
	}
}

var bo_ns_id = 0;

function startIeFix(){
  if(isIE()){
      document.write('<div id="bo_ns_id_' + bo_ns_id + '"><!-- ');
  }
}

function endIeFix(){
  if(isIE()){
      document.write('</div>');
	  var theObject = document.getElementById("bo_ns_id_" + bo_ns_id++);    
	  var theCode = theObject.innerHTML;    
	  theCode = theCode.substring(4 ,9+theCode.indexOf("</object>"))
	  document.write(theCode);
  }
}

function isIE(){
  // only for Win IE 6+  
  // But not in Windows 98, Me, NT 4.0, 2000  
  var strBrowser = navigator.userAgent.toLowerCase();  
  if(strBrowser.indexOf("msie") > -1 && strBrowser.indexOf("mac") < 0){
      if(strBrowser.indexOf("win98") > -1 ||       
	  strBrowser.indexOf("win 9x 4.90") > -1 ||       
	  strBrowser.indexOf("winnt4.0") > -1 ||       
	  strBrowser.indexOf("windows nt 5.0") > -1)
	  {
	  	return false;
	  }    
	  return true;  
  }else{    
      return false;  
  }
}

// Style Guide

function MM_swapImageSG() { //v3.0
  var i,j=0,x,a=MM_swapImageSG.arguments; document.MM_srSG=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_srSG[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_swapImgRestoreSG() { //v3.0
  var i,x,a=document.MM_srSG; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

// Set array of guides
 

function switchGuidesMen(framename) {
	// Turn off all guides first
	MM_swapImgRestoreSG();
	// Begin Loop
	for(i=0;i<arrayGuidesMen.length;i++) {
		document.getElementById(arrayGuidesMen[i]).style.display = "none";
		document.getElementById(arrayGuidesMen[i]).style.visibility = "hidden";
	}
	// End Loop
	
	// Turn on the selected guide
	document.getElementById('sgMen'+framename).style.display = "inline";
	document.getElementById('sgMen'+framename).style.visibility = "visible";
	MM_swapImageSG('sg_thumb_'+framename,'','../images/styleguide/d_styleguide_men_thumb_'+framename+'_on.jpg',1);
	
}

function switchAds(framename) {
	// Turn off all guides first
	//MM_swapImgRestoreSG();
	// Begin Loop
	for(i=0;i<arrayAds.length;i++) {
		document.getElementById(arrayAds[i]).style.display = "none";
		document.getElementById(arrayAds[i]).style.visibility = "hidden";
	}
	// End Loop
	
	// Turn on the selected guide
	if (framename == "off") {
		document.getElementById(arrayAds[0]).style.display = "inline";
		document.getElementById(arrayAds[0]).style.visibility = "visible";
	}
	else {
		document.getElementById(arrayAds[framename]).style.display = "inline";
		document.getElementById(arrayAds[framename]).style.visibility = "visible";
		//MM_swapImageSG('newtb'+framename,'','../images/new/d_new_tb_'+framename+'_on.jpg',1);
	}
	
}


// Home page

/***********************************************
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 


var fadebgcolor="white"
 
////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=obj.degree/100
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}



/* Revised Drop-Down Nav */
$(document).ready(function(){	
	// initialize drop-down menus
    $("ul.sf-menu").superfish({
      delay: 0,
      speed: "fast"
    });
  
    // HACK: SuperFish isn't really designed to support images for menu items, and it doesn't set CSS classes for hardly any elements upon hover.
    //       For text links, a:hover can adjust the styling, but the :hover pseudoselector isn't supported on anything but anchor tags in IE6/IE7.
    //       Thus, we replace "off." with "on." in all background-image styles upon hover.
	// Also, drop/reset the z-index on the flash layer to drop below the menu on IE 7
    $('.sf-menu li').hover(
      	function() { 
	  		$(this).css('background-image', $(this).css('background-image').replace('_off_fal08a.gif', '_on_fal08a.gif'));
			//$("#homeFlashWrapper").addClass("flashDrop");
		},
      	function() { 
			$(this).css('background-image', ''); 
		}
	  
	  
    );
	

	$("div#mainWrapperInner").mouseenter(function(){
      //alert("enter");
	  //$("div#homeFlashWrapper").removeClass("flashDrop");
    }).mouseleave(function(){
      
    });


	MM_preloadImages('/canada/en/images/nav/d_tnav_men_on_fal08a.gif','/canada/en/images/nav/d_tnav_fitguide_on_fal08a.gif','/canada/en/images/nav/d_tnav_wheretobuy_on_fal08a.gif','/canada/fr/images/nav/d_tnav_men_on_fal08a.gif','/canada/fr/images/nav/d_tnav_fitguide_on_fal08a.gif','/canada/fr/images/nav/d_tnav_wheretobuy_on_fal08a.gif');

});



function theRotator() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',6000);
	
}

function rotate() {	
	//Get the first image
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
};