// Common Object for Most Pageviews
if( window.MooTools ) {

// Custom Query Object.  Represents the document.location.search Data, parsed and in whole
var Query = {
  search: document.location.search.substr(1,document.location.search.length-1),
  parse: function() {
    if( Query.search.length <= 0 ) return;

    Query.search.split('&').each( function(qI) {
      parts = qI.split("=");
      Query[parts[0]] = parts[1];
    });
  },
  compile: function() {
    q = {};
    for( x in Query ) {
      t = $type(Query[x]);
      if( t != 'function' && x!='search' ) q[x] = Query[x];
    }
    return Object.toQueryString(q);
  }
};
//Query.parse();

var FM = {};

FM.Common = {
  FormValidators: [],
  initTextRevertBoxes: function() {
    $$('input').each( function( el ) {
      if( !el.hasClass('textrevert') ) return;

      alt = el.getProperty('alt');
      if( !$type(alt) ) return;
      if( alt.length == 0 ) return;

      // Initialize the .value property to be the alt property
      el.value = alt;

      el.addEvents({
        'focus': function() {
          if( this.value == this.getProperty('alt') ) { this.value = ''; }
        },
        'blur': function() {
          val = this.value.replace(/\s/g,'');
          if( val.length == 0 ) this.value = this.getProperty('alt');
        }
      });
    });
  },

  initTextsearch: function() {
    if( !$defined($('frmSearch')) ) return;

    $$('#frmSearch input[name=q]')[0].addEvent( 'keypress', function(e) {
      e = new Event(e);
      if( e.key == 'enter' ) $('frmSearch').submit();
    });

    $('searchBTN').addEvent( 'click', function() {
      $('frmSearch').submit();
    });
  },

  initTooltips: function() {
    $$('.tooltip').each( function(el) { el.setStyles({'opacity':0,'visibility':'visible'}); });

    var FM_Tooltips = new Tips($$('.tooltip'), {
	  className: 'fm-tool', 'fixed':true
    });

    $$('.tooltip').each( function(el) { el.effects({duration:250}).start({'opacity':[0,1]}); }); //setStyle('visibility','visible'); });
  }

};

/* Adds Animation Layer for Adding Products to a ShoppingCart asynchronously */
var FlyCart = {

  //init
  init: function() {
    this.handles = $$('a.flycart');
    if( this.handles.length == 0 ) return;

    FlyCart.createGhost();

    if( window.do_addToCart )
      do_addToCart = function() {}; // Overwrites existing global function
    if( window.doAddToCart )
      doAddToCart = function() {}; // Overwrites existing global function

// Scrolls to Accessories
      scrollToAccessories = function() {
            new Fx.Scroll(window,{
              wait: false,
              duration: 750,
              transition: Fx.Transitions.Quad.easeInOut
            }).toElement( $('accessories_container') );
      };

      createPrompter = function() {
        if( document.body.accessoriesPrompt ) {
          document.body.accessoriesPrompt.fadeIn();
          return;
        }

        // Build prompter
        _coords = $('BasketBox').getCoordinates();
        coords = { 'top':_coords['bottom'],'left':_coords['left'] };
        styles = {'position':'absolute','padding':'0','background-color':'#fff','border':'1px solid #666'};

        properties = { 'styles':styles };

prodName = FlyCart.addtocart_href.match(/\&name=[\d\D]+?\&/);
prodName = prodName[0].replace(/(^\&|\&$)+/g,"");
prodName = prodName.split("=");
prodName = '<b>'+decodeURI(prodName[1].replace(/\+/g," "))+'</b>';

//text = '<span style="float: right; padding: 4px; cursor: pointer;" onclick="document.body.accessoriesPrompt.fadeOut();"><b>x</b></span>';
text = '<div style="clear: both; padding: 20px 30px;">'+prodName+' Successfully Added<br /><br />';
text += "Do you Need Accessories?</div>";

        document.body.accessoriesPrompt = new Element( 'div', properties ).setHTML(text);
        document.body.accessoriesPrompt.setOpacity(0);

        // Create Faders
        document.body.accessoriesPrompt.fadeIn = function() {
          c=document.body.accessoriesPrompt.getCoordinates();

          w_w = window.getWidth();
          w_h = window.getHeight();

          newT = (w_h - c['height']) / 2;
          newL = (w_w - c['width']) / 2;

          document.body.accessoriesPrompt.setStyles({'top':newT,'left':newL});
          document.body.accessoriesPrompt.effects({'duration':500}).start({'opacity':[0,1]});
        };
        document.body.accessoriesPrompt.fadeOut = function() {
          document.body.accessoriesPrompt.effects({'duration':500}).start({'opacity':[1,0]})
		  .chain( function() {
				if( CustomerSurvey )
		  		CustomerSurvey.autoOpen();
		  });
        };

        // Build content, behavior link
        events = {
          'click': function(e) {
            new Event(e).stop();

            // Activate the Scroller
            scrollToAccessories();
          }
        };
        link_properties = {
          'href':'#accessory_items',
          'events':events,
          'styles':{'display':'block','text-align':'center','padding':'10px 0'}
        };
        scrollToAccessoriesLink = new Element('a',link_properties).setHTML('View Accessories');

        // Add Link element to the prompter
        document.body.accessoriesPrompt.adopt(scrollToAccessoriesLink);

        // Add Prompter to document
        //document.body.accessoriesPrompt = prompter;
        $(document.body).adopt(document.body.accessoriesPrompt);

        document.body.accessoriesPrompt.fadeIn();
      };

      // Ask Customer if they want to View Accessories
      promptAskToViewAccessories = function() {

        if( document.location.pathname.match(/^\/accessories\//) ) return;

        createPrompter();
        document.body.accessoriesPrompt.fadeOut.delay(4500);
      };

    document.addEvent( 'flycart_complete', function(e) {

      $('BasketBox').setHTML( '<b style="padding-top: 8px;">Updating Cart...</b>' );

//, 'onComplete':promptAskToViewAccessories
      new Ajax( FlyCart.addtocart_href+'&format=json&bypass_redirect=true&t='+$time(), {
        'method':'get',
        'onComplete':function() {this.cancel();
          new Ajax( '/templates/layout/basket.php', {'method':'get','update':'BasketBox','onComplete': function() {
            document.removeEvent('flycart_complete');
            promptAskToViewAccessories();
          }} ).request();
        }
      } ).request();

    });

    this.handles.each( function(addtocartEl) {
      addtocartEl.addEvent( 'click', function(e) {
        new Event(e).stop();

        href = this.getProperty('href');
        rel = this.getProperty('rel');
        var flycart_element_params_re = new RegExp("flycart\\[(.+)\\]", "g");

        _product_id_from_href = function( str ) {
          parts = str.match(/\b(sample|product)_id=.+?\&\b/); if( !parts || parts==null ) return false;

          part = parts[0]
          segs = part.split("=");
          id = segs[1].replace(/\&$/,"");
          return id;
        };

        //product_id = href.match(/\b(sample|product)_id=.+?\&\b/)[0].split("=")[1].replace(/\&$/,"");
        product_id = _product_id_from_href(href);
        ElementToGetCoordsFrom = ( product_id && $defined($('img'+product_id)) )? $('img'+product_id) : this;

        // Snag and Parse custom Flycart HTML Elements
        if( $defined(rel) && flycart_element_params_re.test(rel) ) {
          flycart_params_data = RegExp.lastParen;
          flycart_params = Json.evaluate(flycart_params_data);

          flycartHook  = $E(flycart_params['flycartHook']);
          flycartGhost = $E(flycart_params['flycartGhost']);
          ElementToGetCoordsFrom = flycartGhost;

          if( !$defined(flycartHook.getProperty('href')) ) {
            if( $defined(flycartHook.getProperty('value')) ) href=flycartHook.getProperty('value');
          } else { href=flycartHook.getProperty('href'); }
        }
       
        FlyCart.addtocart_href = '/applications/ShoppingCart' + href.replace(/\/cart/,'');

        quantity = $('txtBoxes') || $('txtSQFT');
        if( quantity ) {
          FlyCart.addtocart_href = FlyCart.addtocart_href.replace(/quantity=[\d\.]+/,'quantity='+quantity.value);
        }
        quantity = $('txtQuantity');
        if( quantity ) {
          FlyCart.addtocart_href = FlyCart.addtocart_href.replace(/quantity=[\d\.]+/,'quantity='+quantity.value);
        }

        slopeRise = 220; slopeRun = 550; // Rise / Run = 1, also means Rise = Run
        slope = slopeRise / slopeRun; // so Slope = Rise / Run

        _getX = function( sX ) {
//          slopeRun = eX - sX;
//          eX = slopeRun + sX;
          return (slopeRun + sX);
        };

        _getY = function( sY ) {
//          slopeRise = sY - eY; (b/c it's HTML - value decrease as you traverse ^
//          eY = sY - slopeRun;
          return (sY - slopeRise);
        };

        coords = ElementToGetCoordsFrom.getCoordinates();

		FlyCart.Ghost = ElementToGetCoordsFrom.clone();
		FlyCart.Ghost.setStyles(ElementToGetCoordsFrom.getCoordinates());
		FlyCart.Ghost.setStyles({'opacity': 0.7, 'position': 'absolute'});
		FlyCart.Ghost.inject(document.body);


        endCoords = $('BasketBox').getCoordinates();

        sX = coords['left'];// + 10;
        sY = coords['top'];// - 10;
        endX = endCoords['right']-18;//_getX(coords['left']);
        endY = endCoords['top']+(Math.abs(endCoords['height']-10)/2);//_getY(coords['top']);

        _w = coords['width'];
        _h = coords['height'];

        dX = [sX,endX];
        dY = [sY,endY];

        FlyCart.fly( dX, dY, _w, _h );

        return false;
      });
    });
  },

  createGhost: function() {
    _styles = {
      'position':'absolute','top':'0px','left':'0px', 'z-index':'10',
      'height':'25px',
      'width':'45px',
      'border':'1px solid #000',
      'opacity':0
    };
    ghost = new Element('div',{'styles':_styles}).setHTML('&nbsp;');

    FlyCart.Ghost = ghost;
    document.body.appendChild(ghost);
  },

  // Ajax Function
  send: function() {
    // Capture Add to cart behavior, and re-apply via AJAX call.
    // Return Data must include the following information:
    // New Total.  New ITEMS Count.  Optionally, specify: BasketTotalFeedbackBoxID, BasketItemsCountBoxID
    // To Expedite Processing Speed, Data Transfer Format will be in JSON
    // Object Structure:
    // R = { 'total':100.00,'items':2, 'BasketTotalFeedbackBoxID':'', 'BasketItemsCountBoxID':'' }
  },

  // Animation Function
  fly: function( dX, dY, newW, newH ) {
    // Need to isolate the image to Ghost, the appropriate Dimensions, and it's start coordinates.
    // OR, if not an image, then simply the appr. Hollow-Ghost-Box Dimanions, and it's start coordinates
    // Need to specify end coordinates
    // Both cases will incur animation where said-Ghost-boxes shrink to 0x0, and fade away.

    FlyCart.Ghost.setStyles({'top':dY[0],'left':dX[0],'width':newW,'height':newH,'opacity':0.7});
    FlyCart.Ghost.effects({'duration':800,'transition':Fx.Transitions.Back.easeIn}).start({'top':dY,'left':dX,'width':[newW,5],'height':[newH,5]})
    .chain( function() {
      FlyCart.Ghost.effects({'duration':250,'transition':Fx.Transitions.Sine.easeOut}).start({'opacity':[0.7,0]})
      .chain( function() {
        document.fireEvent( 'flycart_complete' );
      });
    });

  },

  // Adjusts ItemsCount and ItemsTotal HTML Elements
  adjustBasket: function() {},

  // Function to Adjust HTML on a User-Defined Basis
  adjustCustom: function() {}
};



var AccessoriesScroll = {
  set: function() {
    this.scroller = new Fx.Scroll(window, {
	  wait: false,
      duration: 750,
      transition: Fx.Transitions.Quad.easeInOut
    });

    // Acquire Element Collections
    this.mainBox = $('accessory_items');
    this.navLinks = $$('.accessory-frag-links a');
    this.backtotopLinks = $$('a.pagetop');

    // Apply Behavior/Functionality
    this.applyClickScroll( this.navLinks );
    this.applyClickScroll( this.backtotopLinks );
  },

  applyClickScroll: function( link_collection ) {
    $each( link_collection , function(link) {
      anchor_name = link.href;

      frag_pos = anchor_name.indexOf("#");
      if( frag_pos == -1 ) return;
      frag_pos = frag_pos+1;

      anchor_name = anchor_name.substr( frag_pos, anchor_name.length-frag_pos );
      link.targetAnchor = AccessoriesScroll.mainBox.getElement('a[name='+anchor_name+']') || $(document.body).getElement('a[name='+anchor_name+']');

      if( link.targetAnchor ) {
        link.addEvent('click', function(e) {
          new Event(e).stop();
          AccessoriesScroll.scroller.toElement( this.targetAnchor );
        });
      }
    });
  }
};

FM.ContentToggler = {
  initPage: function() {
    $$('.contenttoggler').each( function( toggler ) {
      ftarg_el_id = toggler.getProperty('rel').replace(/(^contenttoggler\[+|\]+$)/g,'');
      toggler.targ_el_id = ftarg_el_id;
      toggler.addEvent( 'click', function(e) {
        new Event(e).stop();
        FM.ContentToggler.toggle( this, this.targ_el_id );
        return false;
      });
    });
  },

  toggle: function( fel, fel_content_targ ) {
    el = $(fel);
    el_content_targ = $(fel_content_targ);

    if( el.hasClass('contenttoggler-collapse') ) {
      el_content_targ.setStyle('display','none');
    }
    else {
      el_content_targ.setStyle('display','block');
    }

    el.toggleClass('contenttoggler-collapse');
    el.blur();
  }
};

FM.OpenLivechat = function() {
	var url = "//flooringquestions.com/liveagent/chat/";// + "?cin=" + this.cid + "&lang=" + this.lang;
	chatWin = window.open(url, $time(), 'scrollbars=no,menubar=no,resizable=1,location=no,screenX=100,screenY=100,width=600,height=700') ;
	chatWin.focus() ;
};

FM.checkpriceButton = function() {
    $$('input.product-slug').each( function(el, index) {
				
		jsonStr = unescape(el.value);
		productSlug = Json.evaluate(jsonStr);

		if( productSlug.product_price == 0.00 )
		{
			slugParent = el.getParent();

			styles = {'display':'block',
                      'float':'right',
                      'width':'10em',
                      'margin':'12px 0',
                      'padding':'4px 6px',
                      'border':'1px solid #CABF9A',
                      'border-color':'#CABF9A #666 #666 #CABF9A',
                      'background-color':'#A00001',
                      'color':'#fff',
                      'cursor':'pointer',
                      'font':'normal bold 11px "Trebuchet MS", Tahoma',
                      'text-transform':'uppercase',
                      'letter-spacing':'normal',
                      'text-align':'center'};
			newButton = new Element('span', {'styles':styles}).setHTML('&raquo; Check Price');

			newButton.productSlug = productSlug;

			newButton.addEvent('click', function(e) {
				new Event(e).stop();

				StockInquiry.getForm(this.productSlug.product_id,
	                                 this.productSlug.product_name,
	                                 this.productSlug.product_href,
                                     "checkprice");

				return false;
			});
			newButton.addEvent('mouseenter', function(e) {
				this.setStyle('color','red');
			});
			newButton.addEvent('mouseleave', function(e) {
				this.setStyle('color','#fff');
			});
			slugParent.adopt(newButton);

		}
	});
}

// placeabidTab
// getElement('.ecommbox .cust-interface')
// ProductInfoBox.setActiveBox('placeabidTab','placeabidBox');
FM.redPlaceabidButton = function() {
	// First Check to see that Placeabid is even accessible from the page.
	// If not, then just exit out of the Method;
	if( !$('placeabidTab') || !$('placeabidBox') ||
			!ProductInfoBox||!window.ProductInfoBox ) return;

	// Get the container for the button
	container = $E('.ecommbox .cust-interface'); // Gets JUST the first one

	// If the Ecommerce Modules haven't loaded, then the Price is not available for
	// online purchases, so select first product slug
	if( !container ) container = $E('input.product-slug').getParent();


	// Styles for the Button
	styles         = {'display':'block',
		              'clear':'both',
                      'width':'10em',
                      'margin':'12px 0',
                      'padding':'4px 6px',
                      'border':'1px solid #CABF9A',
                      'border-color':'#CABF9A #666 #666 #CABF9A',
                      'background-color':'#A00001',
                      'color':'#fff',
                      'cursor':'pointer',
                      'font':'normal bold 11px "Trebuchet MS", Tahoma',
                      'text-transform':'uppercase',
                      'letter-spacing':'normal',
                      'text-align':'center'};

	// Create the Button
	newButton = new Element('span', {'styles':styles}).setHTML('&raquo; Place a Bid');

	// Bind to the Click Event of the Button
	newButton.addEvent('click', function(e) {
		new Event(e).stop();

		// Toggle the Activity Tab and Pane for Details Box
		/* if( $('placeabidTab') && $('placeabidBox') &&
			(ProductInfoBox||window.ProductInfoBox) ) */
			ProductInfoBox.setActiveBox('placeabidTab','placeabidBox');

		return false;
	});
	newButton.addEvent('mouseenter', function(e) {
		this.setStyle('color','red');
	});
	newButton.addEvent('mouseleave', function(e) {
		this.setStyle('color','#fff');
	});

	// Attach/Inject the Button
	container.adopt(newButton);
}

window.addEvent( 'domready', function() {
  FM.Common.initTextRevertBoxes();
  FM.Common.initTextsearch();
  FM.checkpriceButton();
//  FM.redPlaceabidButton();

  Query.parse();
//  if( Query["flycart"] == 'true' ) {
    FlyCart.init();
//  }

//  if( Query["accscroll"] == 'true' ) {
    AccessoriesScroll.set();
//  }

  if( window.FloorNavigatorWidget ) {
//    FloorNavigatorWidget.do_onComplete = true;
//    FloorNavigatorWidget.getTool('floor-navigator');
    FloorNavigatorWidget.setAccordion('floor-navigator');
//    $('floor-navigator').setStyles({'background':'','padding-top': '','padding-bottom': ''});
  }

  if( document.location.pathname == "/" )
  {
	if( window.RunKwicks ) RunKwicks();
  }


	__headerlinks = $('headerlinks');
	if( $type(__headerlinks) == 'element' ) {
		Tracking = new Element('a', {'href':'/shipping','class':"headernav"}).setHTML('TRACK ORDER');
		Tracking.injectTop(__headerlinks);
	}

	StopPageload();
});

window.addEvent( 'load', function() {
  FM.Common.initTooltips();
});


	//
	// Code to stop page loading after a certain amount of time.
	//
	var PAGELOAD_CTR = 0;
	var PAGELOAD_KILL_TIME = 22; //secs
	var PAGELOAD_PERIOD_TIME = 1000; // millisecs

	var IncrementPageloadCtr = function() {
		PAGELOAD_CTR++;

		if( PAGELOAD_CTR >= PAGELOAD_KILL_TIME ) StopPageload();
	};
	var StopPageload = function() {

		if( document.location.pathname != "/floor_gallery.php" ) {
			$clear(PAGELOAD_INTERVAL);

			if( $type(window.stop) == 'function' ) window.stop();
			else if ( $type(document.execCommand) == 'function' ) document.execCommand('Stop');
		}
	};

	var PAGELOAD_INTERVAL = IncrementPageloadCtr.periodical(PAGELOAD_PERIOD_TIME);

}; // End MooTools Wrapper





//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

/********************************************
 * METHOD EXTENSIONS:
 * setMainMenuPosition, setMainMenuIframeEl, getMainMenuButtonOrientation, setSubMenuPosition, setIframeEl,
 * getDocumentWidthLimit, getDocumentHeightLimit, getWidthLimitByElement, getViewportHeight, getViewportWidth,
 * topScrolled, widthScrolled, killBubble
 * 
 * MODIFIED
 *  menuItemMouseover
 *  menuInit
 *  buttonMouseover
 *  buttonClick
 *  closeSubMenu
 *
 * NOTES
 *  Added focus/blur control to avoid cursor blinking through Menus.
 *  Explictly set the zIndex of the frameEl in IE Browsers to 1 to instantiate rendering.
 *
 * Provided by:
 *   Cornel Boudria
 *   3PRIME, LLC.
 ********************************************
 */


//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------

function Browser() {

  var ua, s, i;

  this.isIE    = false;  // Internet Explorer
  this.isOP    = false;  // Opera
  this.isNS    = false;  // Netscape
  this.version = null;

  ua = navigator.userAgent;

  s = "Opera";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isOP = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }

  // Treat any other "Gecko" browser as Netscape 6.1.

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    this.version = 6.1;
    return;
  }

  s = "MSIE";
  if ((i = ua.indexOf(s))) {
    this.isIE = true;
    this.version = parseFloat(ua.substr(i + s.length));
    return;
  }
}

