var myListener = new Object();
	
		$(document).ready(function(){
			var playing = -1;
			myListener.onUpdate = function()
			{
			    var timelineWidth = 160;
			    var sliderPosition = Math.round(timelineWidth * this.position / this.duration);
			    $(".timeline").width(sliderPosition);//.css("width",sliderPosition+"px");
			    //if (sliderPosition == 159) $("img[id='playerplay']").attr( { src:"images/play.png" } );
			    if (sliderPosition >= 159) $("img.playerplay").attr( { src:"images/play.png" } );
			};
			myListener.onInit = function()
			{
			    var timelineWidth = 160;
			};
			function play(url) {
				document.getElementById("myFlash").SetVariable("method:setUrl", url);
		        document.getElementById("myFlash").SetVariable("method:play", "");
		        document.getElementById("myFlash").SetVariable("enabled", "true");
	        }
	        function stop() {
		        document.getElementById("myFlash").SetVariable("method:stop", "");
		    }
		    
		    var listelems = $("img.playerplay");
			$.each(listelems, function(i) {
				$(listelems[i]).click(function(){ 
					if (playing == i) {
						stop();
						$("img.playerplay").attr( { src:"images/play.png" } );
						$(listelems[i]).attr( { src:"images/play.png" } );
						playing = -1;
					} else {
						play($(listelems[i]).attr('name')); 
						$("img.playerplay").attr( { src:"images/play.png" } );
						$(listelems[i]).attr( { src:"images/stop.png" } );
						playing = i;
					}
				});
			});
		    $(".timelinebar").click(function(e) {
				var offset = $(this).offset();
		        var sliderpos = e.pageX - offset.left;
				$("#timeline").width(sliderpos);
				var position = Math.round(sliderpos * (myListener.duration / 160));
				document.getElementById("myFlash").SetVariable("method:setPosition", position);
			});

		});