/*

@Author: Yannik Messerli (myre.ch)
@Date: 22.02.2011

Let's have some inspiration:
http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/

*/

window.addEvent('domready', function(){
 
 $$('.samples .sample a').each(function(el){
 	var audioElement = document.createElement('audio');
 	audioElement.setAttribute('src', el.getProperty('href'));

 	var on = true;
 	el.addEvent('click', function(e){
 		e.stop();
 		el.getElement('img').setProperty('src', './images/remooz/spinner.gif');
 		audioElement.load();
 		audioElement.addEvent("load", function() {
 		  if(on){
 		  	 el.getElement('img').setProperty('src', './images/icon/play.png');
 		  }else{
 		    el.getElement('img').setProperty('src', './images/icon/pause.png');
 		  }
 		});
 		if(on){
 		audioElement.play();
 		on = false;
 		el.getElement('span.control').set('text', 'STOP');
 		el.getElement('img').setProperty('src', './images/icon/pause.png');
 		}else{
 		audioElement.pause();
 		on = true;
 		el.getElement('span.control').set('text', 'LIRE');
 		el.getElement('img').setProperty('src', './images/icon/play.png');
 		}
 	})
 	
 
 });
 
    $$('#galerie a').each(function(element) {
        new ReMooz(element, {
            centered: true, // Zoom the center of the screen
            'dragging': false,
            'cutOut': false,
            origin: element.getElement('img') // Take the image inside as origin for the zooming element
        });
 
    });
 
});