var browser = new Browser();

//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------

var activeButton = null;

function buttonClick(event, menuId) {

  var button;

  // Get the target button element.

  if (browser.isIE)
    button = window.event.srcElement;
  else
    button = event.currentTarget;

  // Blur focus from the link to remove that annoying outline.

  button.blur();

  // Associate the named menu to this button if not already done.
  // Additionally, initialize menu display.

  if (button.menu == null) {
    button.menu = document.getElementById(menuId);

    if( !button.menu ) return false;

    if (button.menu.isInitialized == null)
      menuInit(button.menu);
  }

  // [MODIFIED] Added for activate/deactivate on mouseover.

  // Set mouseout event handler for the button, if not already done.

  if (button.onmouseout == null)
    button.onmouseout = buttonOrMenuMouseout;

  // Exit if this button is the currently active one.

  if (button == activeButton)
    return false;

  // [END MODIFIED]

  // Reset the currently active button, if any.

  if (activeButton != null)
    deactivateButton(activeButton);

  // Activate this button, unless it was the currently active one.

  if (button != activeButton) {
    /**
     * Get the Main Menu Orientation, relative to it's button activator
     * The orientation in an optional 2ND [string] Parameter, with the default being 'top'
     */
    var int_orientation_arg_index = 2;
    orientation = getMainMenuButtonOrientation( arguments[int_orientation_arg_index] );

    activateButton(button, orientation);
    activeButton = button;
  }
  else
    activeButton = null;

  return false;
}

