var filePath = 'http://www.happax.fr/Files/30569/';

window.addEvent('domready', function() {
	//if (window.location.hostname == 'materrasseenbois.oxatis.com') {
		var selectedClass = 'selected';
		var hiddenClass = 'hidden';
		var bodyArea = $('bodyarea');
		
		var carousel = new Element('div', {
			'class': 'carousel'
		});
		var wrapper = new Element('div', {
			'class': 'wrapper'
		});
		wrapper.inject(carousel);
		var pager = new Element('ul', {
			'class': 'pager'
		});
		for (var i = 1; i < 6; i++) {
			var img = new Element('img', {
				'src': filePath + 'carousel/carousel-0' + i + '.jpg'
			});
			img.inject(wrapper);
			var pagerItem = new Element('li');
			if (i == 1) {
				pagerItem.addClass(selectedClass);
			}
			pagerItem.inject(pager);
		}
		pager.inject(carousel);
		var arrowLeft = new Element('div', {
			'class': 'arrow-left',
			events: {
				'click': function() {
					mySlideShow.show('previous');
				}
			}
		});
		arrowLeft.inject(carousel);
		var arrowRight = new Element('div', {
			'class': 'arrow-right',
			events: {
				'click': function() {
					mySlideShow.show('next');
				}
			}
		});
		arrowRight.inject(carousel);
		
		var video = getVideo();
		video.inject(carousel);
		
		var switcher = new Element('div', {
			'class': 'switcher'
		});
		var photos = new Element('a', {
			'href': '',
			'class': selectedClass,
			'text': 'Photos',
			events: {
				'click': function(evt) {
					var evt = new Event(evt);
					evt.stop();
					var target = $(evt.target);
					if (! target.hasClass(selectedClass)) {
						// Hide video
						video.addClass(hiddenClass);
						
						// Show photos related elements
						arrowLeft.removeClass(hiddenClass);
						arrowRight.removeClass(hiddenClass);
						pager.removeClass(hiddenClass);
						wrapper.removeClass(hiddenClass);
						
						// Switcher
						videos.removeClass(selectedClass);
						photos.addClass(selectedClass);
						
						// Restart slideshow
						mySlideShow.play();
					}
				}
			}
		});
		photos.inject(switcher);
		var videos = new Element('a', {
			'href': '',
			'text': 'Video',
			events: {
				'click': function(evt) {
					var evt = new Event(evt);
					evt.stop();
					var target = $(evt.target);
					if (! target.hasClass(selectedClass)) {
						// Pause slideshow
						mySlideShow.pause();
						
						// Hide photos related elements
						arrowLeft.addClass(hiddenClass);
						arrowRight.addClass(hiddenClass);
						pager.addClass(hiddenClass);
						wrapper.addClass(hiddenClass);
						
						photos.removeClass(selectedClass);
						videos.addClass(selectedClass);
						
						// Show video
						video.removeClass(hiddenClass);
					}
				}
			}
		});
		videos.inject(switcher);
		
		switcher.inject(carousel); // Comment to disable photos/video switcher
		carousel.inject(bodyArea, 'top');
		
		// Enable Slideshow
		carousel.addClass('enabled');
		var pagerItems = pager.getElements('li');
		var mySlideShow = new SlideShow(wrapper, {
			autoplay: true,
			delay: 5000,
			onShow: function(slideData) {
				
				pagerItems.each(function(pagerItem, idx) {
					if (idx != slideData.next.index) {
						pagerItem.removeClass(selectedClass);
					} else {
						pagerItem.addClass(selectedClass);
					}
				});
			}
		});
		pagerItems.each(function(pagerItem, idx) {
			pagerItem.addEvent('click', function() {
				mySlideShow.show(idx);
			});
		});
	
		// Reorder tags search and member login should be inside headercontainer
		var toolbar = new Element('div', {
			'class': 'toolbar'
		});
		$('blockuserlogin').inject(toolbar);
		$('blocksearch').inject(toolbar);
		
		var parentContainer = $('bodycolumn1');
		toolbar.inject(parentContainer, 'top');
		
		// Improve search input
		var searchInput = $('searchformtext');
		if (searchInput != null) {
			searchInput.set('placeholder', 'Search');
			searchInput.addEvent('keydown', function(event) {
				if (event.key == 'enter') {
					document.searchform['SearchText'].value = document.getElementById('searchformtext').value; 
					document.searchform.submit();
				}
			});
			
		}
	//}
	
});

var height = 445;
var width = 612;
function getVideo() {
	var videoWrapper = new Element('div', {
		'class': 'video hidden'
	});
	
	var iframe = new Element('iframe', {
		'width': width,
		'height': height,
		'src': 'http://www.youtube.com/embed/_0Q523wgU5s?rel=0',
		'frameborder': 0,
		'allowfullscreen': ''
	});
	
	iframe.inject(videoWrapper);
	
	return videoWrapper;
}
/*function getVideo() {
	var videoWrapper = new Element('div', {
		'class': 'video hidden'
	});
	
	var object = new Element('object', {
		'type': 'application/x-shockwave-flash',
		'data': 'http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf',
		'height': height,
		'width': width
	});
	new Element('param', {
		'name': 'movie',
		'value': 'http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf'
	}).inject(object);
	new Element('param', {
		'name': 'allowFullScreen',
		'value': 'true'
	}).inject(object);
	new Element('param', {
		'name': 'wmode',
		'value': 'transparent'
	}).inject(object);
	new Element('param', {
		'name': 'flashVars',
		'value': "config={'playlist':['" + filePath + "produits.jpg',{'url':'" + filePath + "produits.mpg','autoPlay':false}]}"
	}).inject(object);
	new Element('img', {
		'src': filePath + 'produits.jpg'
	}).inject(object);
	
	object.inject(videoWrapper);
	
	return videoWrapper;
}*/
/*function getVideo() {
	var videoWrapper = new Element('div', {
		'class': 'video hidden'
	});
	var video = new Element('video', {
		'controls': 'controls',
		'poster': filePath + 'produits.jpg',
		'width': height,
		'height': width
	});
	video.inject(videoWrapper);
	// mp4
	new Element('source', {
		'src': filePath + 'produits.mp4',
		'type': 'video/mp4'
	}).inject(video);
	// webm
	new Element('source', {
		'src': filePath + 'produits.webm',
		'type': 'video/webm'
	}).inject(video);
	// webm
	new Element('source', {
		'src': filePath + 'produits.ogv',
		'type': 'video/ogg'
	}).inject(video);
	var object = new Element('object', {
		'type': 'application/x-shockwave-flash',
		'data': 'http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf',
		'height': height,
		'width': width
	});
	object.inject(video);
	new Element('param', {
		'name': 'movie',
		'value': 'http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf'
	}).inject(object);
	new Element('param', {
		'name': 'allowFullScreen',
		'value': 'true'
	}).inject(object);
	new Element('param', {
		'name': 'wmode',
		'value': 'transparent'
	}).inject(object);
	new Element('param', {
		'name': 'flashVars',
		'value': "config={'playlist':['" + filePath + "produits.jpg',{'url':'" + filePath + "produits.mp4','autoPlay':false}]}"
	}).inject(object);
	new Element('img', {
		'src': filePath + 'produits.jpg'
	}).inject(object);
	
	return videoWrapper;
}*/