/*
var productData = {
  images: {
    0: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', normal: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.jpg'},
    1: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', normal: '/uploads/c72caeb4829e70b818277e4f21c904c6.jpg'},
    2: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', normal: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.jpg'},
    3: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', normal: '/uploads/c72caeb4829e70b818277e4f21c904c6.jpg'},
    4: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', normal: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.jpg'},
    5: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', normal: '/uploads/c72caeb4829e70b818277e4f21c904c6.jpg'}
  },
  
  options: {
    0: {preview: '/uploads/7a7950b4c3139bea7cd30a2791c560c0.46x46.jpg', mp3: '/uploads/7ad487d6e06a23748c8e305688dd3c53.mp3', price: '21,90'},
    1: {preview: '/uploads/40fa90617e7ad7cc50edff835919c586.46x46.jpg', mp3: null, price: '22,90'},
    2: {preview: '/uploads/a3f2995d8fc0369715106385acc4a152.46x46.jpg', mp3: '/uploads/201d7719a041cc850e818a1b0f25130b.mp3', price: '23,90'}
  }
}
*/

window.addEvent('domready', function() {
  init_imgList();
  reloadImg(0);
  updateOption(0);
  $('prodOption').addEvent('change', function(){updateOption($('prodOption').selectedIndex);});
});


var reinit_slider = function(){
  $('prodZoomerLoading').setStyle('display','none');
  var mySlide = new Slider($('zoneSlider'), $('slider'), {
  	steps: 50,
  	offset: 5,
  	onChange: function(step){
  	  redimImg(step);
  		$('zoomvalue').value=step;
  	}
  }).set(0);
  var instance = new Fx.Styles($('prodZoomer'), {duration: 700});
  instance.custom({'opacity': [0,1]});
};

var reinit_option = function(){
  $('formVisuelLoading').setStyle('display','none');
  var instance = new Fx.Styles($('formVisuel'), {duration: 700});
  instance.custom({'opacity': [0,1]});
};

function init_slider(n) {
  var mySlide = new Slider($('zoneSlider'), $('slider'), {
  	steps: 50,
  	offset: 5,
  	onChange: function(step){
  	  redimImg(step);
  		$('zoomvalue').value=step;
  	}
  }).set(n);
}

function reloadImg(n) {
  $('prodZoomerLoading').setStyle('display','block');
  $('prodZoomer').setHTML('');
  $('prodZoomer').setOpacity(0);
  new Asset.image(productData.images[n].normal, {id: 'prodVisuel', title: n, onload: reinit_slider}).injectTop('prodZoomer');
}

function updateOption(n) {
  // update price
  var optionPrice = $defined(productData.options[n].price) ? productData.options[n].price + ' €' : 'N/A';
  $('price').setHTML(optionPrice);
  
  // update preview
  $('formVisuelLoading').setStyle('display','block');
  $('formVisuel').setHTML('');
  $('formVisuel').setOpacity(0);
  if($defined(productData.options[n].preview)){
    new Asset.image(productData.options[n].preview, {title: n, onload: reinit_option}).injectTop('formVisuel');
  } else {
    reinit_option();
  }
  
  // update mp3 player
  if($defined(productData.options[n].mp3)){
 		var so = new SWFObject("/flash/dewplayer.swf?mp3=" + productData.options[n].mp3, "sotester", "200", "20", "9", "#fff");
 		so.write("sound");      
  } else {
    $('sound').setHTML('');
  }
  
  // update old price when defined
  if($defined(productData.options[n]['old-price']) && productData.options[n]['old-price'] && productData.options[n]['discount-rate']){
    $('prodDiscount').addClass('hidden');
    $('old-price').setHTML(productData.options[n]['old-price'] + ' €');
    $('discount-rate').setHTML( productData.options[n]['discount-rate'] + '%');
    $('prodDiscount').removeClass('hidden');
  } else {
    $('prodDiscount').addClass('hidden');
  }    
  
}

function init_imgList() {
  var counter = 0;
  $$('.visuelList').each(function(item){
  item.setStyle('cursor','pointer');
  item.addEvent('click', function(){reloadImg(this.id.toInt())});
  counter++;
  });
}

function zoomMoins() {
var n = $('zoomvalue').getValue().toInt();
  if (n>0) {
    n = n -5;
    $('zoomvalue').value=n;
    init_slider(n);
  }
}

function zoomPlus() {
var n = $('zoomvalue').getValue().toInt();
  if (n<50) {
    n = n +5;
    $('zoomvalue').value=n;
    init_slider(n);
  }
}

function redimImg(n) {
  var initsize=530;
  var m = (initsize * n)/100;
  var decale = (m/2).toInt();
  var imgresize= ((initsize)/2) + m;
  $('prodVisuel').setStyles('position:relative;top:-' + decale + 'px;left:-' + decale + 'px;width:' + imgresize + 'px;height:' + imgresize + 'px;');
  $('prodVisuel').setOpacity(1);
}

function verifInput(n) {
  if (n=='votreEmail') {
    if ($(n).getValue()=="Votre email") {
    $(n).value="";
    }
  }
  else {
    if ($(n).getValue()=="Email de votre ami(e)") {
    $(n).value="";
    }
  }
}