function buttonMouseover(event, menuId) {

  var button;

  // [MODIFIED] Added for activate/deactivate on mouseover.

  // Activates this button's menu if no other is currently active.
  
  /**
   * Get the Main Menu Orientation, relative to it's button activator
   * The orientation in an optional 2ND [string] Parameter, with the default being 'top'
   */
  var int_orientation_arg_index = 2;
  orientation = getMainMenuButtonOrientation( arguments[int_orientation_arg_index] );

  if (activeButton == null) {
    buttonClick(event, menuId, orientation);
    return;
  }

  // [END MODIFIED]

  // Find the target button element.

  if (browser.isIE)
    button = window.event.srcElement;
  else
    button = event.currentTarget;

  // If any other button menu is active, make this one active instead.

  if (activeButton != null && activeButton != button)
    buttonClick(event, menuId, orientation);
}

function activateButton(button, orientation) {

  var x, y;

  // Update the button's style class to make it look like it's
  // depressed.

  button.className += " menuButtonActive";

  // [MODIFIED] Added for activate/deactivate on mouseover.

  // Set mouseout event handler for the button, if not already done.

  if (button.onmouseout == null)
    button.onmouseout = buttonOrMenuMouseout;
  if (button.menu.onmouseout == null)
    button.menu.onmouseout = buttonOrMenuMouseout;

  // [END MODIFIED]
  
  /*[START MODIFIED]*/
  // Position the associated drop down relative to the specified button orientation
  setMainMenuPosition( button, orientation );

  /*[END MODIFIED]*/
}

function setMainMenuPosition( oButton, forientation ) {
  // Set the x, y coordinates for the main menu according to
  // the Button Orientation parameter
  
  // In order to avoid a bliking cursor bleeding through the main main/submenus,
  // Change the page focus to the refernenced button, then unfocus [blur] the button
  // to avoid polluting the rendering space for the button
  oButton.focus(); oButton.blur();
  
  switch( forientation ) {
    case 'bottom':
	  x = getPageOffsetLeft(oButton);
      y = getPageOffsetTop(oButton) + oButton.offsetHeight;
	break;
	case 'right':
	  x = getPageOffsetLeft(oButton) + oButton.offsetWidth;
      y = getPageOffsetTop(oButton);
	break;
	case 'top':
	  old_display = oButton.menu.style.display;
	  oButton.menu.style.display = "block";
	  x = getPageOffsetLeft(oButton);
      y = getPageOffsetTop(oButton) - oButton.menu.offsetHeight;
	  oButton.menu.style.display = old_display;
	break;
	case 'left':
	  old_display = oButton.menu.style.display;
	  oButton.menu.style.display = "block";
	  x = getPageOffsetLeft(oButton) - oButton.menu.offsetWidth;
      y = getPageOffsetTop(oButton);
	  oButton.menu.style.display = old_display;
	break;
	default:
	  x = getPageOffsetLeft(oButton);
      y = getPageOffsetTop(oButton) + oButton.offsetHeight;
	break;
  }

  if (browser.isIE) {
    x += oButton.offsetParent.clientLeft;
    y += oButton.offsetParent.clientTop;
    //if( browser.version < 7 ) y -= 2;
  }

  oButton.menu.style.left = x + "px";
  oButton.menu.style.top  = y + "px";
  oButton.menu.style.display = "block";  
  oButton.menu.style.visibility = "visible";
  
  if (oButton.menu.iframeEl != null) setMainMenuIframeEl( oButton );
}

function setMainMenuIframeEl( foButton ) {  
  foButton.menu.iframeEl.style.left = foButton.menu.style.left;
  foButton.menu.iframeEl.style.top  = foButton.menu.style.top;
  foButton.menu.iframeEl.style.width  = foButton.menu.offsetWidth + "px";
  foButton.menu.iframeEl.style.height = foButton.menu.offsetHeight + "px";
  foButton.menu.iframeEl.style.display = "block";
  foButton.menu.iframeEl.style.visibility = "visible";
}

function getMainMenuButtonOrientation( fOrientation ) {
  // The default orientation is the bottom of the registration button.
  var default_orientation = 'bottom';
  
  switch( fOrientation ) {
    case 'top': orientation = fOrientation; break;
	case 'right': orientation = fOrientation; break;
	case 'bottom': orientation = fOrientation; break;
	case 'left': orientation = fOrientation; break;
	default: orientation = default_orientation; break;
  }  
/*  
  arg_orientation = fOrientation;
  orientation = ( !arg_orientation || arg_orientation == '' || arg_orientation == false ) ? 'top' : arg_orientation;
  orientation = ( orientation != 'top' && orientation != 'right' ) ? default_orientation : orientation;
*/
  return orientation;
}

