var image1 = new Image(); 
image1.src = "images/music/M1.jpg"; 
var image2 = new Image(); 
image2.src = "images/music/M2.jpg"; 
var image3 = new Image(); 
image3.src = "images/music/M3.jpg"; 
var image4 = new Image(); 
image4.src = "images/music/M4.jpg"; 
var image5 = new Image(); 
image5.src = "images/music/M5.jpg";
var image6 = new Image(); 
image6.src = "images/music/M6.jpg";
var image7 = new Image(); 
image7.src = "images/music/M7.jpg";
var image8 = new Image(); 
image8.src = "images/music/M8.jpg"; 
var image9 = new Image(); 
image9.src = "images/music/M9.jpg";
var image10 = new Image();
image10.src = "images/music/M10.jpg"; 
var image11 = new Image();
image11.src = "images/music/M11.jpg"; 
var image12 = new Image(); 
image12.src = "images/music/M12.jpg"; 
var image13 = new Image(); 
image13.src = "images/music/M13.jpg"; 
var image14 = new Image(); 
image14.src = "images/music/M14.jpg"; 
var image15 = new Image(); 
image15.src = "images/music/M15.jpg";
var image16 = new Image(); 
image16.src = "images/music/M16.jpg";
var image17 = new Image();
image17.src = "images/music/M17.jpg";
var image18 = new Image();
image18.src = "images/music/M18.jpg";
var image19 = new Image();
image19.src = "images/music/M19.jpg";
var image20 = new Image();
image20.src = "images/music/M20.jpg";

var image21 = new Image();
image21.src = "images/music/M21.jpg"; 
var image22 = new Image(); 
image22.src = "images/music/M22.jpg"; 
var image23 = new Image(); 
image23.src = "images/music/M23.jpg"; 
var image24 = new Image(); 
image24.src = "images/music/M24.jpg"; 
var image25 = new Image(); 
image25.src = "images/music/M25.jpg";
var image26 = new Image(); 
image26.src = "images/music/M26.jpg";
var image27 = new Image();
image27.src = "images/music/M27.jpg";
var image28 = new Image();
image28.src = "images/music/M28.jpg";
var image29 = new Image();
image29.src = "images/music/M29.jpg";
var image30 = new Image();
image30.src = "images/music/M30.jpg";



function change_image(val) { 

switch(val){
	case 1:
		document["view"].src = image1.src; 
		break;
	case 2:
		document["view"].src = image2.src; 
		break;
	case 3:
		document["view"].src = image3.src; 
		break;
	case 4:
		document["view"].src = image4.src; 
		break;
	case 5:
		document["view"].src = image5.src; 
		break;
	case 6:
		document["view"].src = image6.src; 
		break;
	case 7:
		document["view"].src = image7.src; 
		break;
	case 8:
		document["view"].src = image8.src; 
		break;
	case 9:
		document["view"].src = image9.src; 
		break;
	case 10:
		document["view"].src = image10.src; 
		break;
	case 11:
		document["view"].src = image11.src; 
		break;
	case 12:
		document["view"].src = image12.src; 
		break;
	case 13:
		document["view"].src = image13.src; 
		break;
	case 14:
		document["view"].src = image14.src; 
		break;
	case 15:
		document["view"].src = image15.src; 
		break;	
	case 16:
		document["view"].src = image16.src; 
		break;
	case 17:
		document["view"].src = image17.src; 
		break;
	case 18:
		document["view"].src = image18.src; 
		break;
	case 19:
		document["view"].src = image19.src; 
		break;
	case 20:
		document["view"].src = image20.src; 
		break;
		
		
		case 21:
		document["view"].src = image21.src; 
		break;
	case 22:
		document["view"].src = image22.src; 
		break;
	case 23:
		document["view"].src = image23.src; 
		break;
	case 24:
		document["view"].src = image24.src; 
		break;
	case 25:
		document["view"].src = image25.src; 
		break;	
	case 26:
		document["view"].src = image26.src; 
		break;
	case 27:
		document["view"].src = image27.src; 
		break;
	case 28:
		document["view"].src = image28.src; 
		break;
	case 29:
		document["view"].src = image29.src; 
		break;
	case 30:
		document["view"].src = image30.src; 
		break;

	}
}