function modalVideo(type){
   if(type == 'on'){
      var height = Math.max(document.body.clientHeight, document.body.offsetHeight, document.body.scrollHeight);
      var width = Math.max(document.body.clientWidth, document.body.offsetWidth, document.body.scrollWidth);
      $('mssModal-video').setStyle('display','block');
      $('mssModal-video').setStyle('height',height+'px');
      $('mssModal-video-container').setStyle('left',(width/2 - 334) + 'px');
      $('mssModal-video-video').set('html',mssVideo);
   } else {
      $('mssModal-video').setStyle('display','none');
      $('mssModal-video-video').set('html','');
   }
}


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

function turnVidOn(){
   modalVideo('on')
}
         
  
window.addEvent("domready", function() {

  $$('div').filter(function(div) {
    return div.className=='image';
  }).each(function(el) {
    el.removeEvents();
    if(el.id!='image-10'){
      el.addEvent('click', scrollerImgOnClick);
    } else {
      el.addEvent('click', turnVidOn);
    }
  });
});

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