function deactivateButton(button) {

  // Restore the button's style class.

  removeClassName(button, "menuButtonActive");

  // Hide the button's menu, first closing any sub menus.

  if (button.menu != null) {
    closeSubMenu(button.menu);
    button.menu.style.visibility = "hidden";

    // For IE, hide menu's IFRAME as well.

    if (button.menu.iframeEl != null)
      button.menu.iframeEl.style.display = "none";
	
	button.menu.style.display = "none";
  }
}

//----------------------------------------------------------------------------
// Code to handle the menus and sub menus.
//----------------------------------------------------------------------------

function menuMouseover(event) {

  var menu;

  // Find the target menu element.

  if (browser.isIE)
    menu = getContainerWith(window.event.srcElement, "DIV", "menu");
  else
    menu = event.currentTarget;

  // Close any active sub menu.

  if (menu.activeItem != null)
    closeSubMenu(menu);
}

function menuItemMouseover(event, menuId) {

  var item, menu, x, y;

  // Find the target item element and its parent menu element.

  if (browser.isIE)
    item = getContainerWith(window.event.srcElement, "A", "menuItem");
  else
    item = event.currentTarget;
  menu = getContainerWith(item, "DIV", "menu");

  // Close any active sub menu and mark this one as active.

  if (menu.activeItem != null)
    closeSubMenu(menu);
  menu.activeItem = item;

  // Highlight the item element.

  item.className += " menuItemHighlight";

  // Initialize the sub menu, if not already done.

  if (item.subMenu == null) {
    item.subMenu = document.getElementById(menuId);
    if (item.subMenu.isInitialized == null)
      menuInit(item.subMenu);
  }

  // [MODIFIED] Added for activate/deactivate on mouseover.

  // Set mouseout event handler for the sub menu, if not already done.

  if (item.subMenu.onmouseout == null)
    item.subMenu.onmouseout = buttonOrMenuMouseout;

  // [END MODIFIED]

  setSubMenuPosition( menu, item );

  // Stop the event from bubbling.
  killBubble(event);
}

/* Set the x, y Coordinates for the Menu attached to the provided oItem Element Reference */
function setSubMenuPosition( containerMenu, oItem ) {
  x = getPageOffsetLeft(oItem) + oItem.offsetWidth;
  y = getPageOffsetTop(oItem);

  // Adjust position to fit in view.

  var maxX, maxY;
  
  maxX = getDocumentWidthLimit();
  maxY = getDocumentHeightLimit();
  
  /* Activate the submenu's Viewport Space by setting its display property */
  oItem.subMenu.style.display = "block";

  maxX -= oItem.subMenu.offsetWidth;
  maxY -= oItem.subMenu.offsetHeight;

  if (x > maxX)
    x = Math.max(0, x - oItem.offsetWidth - oItem.subMenu.offsetWidth
      + (containerMenu.offsetWidth - oItem.offsetWidth));
  y = Math.max(0, Math.min(y, maxY));

  // Position and show the sub menu.

  oItem.subMenu.style.left       = x + "px";
  oItem.subMenu.style.top        = y + "px";
  oItem.subMenu.style.visibility = "visible";

  // For IE; size, position and display the menu's IFRAME as well.
  if (oItem.subMenu.iframeEl != null) setIframeEl(oItem);

}

/**
 * Set the size, position, and display of the
 * IFRAME for the oItem Element Reference's Menu
 */
function setIframeEl( oItem ) {
  oItem.subMenu.iframeEl.style.left    = oItem.subMenu.style.left;
  oItem.subMenu.iframeEl.style.top     = oItem.subMenu.style.top;
  oItem.subMenu.iframeEl.style.width   = oItem.subMenu.offsetWidth + "px";
  oItem.subMenu.iframeEl.style.height  = oItem.subMenu.offsetHeight + "px";
  oItem.subMenu.iframeEl.style.display = "block";
  oItem.subMenu.iframeEl.style.visibility = "visible";
}

function closeSubMenu(menu) {

  if (menu == null || menu.activeItem == null)
    return;

  // Recursively close any sub menus.

  if (menu.activeItem.subMenu != null) {
    closeSubMenu(menu.activeItem.subMenu);
    menu.activeItem.subMenu.style.visibility = "hidden";

    // For IE, hide the sub menu's IFRAME as well.

    if (menu.activeItem.subMenu.iframeEl != null)
      menu.activeItem.subMenu.iframeEl.style.display = "none";

    /*[START MODIFIED]*/ menu.activeItem.subMenu.style.display = "none"; /*[END MODIFIED]*/

    menu.activeItem.subMenu = null;
  }

  // Deactivate the active menu item.

  removeClassName(menu.activeItem, "menuItemHighlight");
  menu.activeItem = null;
}

// [MODIFIED] Added for activate/deactivate on mouseover. Handler for mouseout
// event on buttons and menus.

function buttonOrMenuMouseout(event) {

  var el;

  // If there is no active button, exit.

  if (activeButton == null)
    return;

  // Find the element the mouse is moving to.

  if (browser.isIE)
    el = window.event.toElement;
  else if (event.relatedTarget != null)
      el = (event.relatedTarget.tagName ? event.relatedTarget : event.relatedTarget.parentNode);

  // If the element is not part of a menu, reset the active button.

  if (getContainerWith(el, "DIV", "menu") == null) {
    deactivateButton(activeButton);
    activeButton = null;
  }
}

// [END MODIFIED]

//----------------------------------------------------------------------------
// Code to initialize menus.
//----------------------------------------------------------------------------

function menuInit(menu) {

  var itemList, spanList;
  var textEl, arrowEl;
  var itemWidth;
  var w, dw;
  var i, j;

  // For IE, replace arrow characters.
/*
  if (browser.isIE) {
    menu.style.lineHeight = "2.5ex";
    spanList = menu.getElementsByTagName("SPAN");
    for (i = 0; i < spanList.length; i++)
      if (hasClassName(spanList[i], "menuItemArrow")) {
        spanList[i].style.fontFamily = "Webdings";
        spanList[i].firstChild.nodeValue = "4";
      }
  }
*/
  // Find the width of a menu item.

  itemList = menu.getElementsByTagName("A");
  if (itemList.length > 0)
    itemWidth = itemList[0].offsetWidth;
  else
    return;

/*
  // For items with arrows, add padding to item text to make the
  // arrows flush right.

  for (i = 0; i < itemList.length; i++) {
    spanList = itemList[i].getElementsByTagName("SPAN");
    textEl  = null;
    arrowEl = null;
    for (j = 0; j < spanList.length; j++) {
      if (hasClassName(spanList[j], "menuItemText"))
        textEl = spanList[j];
      if (hasClassName(spanList[j], "menuItemArrow"))
        arrowEl = spanList[j];
    }
    if (textEl != null && arrowEl != null) {
      textEl.style.paddingRight = (itemWidth 
        - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
      // For Opera, remove the negative right margin to fix a display bug.
      if (browser.isOP)
        arrowEl.style.marginRight = "0px";
    }
  }
*/
  // Fix IE hover problem by setting an explicit width on first item of
  // the menu.

  if (browser.isIE) {
    w = itemList[0].offsetWidth;
    itemList[0].style.width = w + "px";
    dw = itemList[0].offsetWidth - w;
    w -= dw;
    itemList[0].style.width = w + "px";
  }

  // Fix the IE display problem (SELECT elements and other windowed controls
  // overlaying the menu) by adding an IFRAME under the menu.

  if (browser.isIE) {
    var iframeEl = document.createElement("IFRAME");
    iframeEl.frameBorder = 0;
    iframeEl.src = "javascript:;";
    //iframeEl.style.display = "";
    iframeEl.style.position = "absolute";
	iframeEl.style.zIndex = "1";
    iframeEl.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
    menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
  }

  // Mark menu as initialized.

  menu.isInitialized = true;
}

/**
 * Menu Positioning Methods
 */
function getDocumentWidthLimit() {
  maxX = getViewportWidth() + widthScrolled();
  return maxX;
}

function getDocumentHeightLimit() {
  maxY = getViewportHeight() + topScrolled();
  return maxY;
}

function getWidthLimitByElement( srcElement ) {
  // Get Absolute Max X, with Respect to the Document
  maxX = getDocumentWidthLimit();
  
  // Get the registration points of the srcElement
  abs_left_pos = getPageOffsetLeft(srcElement);
  src_width = srcElement.offsetWidth;
  
  max_src_el_x = abs_left_pos + src_width;
  
  max_reg_x = maxX - max_src_el_x;
  
  return max_reg_x;
}

//----------------------------------------------------------------------------
// General utility functions.
//----------------------------------------------------------------------------
if( !window.killBubble )
function killBubble(e) {
  if (!e) var e = window.event;
  e.cancelBubble = true;
  if (e.stopPropagation) e.stopPropagation();
}


