// JavaScript Document
var SlideList = new Class({
	initialize: function(menu, options) {
		this.setOptions(this.getOptions(), options);

		this.menu = $(menu), this.current = this.menu.getElement('li.current');

        var firstLI;

		this.menu.getElements('li').each(function(item, index){
          if( index == 0 ) firstLI = item;
			item.addEvent('mouseover', function(){ this.moveBg(item); }.bind(this));
			item.addEvent('mouseout', function(){ this.moveBg(this.current); }.bind(this));
			item.addEvent('click', function(event){ this.clickItem(event, item); }.bind(this));
		}.bind(this));

		this.back = new Element('li').addClass('background').adopt(new Element('div').addClass('top')).injectInside(this.menu);
		this.back.fx = this.back.effects(this.options);
		if(!this.current)
        {
          this.current = firstLI;
        }
        this.setCurrent(this.current);
	},
	
	setCurrent: function(el, effect){
      if( !el ) return;
		this.back.setStyles({top: (el.offsetTop)+'px', width: (el.offsetWidth)+'px'});
		(effect) ? this.back.effect('opacity').set(0).start(1) : this.back.setOpacity(1);
		this.current = el;
	},
	
	getOptions: function(){
		return {
			transition: Fx.Transitions.sineInOut,
			duration: 500, wait: false,
			onClick: Class.empty
		};
	},

	clickItem: function(event, item) {
		if(!this.current) this.setCurrent(item, true);
        item.blur();
		this.current = item;
		this.options.onClick(new Event(event), item);
	},

	moveBg: function(to) {
		if(!this.current) return;
		this.back.fx.custom({
			top: [this.back.offsetTop, to.offsetTop],
			width: [this.back.offsetWidth, to.offsetWidth]
		});
	}
});

SlideList.implement(new Options);
// Menu
 window.addEvent('domready', function() {

  var coll_mainnav = $('mainnav'), coll_linesnav = $('linesnav');

  current_url = document.location.href;
  current_url = current_url.replace( /^http:\/\/(www\.)?terraverdeflooring.com/, '' );
  var current_anchor;

  $('main_nav').getElements('a').each( function(anchor) {
    anchor_url = anchor.href.replace( /^http:\/\/(www\.)?terraverdeflooring.com/, '' );

    if( anchor_url == current_url )
    {
      current_anchor = anchor;
    }

  });  

  if( current_anchor )
  {
    current_anchor.getParent().addClass('current');
  }

  new SlideList( $('main_nav'), {transition: Fx.Transitions.Quad.easeOut, duration: 250});

//  new SlideList( coll_linesnav, {transition: Fx.Transitions.backOut, duration: 600});
 });
/**
 * Ecommerce Cost Calculator
 * @description: Tool for Coordinating Calculated Price from Input Quantity Values with Callback HTML Element
 */

var EcommerceCostCalculator = new Class({
  initialize: function( source_el, target_el, fmin_quantity, funit_cost ) {
    this.source = $(source_el);
    this.target = $(target_el);
    this.min_quantity = fmin_quantity;
    this.unit_cost = funit_cost;

    this.source.addEvent( 'focus', function() {
      this.target.old_value = this.target.getText().replace(/[^\.\d]/g, '' );
    }.bind(this) );

    this.source.addEvent( 'keydown', function(event) {
      event = new Event(event);
      this.source.fireEvent( 'beforeupdate' );
      if( event.key == 'enter' ) this.source.blur();
      else
      {
        $clear(this.source.beforeblurPoller);
      }
    }.bind(this) );

    this.source.addEvent( 'beforeupdate', function() {
      this.prevValue = this.value;
    }.bind(this.source) );

    this.source.beforeblur = function() {
      if( this.prevValue != this.value ) { this.fireEvent('updated'); }
      this.blur(); this.focus();
    }.bind(this.source);

    this.source.addEvent( 'keyup', function(event) {
      this.set_cost( this.source.value );
      this.source.beforeblurPoller = this.source.beforeblur.delay(750);
    }.bind(this) );

    this.source.addEvent( 'blur', function() {
      this.set_cost_min( this.source.value );
    }.bind(this) );
  },

  removeChars: function( fvalue, pattern ) {
    return fvalue.replace( new RegExp(pattern, "g"), "" )
  },

  makeOnlyDigits: function( fvalue ) {
    if(!isNaN(fvalue) ) return parseFloat(fvalue);

    return this.removeChars( fvalue, "[^\\d\.]" );
  },

  round: function( num ) {
	var rnum = num;
	var rlength = ( arguments.length > 1 )? arguments[1] : 0; // The number of decimal places to round to
	if (rnum > 8191 && rnum < 10485) {
		rnum = rnum-5000;
		var newnumber = Math.round(rnum*Math.pow(10,rlength))/Math.pow(10,rlength);
		newnumber = newnumber+5000;
	} else {
		var newnumber = Math.round(rnum*Math.pow(10,rlength))/Math.pow(10,rlength);
	}
	return newnumber.toFixed(rlength);
  },

  calc_cost: function( fquantity ) {
    val = fquantity * this.unit_cost;
    return val.toFixed(2);
//    return this.round( fquantity * this.unit_cost, 2 );
  },

  set_cost: function( fquantity ) {
    quantity = this.makeOnlyDigits( fquantity );

    this.target.setText( '$'+this.calc_cost(quantity) );
  },

  set_cost_min: function() {
    quantity = this.makeOnlyDigits( this.source.value );
    quantity = Math.ceil( Math.max( this.min_quantity, quantity ) );

    new_value = this.calc_cost(quantity);
    old_value = this.target.old_value;
    difference = (new_value-old_value).toFixed(2);

    this.target.setText( '$'+new_value );
    this.target.fireEvent( 'updated', difference );
    
    this.target.old_value = this.target.getText().replace(/[^\.\d]/g, '' );
  }

});

var SqftPriceCalculator = EcommerceCostCalculator.extend({
  initialize: function( source_el, target_el, target_boxes_el, fsqft_per_box, funit_cost ) {
    this.parent(source_el, target_el, fsqft_per_box, funit_cost);

    this.targetBoxes = $(target_boxes_el);

    this.targetBoxes.addEvent( 'focus', function() { this.targetBoxes.blur(); }.bind(this) );

    this.sqft_per_box = fsqft_per_box;
    this.source.removeEvents('blur');
    this.source.addEvent( 'blur', function() {
      this.set_cost_min_by_boxes();
    }.bind(this) );
  },

  set_cost_min_by_boxes: function() {
    this.set_num_boxes();
    num_sqft = this.targetBoxes.value * this.sqft_per_box;

    this.source.value = num_sqft;

    this.set_cost_min();

    this.targetBoxes.fireEvent( 'updated' );
  },

  set_cost_by_boxes: function() {
    this.set_num_boxes();

    num_sqft = this.targetBoxes.value * this.sqft_per_box;

    //this.source.value = num_sqft;

    this.parent.set_cost( num_sqft );
  },

  set_num_boxes: function() {
    this.targetBoxes.prevValue = this.targetBoxes.value;
    this.targetBoxes.value = Math.ceil( this.source.value / this.sqft_per_box );
    this.targetBoxes.lastDifference = this.targetBoxes.value - this.targetBoxes.prevValue;
  }
});