var switcher = 0;

$(document).ready(function(){
$('#groove_tab').mouseover(function () {

	$(this).css('cursor', 'pointer');

});

$('#groove_close').mouseover(function () {

	$(this).css('cursor', 'pointer');

});

		$('#groove_tab').click(function() {
		switcher++;
	if (switcher%2==1){	
 $('#groove_player').animate({
   left: "70%"
  }, 700)
  }
  else{
  $('#groove_player').animate({
   left: "100%"
  }, 700)
  }
  
   $('#groove_close').click(function() {
   switcher++;
   $('#groove_player').animate({
   left: "100%"
  }, 700)
  });
 
  
});
	
	
	
	
	
	
	
	
});