function getContainerWith(node, tagName, className) {

  // Starting with the given node, find the nearest containing element
  // with the specified tag name and style class.

  while (node != null) {
    if (node.tagName != null && node.tagName == tagName &&
        hasClassName(node, className))
      return node;
    node = node.parentNode;
  }

  return node;
}

function hasClassName(el, name) {

  var i, list;

  // Return true if the given element currently has the given class
  // name.

  list = el.className.split(" ");
  for (i = 0; i < list.length; i++)
    if (list[i] == name)
      return true;

  return false;
}

function removeClassName(el, name) {

  var i, curList, newList;

  if (el.className == null)
    return;

  // Remove the given class name from the element's className property.

  newList = new Array();
  curList = el.className.split(" ");
  for (i = 0; i < curList.length; i++)
    if (curList[i] != name)
      newList.push(curList[i]);
  el.className = newList.join(" ");
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function getPageOffsetLeft(el) {

  var x;

  // Return the x coordinate of an element relative to the page.

  x = el.offsetLeft;
  if (el.offsetParent != null)
    x += getPageOffsetLeft(el.offsetParent);

  return x;
}

function getPageOffsetTop(el) {

  var y;

  // Return the x coordinate of an element relative to the page.

  y = el.offsetTop;
  if (el.offsetParent != null)
    y += getPageOffsetTop(el.offsetParent);

  return y;
}

/* Return VIEWPORT WIDTH */
if( !window.getViewportWidth ) {
  function getViewportWidth() {

    /* supported in Mozilla, Opera, and Safari */
     if(window.innerWidth)
         return window.innerWidth;
	
    /* supported in standards mode of IE, but not in any other mode */
     if(window.document.documentElement.clientWidth)
         return document.documentElement.clientWidth;
	
    /* supported in quirks mode, older versions of IE, and mac IE (anything else). */
    return window.document.body.clientWidth;
  };
};

/* Return VIEWPORT HEIGHT */
if( !window.getViewportHeight ) {
  function getViewportHeight() {

    /* supported in Mozilla, Opera, and Safari */
     if(window.innerHeight)
         return window.innerHeight;
	
    /* supported in standards mode of IE, but not in any other mode */
     if(window.document.documentElement.clientHeight)
         return document.documentElement.clientHeight;
	
    /* supported in quirks mode, older versions of IE, and mac IE (anything else). */
    return window.document.body.clientHeight;
  };
};

if( !window.topScrolled ) {
  function topScrolled() {
    var y;
    if (self.pageYOffset) {// all except Explorer
	  y = self.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) {// Explorer 6 Strict
      y = document.documentElement.scrollTop;
    }
    else if (document.body) {// all other Explorers
	  y = document.body.scrollTop;
    }

    return y;
  };
};

if( !window.widthScrolled ) {
  function widthScrolled() {
    var x;
    if (self.pageXOffset) // all except Explorer
	  x = self.pageXOffset;
    else if (document.documentElement && document.documentElement.scrollLeft) // Explorer 6 Strict
	  x = document.documentElement.scrollLeft;
    else if (document.body) // all other Explorers
	  x = document.body.scrollLeft;

    return x;
  };
};

/* Unfocus all Forms to remove lbikning cursors... */
if( !window.unfocusForms ) {
  function unfocusForms() {
    var forms = document.getElementsByTagName("FORM");
	for( f=0; f<forms.length; f++ )
	  forms[f].blur();
  };
};

/**
 * MooBox v1.0
 * by Cornel Boudria - http://www.3-prime.com, http://www.spidergourmet.com
 *
 * For more information on this script-port/application, visit:
 * http://www.3-prime.com/moobox/
 *
 * This represents a port of Lightbox v2.03 (http://huddletogether.com/projects/lightbox2/)
 * created by Lokesh Dhakar (http://www.huddletogether.com)
 * from the Prototype JS (http://www.prototypejs.org) and Scriptaculous (http://script.aculo.us/) libraries
 * over to the Mootools JS Framework (http://www.mootools.net).
 *
 * I Love the original Lightbox Application, but wanted a version that implements Mootools,
 * since I employed Mootools in Applications that I had pre-built for one of my clients.
 * This port represents an alternative to those in a similar situation: you inherited a great
 * script, but your investement in another framework rendered the great script unworkable.
 *
 * Enjoy MooBox.
 *
 * -C
 */

if( window.MooTools ) {

// ----------------- START CONFIGURATION AND GLOBAL VARIABLES -------------------------
/**
 * Configuration
 */
var gMBox_fileLoadingImage = "/assets/images/_misc/loading2.gif";
var gMBox_fileBottomNavCloseImage = "/assets/images/_misc/closelabel.gif";

var gMBox_animate = true;    // toggles resizing animations
var gMBox_resizeSpeed = 1;   // controls the speed of the image resizing animations (1=slowest and 10=fastest)

var gMBox_borderSize = 10;   //if you adjust the padding in the CSS, you will need to update this variable

/**
 * Global Variables
 */
var gMBox_imageArray = new Array;
var gMBox_activeImage;

var gMBox_overlayDuration = 200;
var gMBox_resizeDuration = 500;
// -----------------  END CONFIGURATION AND GLOBAL VARIABLES  -------------------------

/* -------------------------- START Native Object Extensions -------------------------- */
if( !Array.removeDuplicates || Array.removeDuplicates == "undefined" )
Array.prototype.removeDuplicates = function () {
    for(i = 0; i < this.length; i++){
        for(j = this.length-1; j>i; j--){        
            if(this[i][0] == this[j][0]){
                this.splice(j,1);
            }
        }
    }
};

Element.extend({
  show: function() {
    this.setStyles({
	  display: "block"
    });
  },
  hide: function() {
    this.setStyles({
	  display: "none"
    });
  }
});
/* --------------------------  END Native Object Extensions  -------------------------- */

/** --- Future API for exposing Animation Effects and Customizing MooBox HTML Elements ---
 * ## Note: All Options are based on Mootools Fx.Base Options ##
 * overlayOptions      = { duration: <duration milliseconds>, transition: <Transition Type> };
 * resizeImageOptions  = { duration: <duration milliseconds>, transition: <Transition Type> };
 * imageDetailsOptions = { duration: <duration milliseconds>, transition: <Transition Type> };
 * MooBox.setOverlayEffect(overlayOptions);
 * MooBox.setResizeImageEffect(resizeImageOptions);
 * MooBox.setImageDetailsTransition(imageDetailsOptions);
 *
 * OR, alternatively, set them all at once,
 *
 * MooBox.setEffects( { overlay: overlayOptions, resizeImage: resizeImageOptions, imageDetails: imageDetailsOptions } );
 *
 * ## HTML Elements ##
 * MooBox.setLoadingImageSrc( <loading image src> );
 * MooBox.setBottomNavCloseImageSrc( <bottom nav close image src> );
 *
 * OR, alternatively, specify graphical elements in CSS (preferred)
 */

var MooBox = {
    initialize: function(){
        if (!document.getElementsByTagName){ return; }
        var anchors_areas = $$('a[href]', 'area[href]'); // ( All ANCHORS or AREAS containing the "rel" and "href" properties set.

        call_start = function(el) { this.start(el); }.bind(this);
		
		call_changeImage = function( imageIndex ) {
          this.changeImage(imageIndex);
		}.bind(this);

		call_end = function() { this.end(); }.bind(this);

        anchors_areas.each( function(anchor) {
		  if( anchor.getProperty("rel") && anchor.getProperty("rel").toLowerCase().match(/\bmoobox\b/) )
		  {			
            anchor.addEvent( 'click', function(event) {
              new Event(event).stop();
              call_start(this);
              return false;
            });
           };
        });

        // The rest of this code inserts html at the bottom of the page that looks similar to this:
        //
        //    <div id="overlay"></div>
        //    <div id="moobox">
        //        <div id="outerImageContainer">
        //            <div id="imageContainer">
        //                <img id="mooboxImage">
        //                <div style="" id="hoverNav">
        //                    <a href="#" id="prevLink"></a>
        //                    <a href="#" id="nextLink"></a>
        //                </div>
        //                <div id="loading">
        //                    <a href="#" id="loadingLink">
        //                        <img src="images/loading.gif">
        //                    </a>
        //                </div>
        //            </div>
        //        </div>
        //        <div id="imageDataContainer">
        //            <div id="imageData">
        //                <div id="imageDetails">
        //                    <span id="caption"></span>
        //                    <span id="numberDisplay"></span>
        //                    <div id="logoDisplay"></div>
        //                </div>
        //                <div id="bottomNav">
        //                    <a href="#" id="bottomNavClose">
        //                        <img src="images/close.gif">
        //                    </a>
        //                </div>
        //            </div>
        //        </div>
        //    </div>


        var objBody = document.getElementsByTagName("body").item(0);        
		
        /* Overlay Element */
        var objOverlay = new Element( "div", {
          "id":"overlay",
          "styles": { "display": "none" },
          "events": {
            "click": function() { call_end(); }
          }
        });
        objBody.appendChild(objOverlay);

        /* MooBox Container Element */
        var objMooBox = new Element( "div", {
          "id":"moobox",
          "styles": { "display": "none" },
          "events": {
            "click": function(event) {
              var e = new Event(event);
              if( e.target.getProperty('id') == "moobox" ) { call_end(); };
            }
          }
        });
        objBody.appendChild(objMooBox);

        /* OuterImageContainer Element */
        var objOuterImageContainer = new Element( "div", { "id":"outerImageContainer", "styles":{"display":"none"} });        
        objMooBox.appendChild(objOuterImageContainer);

        // When MooBox starts it will resize itself from 250 by 250 to the current image dimension.
        // If animations are turned off, it will be hidden as to prevent a flicker of a
        // white 250 by 250 box.
        if(gMBox_animate){
            objOuterImageContainer.setStyle('width', 250);
            objOuterImageContainer.setStyle('height', 250);
        } else {
            objOuterImageContainer.setStyle('width', 1);
            objOuterImageContainer.setStyle('height', 1);
        }
        
        /* ImageContainer Element */
        var objImageContainer = new Element( "div", { "id":"imageContainer" });        
        objOuterImageContainer.appendChild(objImageContainer);
        
        /* MooBoxImage Element */
        var objMooBoxImage = new Element( "img", { "id":"mooboxImage" });        
        objImageContainer.appendChild(objMooBoxImage);
        
        /* HoverNav Element */
        var objHoverNav = new Element( "div", { "id":"hoverNav" });        
        objImageContainer.appendChild(objHoverNav);
    
        /* PrevLink Element */
        var objPrevLink = new Element( "a", {
          "id":"prevLink",
          "href": "#",
		  "events": {
			"click": function(event) {
				var e = new Event(event).stop();
				prevIndex = gMBox_activeImage-1;
				call_changeImage(prevIndex);
				return false;
			}
		  }
        });
        objHoverNav.appendChild(objPrevLink);
        
        /* NextLink Element */
        var objNextLink = new Element( "a", {
          "id":"nextLink",
          "href": "#",
		  "events": {
			"click": function(event) {
				var e = new Event(event).stop();
				nextIndex = gMBox_activeImage+1;
				call_changeImage(nextIndex);				
				return false;
			}
		  }
        });
        objHoverNav.appendChild(objNextLink);
    
        /* Loading Element */
        var objLoading = new Element( "div", { "id":"loading" });
        objImageContainer.appendChild(objLoading);
    
        /* LoadingLink Element */
        var objLoadingLink = new Element( "a", {
          "id":"loadingLink",
          "href": "#",
          "events": {
            "click": function(event) {
              var e = new Event(event).stop();
              call_end();
              return false;
            }
          }
        });
        objLoading.appendChild(objLoadingLink);
        
        /* LoadingImage Element */
		var objLoadingImage = new Element( "img", { "src": gMBox_fileLoadingImage } );
        objLoadingLink.appendChild(objLoadingImage);
        
        /* ImageDataContainer Element */
        var objImageDataContainer = new Element( "div", {
          "id":"imageDataContainer",
          "class": "clearfix"
        });
        objMooBox.appendChild(objImageDataContainer);

        /* ImageData Element */
        var objImageData = new Element( "div", { "id":"imageData" } );
        objImageDataContainer.appendChild(objImageData);
    
        /* ImageDetails Element */
        var objImageDetails = new Element( "div", { "id":"imageDetails" } );
        objImageData.appendChild(objImageDetails);

        /* Caption, Number Display, and Logo Display Element */
        var objCaption = new Element( "span", { "id": "caption" } );
		var objNumberDisplay = new Element( "span", { "id": "numberDisplay" } );
		var objLogoDisplay = new Element( "div", { "id": "logoDisplay" } );

        objImageDetails.adopt( objCaption, objNumberDisplay, objLogoDisplay );
        //objImageDetails.setHTML('<span id="caption"></span><span id="numberDisplay"></span><div id="logoDisplay"></div>');
        
        /* BottomNav Element */
        var objBottomNav = new Element( "div", { "id":"bottomNav" } );
        objImageData.appendChild(objBottomNav);
    
        /* BottomNavCloseLink Element */
        var objBottomNavCloseLink = new Element( "a", {
          "id":"bottomNavClose",
          "href": "#",
          "events": {
            "click": function(event) {
              var e = new Event(event).stop();
              call_end();
              return false;
            }
          }
        });
        objBottomNav.appendChild(objBottomNavCloseLink);
        
        /* BottomNavCloseImage Element */
		var objBottomNavCloseImage = new Element( "img", { "src": gMBox_fileBottomNavCloseImage } );
		objBottomNavCloseLink.appendChild(objBottomNavCloseImage);
        //objBottomNavCloseLink.setHTML('<img src="'+gMBox_fileBottomNavCloseImage+'" />');
    },
    
    start: function(imageLink) {
        hideSelectBoxes();
        hideFlash();

        // stretch overlay to fill page and fade in
        var arrayPageSize = getPageSize();
        $('overlay').setStyles( {display: "block", height: arrayPageSize[1], opacity:0} );

        call_show_changeImage = function()
		{
          gMBox_imageArray = [];
          imageNum = 0;

          if (!document.getElementsByTagName){ return; }
          var anchors = $$(document.getElementsByTagName('a'));

          // if image is NOT part of a set..
          if((imageLink.getAttribute('rel') == 'moobox')){
            // add single image to gMBox_imageArray
            gMBox_imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
          } else {
            // if image is part of a set..
            // loop through anchors, find other images in set, and add them to gMBox_imageArray
            anchors.each( function(anchor) {
              if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))){
                    gMBox_imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
                }
            });
            gMBox_imageArray.removeDuplicates();
            while(gMBox_imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}
          }

          // calculate top offset for the moobox and display 
          var arrayPageScroll = getPageScroll();
          var mooboxTop = arrayPageScroll[1] + 14;//(arrayPageSize[3] / 10);
        
		  // hide elements during transition
          if(gMBox_animate) { $('loading').show(); }

		  //$('imageDataContainer').setStyle("visibility", "hidden");
		
		  $('moobox').setStyle("top", mooboxTop);
		  $('moobox').setStyle("display", "block");
          $('moobox').show();
		
          this.changeImage(imageNum);

		};
		call_show_changeImage = call_show_changeImage.bind(this);

        //new Fx.Style($('overlay'), 'opacity', { duration: gMBox_overlayDuration }).start(0,0.8);
	    $('overlay').effects({ duration: gMBox_overlayDuration }).start({'opacity':[0,0.8]}).chain( call_show_changeImage );
    },
	
	hideFeedbackElements: function() {
	  var hidden = $$( ['mooboxImage', 'hoverNav', 'prevLink', 'nextLink', 'imageDataContainer', 'numberDisplay'] );
		
	  hidden.each( function(hide) {
	    hide.hide();
	  });
	},
	
    changeImage: function(imageNum) {
        gMBox_activeImage = imageNum;    // update global var
		$('loading').show();

		this.hideFeedbackElements();

		imgPreloader = new Image();
		// once image is preloaded, resize image container
		imgPreloader.onload=function(){
			$('mooboxImage').src = gMBox_imageArray[gMBox_activeImage][0];
            this.resizeImageContainer(imgPreloader.width, imgPreloader.height);
		}.bind(this);
		imgPreloader.src = gMBox_imageArray[gMBox_activeImage][0];
    },

    resizeImageContainer: function( imgWidth, imgHeight) {
        // get curren width and height
        this.widthCurrent = $('outerImageContainer').getStyle("width").toInt();
        this.heightCurrent = $('outerImageContainer').getStyle("height").toInt();

        // get new width and height
        var widthNew = (imgWidth  + (gMBox_borderSize * 2));
        var heightNew = (imgHeight  + (gMBox_borderSize * 2));

		call_showImage = function() {
			$('prevLink').setStyle("height",imgHeight);
            $('nextLink').setStyle("height",imgHeight);
            $('imageDataContainer').setStyle("width",widthNew);

            this.showImage();
		};
        call_showImage = call_showImage.bind(this);
		
        $('outerImageContainer').show();
		
        var fx_styles = new Fx.Styles( $('outerImageContainer'),{duration: gMBox_resizeDuration, transition: Fx.Transitions.Back.easeInOut} ).start({
          'height': [this.heightCurrent, heightNew],
		  'width': [this.widthCurrent, widthNew]
	    }).chain( function() {
		  call_showImage.delay(250);
	    });
        
    },
    
    showImage: function() {
        $('loading').hide();
		$('mooboxImage').show();
		$('mooboxImage').setOpacity(0);
		
		call_updateDetails = function() { this.updateDetails(); }.bind(this);
		
        new Fx.Style( $('mooboxImage'), 'opacity', { duration: gMBox_resizeDuration }).start(0,1).chain( function() { call_updateDetails(); } );
        this.preloadNeighborImages();
    },
    
    updateDetails: function() {
		$('caption').setHTML(gMBox_imageArray[gMBox_activeImage][1]);
        $('caption').show();
        
        // if image is part of set display 'Image x of x' 
        if(gMBox_imageArray.length > 1){
            $('numberDisplay').show();
            $('numberDisplay').setText( "Image " + eval(gMBox_activeImage + 1) + " of " + gMBox_imageArray.length);
        }
        
		$('imageDataContainer').hide();

		var options = {duration: 250, transition: Fx.Transitions.Cubic.easeOut};
		var fx = new Fx.Styles( $('imageDataContainer'), options );
		children = $('imageDataContainer').getChildren();
		children.each( function(child) { child.setStyle('opacity',0); } );
				
		$('imageDataContainer').setStyle("visibility","hidden");
		$('imageDataContainer').show();
        $('imageDataContainer').setStyle('height', 'auto');
		h = $('imageDataContainer').offsetHeight;
		$('imageDataContainer').setStyles({visibility:"visible", height:0});
		
		call_updateNav = function() { this.updateNav(); }.bind(this);
		
		$('imageDataContainer').effects({duration: 500, transition: Fx.Transitions.Back.easeOut}).start({'height': [0,h]}).chain( function() {
          children.each( function(child) { child.effects(options).start({'opacity':[0,1]}); } );
		  var arrayPageSize = getPageSize();
		  $('overlay').setStyle('height', arrayPageSize[1]);
		  call_updateNav();
        });
    },
    
    updateNav: function() {
      $('hoverNav').show();

        // if not first image in set, display prev image button
        if(gMBox_activeImage != 0){
            $('prevLink').show();
        }

        // if not last image in set, display next image button
        if(gMBox_activeImage != (gMBox_imageArray.length - 1)){
            $('nextLink').show();
        }
        
        this.enableKeyboardNav();
    },
    
    enableKeyboardNav: function() { document.addEvent( 'keydown', this.keyboardAction.bind(this) ); },    
    disableKeyboardNav: function() { document.removeEvent( 'keydown' ); },
    
    keyboardAction: function(event) {
        var e = new Event(event);
        key = e.key;
        
        switch( key )
        {
          case 'x' : this.end(); break;
          case 'o' : this.end(); break;
          case 'c' : this.end(); break;
          case 'esc' : this.end(); break;
          case 'p':
            if(gMBox_activeImage != 0){
                this.disableKeyboardNav();
                this.changeImage(gMBox_activeImage - 1);
            }
          break;
          case 'n':
            if(gMBox_activeImage != (gMBox_imageArray.length - 1)){
                this.disableKeyboardNav();
                this.changeImage(gMBox_activeImage + 1);
            }
          break;
          default: break;
        };
    },
    
    preloadNeighborImages: function() {
      if((gMBox_imageArray.length - 1) > gMBox_activeImage){
        preloadNextImage = new Image();
        preloadNextImage.src = gMBox_imageArray[gMBox_activeImage + 1][0];
      }
      if(gMBox_activeImage > 0){
        preloadPrevImage = new Image();
        preloadPrevImage.src = gMBox_imageArray[gMBox_activeImage - 1][0];
      }
    },
    end: function() {
        this.disableKeyboardNav();
		$('imageDataContainer').hide();
        $('moobox').hide();		
        new Fx.Style('overlay', 'opacity', { duration: gMBox_overlayDuration}).start(0);
        showSelectBoxes();
        showFlash();
    }
};

