/* Store Category Page */
window.addEvent('domready', function() {

		var Tips1 = new Tips($$('.thisisatooltip'));


  // Create variables (in this case two arrays) representing our bubbles and pages
  var myImages = $$('body.store ul.product_list li.item');
  var myDescriptions = $$('.itemDescription');
  
  // Set bubbles opacity to zero so they're hidden initially and toggle visibility on for their container  
  myDescriptions.setStyle('opacity', 0);
/*   $('bubbleWrap').setStyle('visibility','visible') */
  
  // Add our events to the pages
  myImages.each(function(el, i) {
    el.set('morph', {link : 'cancel'});
    
    el.addEvents({
      'mouseenter': function() {
        myDescriptions[i].morph({
          'opacity' : .8,
          'padding-top' : '15px'
        });
      },
      'mouseleave' : function() {
        myDescriptions[i].morph({
          'opacity' : 0,
          'padding-top' : '0px'
        });
      }  
    });
  });
  
  $$('body.store ul.product_list li:nth-child(3n)').setStyle('margin-right', '0px');
  
  $$('body.store div#productCategories.block ul ul').setStyle('display', 'none');
  $$('body.store div#productCategories.block ul li.current ul').setStyle('display', 'block');
  var parent = $$('body.store div#productCategories.block ul ul li.current').getParent('ul');
  parent.setStyle('display', 'block');
    
  var el = $$('div#saveChanges');
  el.set('styles', {'opacity': 0});
  $$('body.cart .reminderText').addEvent('change', function(e) {
    // You often will need to stop propagation of the event
    e.stop();
    el.fade(1);
  });
  
  
  //create our Accordion instance
  var myAccordion = new Accordion($('body.about accordion'), 'h3.toggler', 'div.element', {
    opacity: false,
    onActive: function(toggler, element){
      toggler.setStyle('color', '#fff');
      toggler.setStyle('font-weight', 'bold');
      toggler.setStyle('background-image', 'url(http://dev.doorstepdairy.com/resources/images/aboutFAQactive.png)');
    },
    onBackground: function(toggler, element){
      toggler.setStyle('color', '#309FC7');
      toggler.setStyle('background-image', 'url(http://dev.doorstepdairy.com/resources/images/aboutFAQnonactive.png)');
    }
  });  
  
});



/*
 * Image slider
 */

var ImageSlider = new Class({
  slider_element: null,
  thumbnails: [],
  fullsize: [],
  slider: null,
  
  initialize: function(slider_element, thumbnails, fullsize)
  {
    this.thumbnails = thumbnails;
    this.fullsize = fullsize;
    
    if (Browser.loaded)
      this.init_control.delay(30, this, slider_element);
    else
      window.addEvent('domready', this.init_control.bind(this, [slider_element]));
  },
  
  init_control: function(slider_element)
  {
    this.slider_element = $(slider_element);

    this.slider = new Slider(
      $(this.slider_element).getElement('div.slider'), 
      $(this.slider_element).getElement('.knob'), 
      {
        steps: this.thumbnails.length,
        snap: false,
        onChange: this.sliderChange.bind(this)
    });
    
    this.slider_element.getElement('a').addEvent('click', this.imageClick.bind(this));
  },
  
  imageClick: function()
  {
    var images = [];
    var current_index = 0;
    var current_href = this.slider_element.getElement('a').get('href');
    for  (var i=0; i < this.fullsize.length; i++)
    {
      images.push([this.fullsize[i]]);
      if (current_href == this.fullsize[i])
        current_index = i;
    }

    open_slimbox(images, current_index);
    return false;
  },
  
  sliderChange: function(index) 
  {
    if (index > this.thumbnails.length-1)
      return;

    this.slider_element.getElement('img').set('src', this.thumbnails[index]);
    this.slider_element.getElement('span').set('text', index+1);
    this.slider_element.getElement('a').set('href', this.fullsize[index]);
  }
});

function open_slimbox(images, current_index)
{
  Slimbox.open(images, current_index);
}

/*
 * Rating selector
 */

var RatingSelector = new Class({
  stars_element: null,
  rating_element: null,

  initialize: function(selector_element)
  {
    if (Browser.loaded)
      this.init_control.delay(30, this, selector_element);
    else
      window.addEvent('domready', this.init_control.bind(this, [selector_element]));
  },

  init_control: function(selector_element)
  {
    this.stars_element = $(selector_element).getElement('span.rating_stars');
    this.rating_element = $(selector_element).getElement('input');
    if (this.stars_element && this.rating_element)
      this.stars_element.addEvent('click', this.handle_click.bindWithEvent(this));
  },
  
  handle_click: function(event)
  {
    var stars_coords = this.stars_element.getCoordinates();
    var offset = event.page.x - stars_coords.left;
    var rating = Math.ceil(offset/(stars_coords.width/5));

    this.stars_element.className = 'rating_stars rating_'+rating;
    this.rating_element.value = rating;
  }
});





/* UserVoice */
var uservoiceOptions = {
  /* required */
  key: 'doorstepdairy',
  host: 'doorstepdairy.uservoice.com', 
  forum: '41653',
  showTab: true,  
  /* optional */
  alignment: 'right',
  background_color:'#685C53', 
  text_color: 'white',
  hover_color: '#cbbbad',
  lang: 'en'
};

function _loadUserVoice() {
  var s = document.createElement('script');
  s.setAttribute('type', 'text/javascript');
  s.setAttribute('src', ("https:" == document.location.protocol ? "https://" : "http://") + "cdn.uservoice.com/javascripts/widgets/tab.js");
  document.getElementsByTagName('head')[0].appendChild(s);
}
_loadSuper = window.onload;
window.onload = (typeof window.onload != 'function') ? _loadUserVoice : function() { _loadSuper(); _loadUserVoice(); };