$( function() {
	function getSwfObjectCode(path){
		path = path ? path : '';
		var flash = $('#flash');
		return '<script type="text/javascript">\n\tvar flashvars = {\n\t\tsounds:"'+flash.data('sounds')+'",\n\t\tinnerButtonColor:'+flash.data('innerButtonColor')+',\n\t\tautostart:'+flash.data('autostart')+',\n\t\tautoreplay:'+flash.data('autoreplay')+',\n\t\tvolume:'+flash.data('volume')+',\n\t\ttextColor:'+flash.data('textColor')+',\n\t\tbgButtonColor:'+flash.data('bgButtonColor')+'\n\t};\n\tvar params = {\n\t\tmovie: "'+path+flash.data('version')+'.swf",\n\t\twmode: "transparent",\n\t\tallowScriptAccess: "always"\n\t};\n\tvar attributes = {\n\t\tid: "flashContainer",\n\t\tname: "flashContainer"\n\t};\n\tswfobject.embedSWF("'+path+flash.data('version')+'.swf", "flashContainer", "'+flash.data('width')+'", "'+flash.data('height')+'", "10.0.0","expressInstall.swf", flashvars, params, attributes);\n</script>\n<div id="flashContainer">\n\t<p>Contenu alternatif</p>\n</div>';
	}
	
	function getCode(path, wmode){
		path = path ? path : '';
		wmode = wmode ? wmode : 'transparent';
		var flash = $('#flash');
		return '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" style="visibility: visible;" width="'+flash.data('width')+'" height="'+flash.data('height')+'" id="peckplayer" name="peckplayer">\n\t<param name="movie" value="'+path+flash.data('version')+'.swf" />\n\t<param name="wmode" value="'+wmode+'" />'+( wmode != 'transparent' ? '\n\t<param name="bgcolor" value="#f2f2f2" />' : '')+'\n\t<param name="allowscriptaccess" value="always" />\n\t<param name="flashvars" value="sounds='+flash.data('sounds')+'&amp;innerButtonColor='+flash.data('innerButtonColor')+'&amp;autostart='+flash.data('autostart')+'&amp;autoreplay='+flash.data('autoreplay')+'&amp;volume='+flash.data('volume')+'&amp;textColor='+flash.data('textColor')+'&amp;bgButtonColor='+flash.data('bgButtonColor')+'" />\n\t<!--[if !IE]>-->\n\t<object type="application/x-shockwave-flash" data="'+path+flash.data('version')+'.swf" width="'+flash.data('width')+'" height="'+flash.data('height')+'">\n\t\t<param name="wmode" value="'+wmode+'" />'+( wmode != 'transparent' ? '\n\t\t<param name="bgcolor" value="#f2f2f2" />' : '')+'\n\t\t<param name="allowscriptaccess" value="always" />\n\t\t<param name="flashvars" value="sounds='+flash.data('sounds')+'&amp;innerButtonColor='+flash.data('innerButtonColor')+'&amp;autostart='+flash.data('autostart')+'&amp;autoreplay='+flash.data('autoreplay')+'&amp;volume='+flash.data('volume')+'&amp;textColor='+flash.data('textColor')+'&amp;bgButtonColor='+flash.data('bgButtonColor')+'" />\n\t<!--<![endif]-->\n\t\t<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a>\n\t<!--[if !IE]>-->\n\t</object>\n\t<!--<![endif]-->\n</object>';
		//return '<object type="application/x-shockwave-flash" data="'+path+flash.data('version')+'.swf" width="'+flash.data('width')+'" height="'+flash.data('height')+'" id="peckplayer" name="peckplayer">\n\t<param name="movie" value="'+path+flash.data('version')+'.swf" />\n\t<param name="flashvars" value="sounds='+flash.data('sounds')+'&innerButtonColor='+flash.data('innerButtonColor')+'&autostart='+flash.data('autostart')+'&autoreplay='+flash.data('autoreplay')+'&volume='+flash.data('volume')+'&textColor='+flash.data('textColor')+'&bgButtonColor='+flash.data('bgButtonColor')+'" />\n\t<param name="wmode" value="'+wmode+'" />'+( wmode != 'transparent' ? '\n\t<param name="bgcolor" value="#f2f2f2" />' : '')+'\n\t<param name="allowScriptAccess" value="always" />\n</object>';
	}
	
	function draw(){
		$('#peckplayer-example').width($('#flash').data('width')+'px');
		$('#flash').html(getCode('http://peckplayer.scopart.fr/swf/', 'window'));
		$('#peckplayer-code').text(getCode('http://peckplayer.scopart.fr/swf/'));
		$('#peckplayer-swfobject-code').text(getSwfObjectCode('http://peckplayer.scopart.fr/swf/'));
	};
	
	$('#flash').data('version', 'peckplayer-mini-audio');
	$('input[name="version"][value="peckplayer-mini-audio"]').attr('checked', 'checked');
	$('#flash').data('width', '160');
	$('#flash').data('height', '20');
	$('#flash').data('autostart', 'false');
	$('#autostart').removeAttr('checked');
	$('#flash').data('autoreplay', 'true');
	$('#autoreplay').attr('checked', 'checked');
	$('#flash').data('volume', '75');
	$('#flash').data('sounds', 'http://peckplayer.scopart.fr/mp3/mazik.mp3');
	$('#sounds').val($('#flash').data('sounds'));
	$('#flash').data('innerButtonColor', '0xff8c00');
	$('#flash').data('bgButtonColor', '0x000000');
	$('#flash').data('textColor', '0xff8c00');
	draw();
	
	var peckplayerWidth = {
		peckplayerminiaudio : '160',
		peckplayerclassicaudio : '190',
		peckplayermultiaudio : '230'
	};
		
	$('input[name="version"]').change(function(){
		var flash = $('#flash');
		var version = $(this).val();
		flash.data('version', version);
		flash.data('width', peckplayerWidth[version.replace(/-/g, '')]);
		draw();
	});
	
	$('#sounds').change(function(){
		$('#flash').data('sounds', $(this).val());
		draw();
	});
	
	$('#autostart').click(function(){
		$('#flash').data('autostart', $(this).is(':checked'));
		draw();
	});

	$('#autoreplay').click(function(){
		$('#flash').data('autoreplay', $(this).is(':checked'));
		draw();
	});
	
	$( "#slider-volume" ).slider({
		range: "min",
		value: $('#flash').data('volume'),
		min: 0,
		max: 100,
		slide: function( event, ui ) {
			$('#volume-value').text( ui.value );
		},
		stop: function(event, ui) {
			$('#flash').data('volume', ui.value);
			draw();
		}
	});
	$( "#volume-value" ).text( $( "#slider-volume" ).slider( "value" ) );
	
	$('#color-inner').ColorPicker({
		flat: true,
		color: $('#flash').data('innerButtonColor'),
		onChange: function(hsb, hex, rgb) {
			try
			{
				$("#peckplayer").get(0).setInnerColor(hex);
			}catch(e){
				$("#peckplayer > object").get(0).setInnerColor(hex);
			}
			$('#flash').data('innerButtonColor', '0x'+hex);
			$('#peckplayer-code').text(getCode('http://peckplayer.scopart.fr/swf/'));
		}
	});
	
	$('#color-bg').ColorPicker({
		flat: true,
		color: $('#flash').data('bgButtonColor'),
		onChange: function(hsb, hex, rgb) {
			try
			{
				$("#peckplayer").get(0).setBackgroundButtonColor(hex);
			}catch(e){
				$("#peckplayer > object").get(0).setBackgroundButtonColor(hex);
			}
			$('#flash').data('bgButtonColor', '0x'+hex);
			$('#peckplayer-code').text(getCode('http://peckplayer.scopart.fr/swf/'));
		}
	});
	
	$('#color-text').ColorPicker({
		flat: true,
		color: $('#flash').data('textColor'),
		onChange: function(hsb, hex, rgb) {
			try
			{
				$("#peckplayer").get(0).setTextColor(hex);
			}catch(e){
				$("#peckplayer > object").get(0).setTextColor(hex);
			}
			$('#flash').data('textColor', '0x'+hex);
			$('#peckplayer-code').text(getCode('http://peckplayer.scopart.fr/swf/'));
		}
	});
});