//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
//
function getPageScroll(){

    var yScroll;

    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop){     // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop;
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
    }

    arrayPageScroll = new Array('',yScroll) 
    return arrayPageScroll;
}

// -----------------------------------------------------------------------------------

//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
    
    var xScroll, yScroll;
    
    if (window.innerHeight && window.scrollMaxY) {    
        xScroll = document.body.scrollWidth;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }
    
    var windowWidth, windowHeight;
    if (self.innerHeight) {    // all except Explorer
        windowWidth = self.innerWidth;
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }    
    
    // for small pages with total height less then height of the viewport
    if(yScroll < windowHeight){
        pageHeight = windowHeight;
    } else { 
        pageHeight = yScroll;
    }

    // for small pages with total width less then width of the viewport
    if(xScroll < windowWidth){    
        pageWidth = windowWidth;
    } else {
        pageWidth = xScroll;
    }

    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
    return arrayPageSize;
}

// -----------------------------------------------------------------------------------

function showSelectBoxes(){
    var selects = document.getElementsByTagName("select");
    for (i = 0; i != selects.length; i++) {
        selects[i].style.visibility = "visible";
    }
}

// ---------------------------------------------------

function hideSelectBoxes(){
    var selects = document.getElementsByTagName("select");
    for (i = 0; i != selects.length; i++) {
        selects[i].style.visibility = "hidden";
    }
}

