// JavaScript Document
$(function(){
	// COMMON FOR MANDELA AND INSTRUMENT PAGES
	// don't show any images
	$('#image_holder img').hide();
	// show one image to begin with and nav and instructions
	
	$('.instructions').show(); 
	$('#button_navigation').show();
	
	// set images to absolute positioning
	$('#image_holder').css('height', '220px');
	$('#image_holder img').css('position', 'absolute');
	$('#image_holder img').css('top', '0px');
	$('#image_holder img').css('left', '0px');
	
	
	// MANDELA PAGE
	$('#image_holder #mandala_0').show(); // show first image
	$('#right_column #button_navigation li #mandala_link_0').css('background-position', 'left'); // first button on
	
	$('.dot_button').hover(function(event){
			if(this == event.target)
				{
					$('#right_column #button_navigation li a').css('background-position', 'right');
					$('#image_holder img').hide();
					var id = $(this).attr('title');
					$('#image_holder #' + id).show();
					$(this).css('background-position', 'left');
				}
		});
	
	// SUCCESS PAGE
	$('#image_holder #success_1').show(); // show first image
	$('#right_column #button_navigation li #success_link_1').css('background-position', 'left'); // first button on
	
	// INSTRUMENT PAGE
	// hide all instrument descriptions
	$('.instrument_description').hide();
	
	// show first image and description
	$('#image_holder #instrument_1').show();
	$('#description_1').show();
	$('#right_column #button_navigation li #_1').css('background-position', 'left');
	$('.dot_button2').hover(function(event){
			if(this == event.target)
				{
					
					$('#right_column #button_navigation li a').css('background-position', 'right');
					$('#image_holder img').hide();
					$('.instrument_description').hide();
					var image_id = $(this).attr('name');
					var description_id = $(this).attr('id');
					$('#image_holder #instrument' + image_id).show();
					$('#description' + description_id).show();
					$(this).css('background-position', 'left');
				}
		});
		
});