// 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();
  };
};

var ImageViewer = new Class({
  initialize: function( controllerURL ) {
    _this=this;

    this.transport = new Ajax( controllerURL, {
      'method':'get',
      'onComplete': function() { _this.writeImages(this.response.text); }
    });
  },
  getImages: function( imageDirectory, container_element, preview_element, imagesOptions ) {
    this.previewer = $(preview_element);
    this.previewer.image = new Element('div', {'style':'clear:both; min-height: 200px;'} );
    this.previewer.imageSrc = new Element('div', {'class':'image-src-text'} ).setHTML('&nbsp;');
    this.previewer.adopt( this.previewer.image, this.previewer.imageSrc );

    this.container = $(container_element);
    this.imagesOptions = imagesOptions;

    var data = Object.toQueryString({'imageDirectory':imageDirectory,'T':this.getTimestamp()});
    this.imageDirectory = imageDirectory;
    this.transport.cancel();
    this.transport.options['data'] = data;
    this.transport.request();

  },
  writeImages: function( responseText ) {
    this.transport.cancel();
    Response = Json.evaluate(responseText);

    Images = [];
    this.thumbnails = [];

    _this=this;
    
    numImages = 0;
    loaderCtr = 0;

    this.previewer.image.setText( "Loading Images..." );

    imageLoaded = function() {
      if( loaderCtr >= numImages ) return;

      options = _this.imagesOptions;
      options['src'] = this.src;
      events = {
        'click': function() {
          _this.previewImage(this);
        }
        /*,'imagepreview': function() { alert(this.getProperty('src')); }*/
      };
      options['events'] = events;

      thisImage = new Element('img',options);

      _this.thumbnails[_this.thumbnails.length] = thisImage;
      _this.container.adopt( thisImage );

      loaderCtr++;
      percentLoaded = Math.ceil( (loaderCtr / numImages)*100 );
      
      _this.previewer.image.setText( percentLoaded + "% Completed" );
      if( percentLoaded == 100 ) {
        $('web-directory').setText( "Web Directory: " + _this.imageDirectory );
        _this.previewImage( _this.thumbnails[0] );
      }
    };

    buffer = [];
    with( Response ) {
      switch( type ) {
        case 'success':
          this.container.empty();

          numImages = data.length;

          for( i=0; i < data.length; i++ ) {
            bufferImage = new Image();
            bufferImage.onload = imageLoaded;
            bufferImage.src = data[i];
            Images[Images.length] = bufferImage;
          }
        break;
        case 'error': alert(data); break;
        default: alert(data); break;
      }
    };

  },

  fadeOut: function(el) {
    el.effects({'duration':400,'transition':Fx.Transitions.linear}).start({'opacity':[1,0]});
  },

  fadeIn: function(el) {
    el.effects({'duration':400,'transition':Fx.Transitions.linear}).start({'opacity':[0,1]});
  },

  previewImage: function( img ) {
    if( this.activeThumbnail == img ) return;

    if( !this.activeThumbnail ) this.activeThumbnail = img;

    this.fireEvent( 'imagepreview', img );

    do_fadeIn = function() {
    this.previewer.image.empty();
    this.previewer.imageSrc.empty();
    clonedImg = img.clone();
    clonedImg.setStyles({'height':'auto','float':'none'});

    clonedImg.removeClass('thumbnail');
    clonedImg.addClass('preview');

    this.activeThumbnail.removeClass('thumbnail-highlight');
    this.activeThumbnail = img;

    this.activeThumbnail.addClass('thumbnail-highlight');

    this.previewer.image.adopt( clonedImg );
    this.fadeIn( this.previewer.image );

    srcText = clonedImg.getProperty('src');
    srcText = srcText.substr( srcText.indexOf(this.imageDirectory)+this.imageDirectory.length+1, srcText.length-(srcText.indexOf(this.imageDirectory)+this.imageDirectory.length+1) );

    lastDotPos = srcText.lastIndexOf(".");
    srcText = srcText.substr(0, lastDotPos);
    srcText = srcText.replace( /\W+|_+|\s\s+/g, " " );
    srcText = srcText.capitalize();

    this.previewer.imageSrc.setText( srcText );
    }.bind(this);

    this.fadeOut( this.previewer.image );
    do_fadeIn.delay(550);
  },

  getTimestamp: function() {
    var d = new Date();
    return d.getTime();
  }
});
ImageViewer.implement( new Events );
myImageViewer = new ImageViewer('/assets/js/ImageViewer/get-images.php');

if( !window.QueryValue ) {
function QueryValue(varname) {
  query = window.location.search.substring(1);
  queryObjects = query.split("&");
  for (i=0;i<queryObjects.length;i++) {
    ft = queryObjects[i].split("=");
    if (ft[0] == varname) {
      return ft[1];
    }
  }

  return '';
}}

if( !window.loadImageViewer ) {
function loadImageViewer( imageDirectory ) {
  var Directory = imageDirectory;
  var thumbnails_container_id = 'images-container';
  var image_previewer_id = 'images-viewer';
  var image_thumbnail_props = {'class':'thumbnail'};

  myImageViewer.getImages(Directory, thumbnails_container_id, image_previewer_id, image_thumbnail_props);
}}