// ---------------------------------------------------

function showFlash(){
    var flashObjects = document.getElementsByTagName("object");
    for (i = 0; i != flashObjects.length; i++) {
        flashObjects[i].style.visibility = "visible";
    }

    var flashEmbeds = document.getElementsByTagName("embeds");
    for (i = 0; i != flashEmbeds.length; i++) {
        flashEmbeds[i].style.visibility = "visible";
    }
}

// ---------------------------------------------------

function hideFlash(){
    var flashObjects = document.getElementsByTagName("object");
    for (i = 0; i != flashObjects.length; i++) {
        flashObjects[i].style.visibility = "hidden";
    }

    var flashEmbeds = document.getElementsByTagName("embeds");
    for (i = 0; i != flashEmbeds.length; i++) {
        flashEmbeds[i].style.visibility = "hidden";
    }

}

// ---------------------------------------------------

window.onload = function() { MooBox.initialize(); }.bindAsEventListener(window);

}

/**
 * Accessories Object for FloorMall.com
 * dependencies: Mootools JS Framework
 */

if( window.MooTools ) {

// Main Accessories Class
var Accessories = new Class({
  initialize: function() {},

  _get: function( url_path, itemId, material_href, fupdate_el ) {
    //update_el = $(fupdate_el);
    var qs = Object.toQueryString({'format':'ajax','t':this.time(), 'itemId':itemId, 'material_href':material_href });
    url_path += '?' + qs;
    new Ajax( url_path, {
      'method':'get',
      'evalScripts':true,
      'update':fupdate_el
    }).request();
  },

  time: function() {
    d = new Date();
    return d.getTime();
  }
});

// Accessories_NonRugs Extends Main Accessories Class
var Accessories_NonRugs = Accessories.extend({
  get: function( itemId, material_href, fupdate_el ) {
    material_href = "/"+material_href.replace(/(^\/|\/$)+/g,"");
    this._get( '/accessories-nonrugs.php', itemId, material_href, fupdate_el );
  }
});

// Accessories_Rugs Extends Main Accessories Class
var Accessories_Rugs = Accessories.extend({
  get: function( styleId, fupdate_el ) {
    this._get( '/accessories-rugs.php', styleId, '/area_rugs', fupdate_el );
  }
});

} /* End Mootools Check Wrapper */

/* FloorMall.com Product Info. Box Controller */

if( window.MooTools ) {

var prodinfobox = ProductInfoBox = {
  activeBox: null,
  setActiveBox: function( tab, box ) {
    tab = $(tab);
    box = $(box);

    // The Hider Classes
    boxClassInactive = 'prodboxinner_inactive';
    tablClassInactive = 'prodtab_inactive';

    // Unset the currently active Box/Tab
    this.unsetActiveBox( boxClassInactive, tablClassInactive );

    // Remove Hider Classes from passed in Box/Tab reference(s)
    box.removeClass( boxClassInactive );
    tab.removeClass( tablClassInactive );

    // Assign the tab to teh box
    box.tab = tab;

    // Set the new activeBox
    this.activeBox = box;
  },

  unsetActiveBox: function( boxClass, tablClass ) {
    if( this.activeBox == null ) return;

    this.activeBox.addClass(boxClass);
    this.activeBox.tab.addClass(tablClass);
  },

  getWarranties: function( fsku, fmat ) {
    _this = this;

    url = '/get-warranties-mans.php';
    url += '?' + Object.toQueryString({sku: fsku, mat: fmat, 'output':'ajax'});
    this.server = new Ajax( url, { method:'get', onComplete: function() { _this.addWarranties(); } } ).request();
  },

  addWarranties: function() {
    // Make the Tab
    _this = this;
    warrantiesTab = new Element('span', {
      'id':'warrantiesTab',
      'class':'prodtab prodtab_inactive'
    }).setText('Warranties');

    // Copy the Response.Text
    warrantiesBox = this.server.response.text;
    div = new Element('div');
    div.setHTML(warrantiesBox);

    // Attached the Tab/Box
    warrantiesTab.injectAfter( $('specficiationsTab') );
    //$('specificationsBox').parentNode.innerHTML += warrantiesBox;
    specs = $('specificationsBox');
    $(specs.parentNode).adopt(div);    

    // Re-attach Events
    $('specficiationsTab').addEvent( 'click', function() { this.setActiveBox( 'specficiationsTab', 'specificationsBox' ); }.bind(this) );
    $('warrantiesTab').addEvent( 'click', function() { this.setActiveBox( 'warrantiesTab', 'warrantiesBox' ); }.bind(this) );

    // Just for fun...
    $('warrantiesTab').effects().start({ opacity: [0,1] });

    // Initialize the Active Tab/Box
    this.setActiveBox( 'specficiationsTab', 'specificationsBox' );
  }
}

function sqftToBoxes( sourceId, updateId, sqftPerBox )
{
  source = document.getElementById(sourceId);
  update = document.getElementById(updateId);
  numSqft = source.value;

  if( !update || !source ) return;
  if( numSqft == '' ) return;
  if( isNaN(numSqft) ) { source.value = sqftPerBox; boxesToSqft(sourceId, updateId, sqftPerBox); numSqft = source.value; }
  if( numSqft == 0 ) { source.value = sqftPerBox; boxesToSqft(sourceId, updateId, sqftPerBox); numSqft = source.value; }

  numBoxes = Math.ceil(numSqft / sqftPerBox);
  update.value = numBoxes;

  update_cart_quantity( updateId, '' );
}

function boxesToSqft( sourceId, updateId, sqftPerBox )
{
  source = document.getElementById(sourceId);
  update = document.getElementById(updateId);
  numBoxes = source.value;

  if( !update || !source ) return;
  if( numBoxes == '' ) return;
  if( isNaN(numBoxes) ) { source.value = 1; numBoxes = source.value; }
  if( numBoxes == 0 ) { source.value = 1; numBoxes = source.value; }

  sqft = sqftPerBox * numBoxes;

  update.value = sqft;

  update_cart_quantity( sourceId, '' );
}

function update_cart_quantity( sourceId, formId )
{
  form = document.getElementById(formId);
  source = document.getElementById(sourceId);

  if( !form ) return;

  field = form.elements['cart_quantity[]'];
  field.value = source.value;

  // Shipping Calc Add-on Here
  ajs_shipping_num_units = document.getElementById('ajs_shipping_num_units');
  if( !ajs_shipping_num_units ) return;
  ajs_shipping_num_units.value = source.value;
}

function do_addToCart() {

  _this = $('proddetails_btnAddToCart');

  href = _this.href;
  if( $('txtBoxes') ) {
    q = ( isNaN($('txtBoxes').value) )? 1 : $('txtBoxes').value;
    href = _this.href.replace(/quantity=[\d\D]+?&/,'quantity='+q+'&');
  }

  document.location.href = href;

  //return false;
}



};



