$(document).ready(function() {

// Adds css style to subNav menu to indicate what page is being viewed; parses filename from url and looks this in the anchor href
var pathname = window.location.pathname;
var path_sep_pos = pathname.lastIndexOf("/");
var filename = pathname.slice(-(pathname.length-path_sep_pos)+1, pathname.length);

if ("now_playing.html" == $('div[class="header"] ul li a:first').attr('href')) {
	var nav_page = "on_stage.html";
	$('#navigation li a[href*="'+nav_page+'"]').css('color', '#000');
	var selected = $('#navigation li a[href*="'+nav_page+'"]');
	$('div[class="header"] ul li a[href*="'+filename+'"]').css('text-decoration', 'underline');
	$('div[class="header"] ul li a[href*="'+filename+'"]').css('text-decoration', 'underline');
} else if (filename == "on_stage.html") {
	$('#navigation li a[href*="'+filename+'"]').css('color', '#000');
	var selected = $('#navigation li a[href*="'+filename+'"]');
} else if (filename == "index.html") {
	$('#navigation li a[href*="'+filename+'"]').css('color', '#000');
	var selected = $('#navigation li a[href*="'+filename+'"]');
} else if (filename == $('div[class="header"] ul li a:first').attr('href')){
	$('#navigation li a[href*="'+filename+'"]').css('color', '#000');
	var selected = $('#navigation li a[href*="'+filename+'"]');
	$('div[class="header"] ul li a[href*="'+filename+'"]').css('text-decoration', 'underline');
	$('div[class="header"] ul li a[href*="'+filename+'"]').css('text-decoration', 'underline');
} else {
	var nav_page = $('div[class="header"] ul li a:first').attr('href');
	$('#navigation li a[href*="'+nav_page+'"]').css('color', '#000');
	var selected = $('#navigation li a[href*="'+nav_page+'"]')
	$('div[class="header"] ul li a[href*="'+filename+'"]').css('text-decoration', 'underline');
	$('div[class="header"] ul li a[href*="'+filename+'"]').css('text-decoration', 'underline');
}

$(selected).mouseover( function() {
	$(selected).css('color', '#F2A80A');
});
$(selected).mouseleave( function() {
	$(selected).css('color', '#000');
});

$('.buttonEvent').mouseenter(
    function() {
	var image = $(this).attr('src'); // Gets current object's src value
	ext_pos = image.lastIndexOf(".");  // Finds position of extension
	img_pathname = image.slice(0,ext_pos); // Gets image filename without extension
	$(this).attr('src', img_pathname + '_over.png'); // Replaces current object's src attribute with new filename    
 });
$('.buttonEvent').mouseleave(
    function() {
	var image = $(this).attr('src'); 
	image = image.split("_");  // Splits at filename extension and returns an array
	  if(image[1] == "over.png"){
	    $(this).attr('src', image[0] + '.png'); // Replaces current object's src attribute with new string filename    
      } else {
	    $(this).attr('src', image[0] + '.png'); // Replaces current object's src attribute with new string filename    
	  }
 });
  $('.buttonEvent').mousedown(function(){
	  var image = $(this).attr('src');
	  image = image.split("_"); 
	 $(this).attr('src', image[0] + '_down.png');
	 
 });
});