window.addEvent("domready", function() {
   if($('mss-horizontal-scroller-1')){
   	new mssCarousel({
   		item: {size: 98},
   		animation: {
   		   duration:500,
            amount: 1
         }
   	});
	}
});






/* THIS CODE ALLOWS CLICKING IMAGES TO CHANGE THE PRODUCT IMAGE */
/* THIS SHOULD BE A CLASS. SORRY. I'LL DO IT LATER */

function getImageContainers() {
  return $$('div').filter(function(div) {
    return div.className=='enlargeImageContainer';
  });
}
function getCurrentImageElement() {
  var cur;
  getImageContainers().filter(function(div) {
    if (div.style.display=='block') cur = div;
  });
  return cur;
}
function isImageEnlarged(im) {
  // alert('Begin: isImageEnlarged');
  var big = im.getChildren().filter(function(el) {return el.className=='mssBigCont';});
  // alert(big.length+' elements found with mssBigCont class');
  var bigImg = big.getElement('img');
  // alert (bigImg.length+' elements found inside named img');
  if (bigImg.length==0) return false;
  
  var vis = bigImg.getStyle('visibility');
  // alert('visibility is '+vis);
  return (vis=='visible');

}
function swapImages(newImg, curImg) {
  if (newImg && (newImg.style.display=='none') && (!isImageEnlarged(curImg))) {
    curImg.style.display='none';
    newImg.style.display='block';
  }
}
function scrollerImgOnClick() {
  var num = this.id.substr(6).toInt();
  var newIm = $('im'+num);
  if (newIm) {
    swapImages(newIm, getCurrentImageElement());
  } else alert('could not find im'+num);
}
         
  
window.addEvent("domready", function() {
  $$('div').filter(function(div) {
    return div.className=='image';
  }).each(function(el) {
    el.removeEvents();
    el.addEvent('click', scrollerImgOnClick);
  });
});

window.addEvent("domready", function() {
  getImageContainers().each(function(el) {
    if (el.id!='im0') el.style.display='none'; else el.style.display='block';
  });
});