var FloorNavigatorWidget = {
  parseQS: function() {
    var Query = {};

    qs = document.location.search;
    qs = qs.substr(1, qs.length-1 );
    key_value_pairs = qs.split("&");
    for( i in key_value_pairs ) {
      val = key_value_pairs[i];
      if( val.split ) {
      parts = val.split("=");
      key = parts[0];
      value = parts[1];
      Query[key] = decodeURI(value);
      }
    }

    return Query;
  },

  getMaterialCategory: function() {
    url = document.URL;
    host = document.location.host;

    Q = this.parseQS();
    if( Q['category'] ) return Q['category'];
    if( Q['mat'] ) return Q['mat'];

    uri = url.substr( host.length+url.indexOf(host), url.length-(host.length+url.indexOf(host)) );

    if( uri.indexOf('?') > -1 )
      path = uri.substr( 0, uri.indexOf('?') );
    else
      path = uri;
 
    path = path.substr( 1, path.length-1 );

    arr = path.split("/");//path.match(pattern);
    
    var MaterialsHash = {
    'hardwood':'Hardwood',
    'laminates':'Laminates',
    'cork':'cork',
    'bamboo':'Bamboo',
    'vinyl':'Vinyl',
    'tile':'Tile',
    'carpet':'Carpet',
    'area_rugs':'Area Rugs',
    'ceramic_tile_accessories':'Ceramic Tile Accessories'
    };

    if( MaterialsHash[ arr[0] ] ) return MaterialsHash[ arr[0] ];

    return '';
  },

  getTool: function(container) {
    url = '/applications/deepsearch/scripts/create-simple-text-nav.php?category=';
    url += encodeURI(this.getMaterialCategory());
    url += '&action='+encodeURI('/floor-navigator');

    $(container).setStyles({'background':'url(/assets/images/_misc/loading-round.gif) no-repeat center center','padding-top': '60px','padding-bottom': '60px'});

    if( this.do_onComplete == true )
      new Ajax( url, {'method':'get', 'evalScripts':true, 'onComplete': function() {
        $(container).innerHTML = this.response.text;
        FloorNavigatorWidget.setAccordion(container);
        $(container).setStyles({'background':'','padding-top': '','padding-bottom': ''});
      } }).request();
    else
      new Ajax( url, {'method':'get', 'evalScripts':true, 'update':$(container) }).request();
  },

  setAccordion: function( container ) {
    $$('h4.floor_navigator_ul_title').each( function(hdr) {
      hdr.addEvent( 'mouseenter', function() { this.addClass('floor_navigator_ul_title_hover'); } );
      hdr.addEvent( 'mouseleave', function() { this.removeClass('floor_navigator_ul_title_hover'); } );
    });

    new Accordion('h4.floor_navigator_ul_title', 'ul.floor_navigator_ul', {
      opacity: false,
      'alwaysHide': true,
      'display':-1,
      onActive: function(toggler, element){
		toggler.setStyle('font-weight', 'bold');
      },
 
      onBackground: function(toggler, element){
		toggler.setStyle('font-weight', 'normal');
      }
    },
    $(container) );

  }
}


var StockInquiry = {
  getForm: function( sku, prodName, prodUrl ) {
//    if( !this.formBox )
//    {
      strParams = "sku="+sku+"&prodName="+escape(prodName)+"&prodUrl="+escape(prodUrl)+'&t='+$time();
	  if( arguments.length>3 )
	    strParams += "&implemented_by="+arguments[3];

      this.formBox = new Element( 'div', { 'id':"siFormBox", 'styles':"width: 300px; height: auto; position: absolute; top: 10px; left: 10px;" } );

      $(document.body).adopt(this.formBox);

      new Ajax( '/applications/stockinquiry/templates/form.php?'+strParams, {
        'method':'get',
        'onComplete': function() {
          html = '<div style="background-color: #fff; border: solid 1px #000088; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;">';
          html += '<h1 title="Click to Close the Stock Inquiry Form" onclick="StockInquiry.closeForm();" style="cursor: pointer; margin: 0; padding: 4px 10px; background-color: #B3C9EF; color: #333; font-size: 12px;"><span style="float: right;">X</span>Send us a Stock Inquiry</h1>';
          html += '<div id="si_formbox_response"></div>';
          html += '<div id="si_formbox_inner">';
          html += this.response.text;
          html += '</div>';
          html += '</div>';
          $('siFormBox').innerHTML = html;
          StockInquiry.formBox.form = $('siForm');
          StockInquiry.formBox.form.addEvent( 'submit', function(the_event) {
            new Event(the_event).stop();
            StockInquiry.sendInquiry();
          });
          StockInquiry.showForm();
        }
      }).request();

//    } else {

	//	this.showForm();
//	}
  },

  showForm: function() {
    $('si_formbox_response').style.display = 'none';
    this.formBox.form.style.display = 'block';
    this.formBox.style.visibility = "hidden";
    this.formBox.setStyles({'left':'-1000','display':'block'});
    _winwidth  = window.getScrollWidth();
    _top    = window.getScrollTop()+200;
    _left   = ( _winwidth - this.formBox.offsetWidth ) / 2;

    this.formBox.setStyles({'left':_left, 'top':_top});
    this.formBox.style.visibility = "visible";
  },

  closeForm: function() {
//    this.formBox.style.display = 'none';
	  this.formBox.remove();
  },

  validateInquiry: function() {
    Required = ['si_txt_Name','si_txt_Email','si_txt_Phone','si_txt_UnitsNeeded'];

    for(i=0; i<Required.length; i++ ) {
      el = $(Required[i]);
      if( el ) {
        if(el.value.length == 0) {
          alert(el.name+' is a Required Field');
          el.focus();
          return false;
          break;
        }
      }
    }

    return true;
  },

  sendInquiry: function() {
    isValid = StockInquiry.validateInquiry();
    if( !isValid ) return;

    this.formBox.form.style.display = 'none';
    $("si_formbox_response").setHTML('<div style="text-align: center; padding: 30px 0 90px 0; background: url(/images/_misc/ajax-loader.gif) no-repeat center center;">Please Wait, Processing....</div>');
    $("si_formbox_response").style.display='block';

    data = {};
    for( index=0; index < this.formBox.form.elements.length; index++ )
    {
      el = this.formBox.form.elements[index];      
      data[el.name] = el.value;
    }
    data = Object.toQueryString(data);

    new Ajax(this.formBox.form.action, {'method':'post','update': $("si_formbox_response")}).request(data);

//    this.formBox.form.send({
//      'update': $("si_formbox_response")
//      'onComplete': function() { $("si_formbox_response").setStyle('background-image','url();');  }
//    });
  },

  writeButton: function( sku, prodName, prodUrl ) {
    strParams = "'"+sku+"', '"+prodName+"', '"+prodUrl+"'";
    img = '<img src="/images/cart/btn-check-stock.png" alt="btn-check-stock.png" border="0" />';
    str = '<a href="#" onclick="StockInquiry.getForm('+strParams+'); return false;">'+img+'</a>';
    document.write( str );
  }
};