// JavaScript Document
$(document).ready(function(){
						   
	var frame = window.parent['player'];
	
	$('#stop').bind('click', function() {
	  frame.status('stop');
	  callStatus();
	});
	
	$('#play').bind('click', function() {
		frame.status('play');
		callStatus();
	});
	
	$('#pause').bind('click', function() {
	  frame.status('pause');
	  callStatus();
	});
	
	$('#vmin').bind('click', function() {  
	  frame.setVolume('down',10);
	  $('#volume').text(frame.getVolume());
	});
	
	$('#vmax').bind('click', function() {  
	  frame.setVolume('up',10);
	  $('#volume').text(frame.getVolume());
	});
	
	$('#next').bind('click', function() {  
		frame.jumpTrack('next');
		callStatus();
	})
	$('#prev').bind('click', function() {  
    frame.jumpTrack('prev');
	callStatus();
	})
	
	//call ás funções na frame do player
	function callStatus(){
	
			$('#vbar').text(frame.getVolume());
			$('#play-info').text(frame.getStatus());
			$('#trackname').text(frame.getTrack());
			
			 frame.setPrevNext();
	};
	
	if ( frame ) {

		callStatus();
	
	} else {
		$("#demo").hide();
	}
	/*$("#slider-range").slider({
			value: frame.getVolume(),
			min: 0,
			max: 100,
			slide: function(event, ui) {
				frame.setVolume('slider',ui.value);
			}
		});*/

	$("#demo").hover(
	function() {
	  $(this).stop().animate({"opacity": "1"}, "slow");
	},
	function() {
	  $(this).stop().animate({"opacity": "0.3"}, "slow");
	});
});