// Initial animation

$(document).ready(function(){
  $("#audioTab").animate({opacity: 0.99, "margin-left": "0"},1500);})

// Content animation script

$(".menuItem").mouseover(function(){
  $(this).stop().animate({opacity: 0.99}, 100);
});

$(".menuItem").mouseout(function(){
  $(this).stop().animate({opacity: 0.5}, 500);
});

$("#aboutMenu").click(function(){
  $("#aboutContent").animate({ 
    opacity: 1.0,
    height: "300px"
  }, 500 );

    $("#musicContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );

    $("#newsContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );

    $("#contactContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
    $("#slider").animate({ 
    opacity: 0
  }, 500 );
});

$("#musicMenu").click(function(){
  $("#musicContent").animate({"margin-top": "0px"}, 500);
  $("#musicContent").animate({ 
    opacity: 1.0,
    height: "600px"
  }, 500 );

    $("#aboutContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
  
    $("#newsContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );

    $("#contactContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
  
    $("#slider").animate({ 
    opacity: 0.99
  }, 500 );
});

$("#newsMenu").click(function(){
  $("#newsContent").animate({ 
    opacity: 1.0,
    height: "300px"
  }, 500 );

    $("#aboutContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
  
    $("#musicContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );

    $("#contactContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
    $("#slider").animate({ 
    opacity: 0
  }, 500 );
});

$("#contactMenu").click(function(){
  $("#contactContent").animate({ 
    opacity: 1.0,
    height: "300px"
  }, 500 );

    $("#aboutContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
  
    $("#musicContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );

    $("#newsContent").animate({ 
    opacity: 0,
    height: "0px"
  }, 500 );
    $("#slider").animate({ 
    opacity: 0
  }, 500 );
});

// Slide music content

$("#sliderUp").click(function(){
  $("#musicContent").animate({"margin-top": "0px"}, 500);
});

$("#sliderDown").click(function(){
  $("#musicContent").animate({"margin-top": "-=68px"}, 500);
});