// JavaScript Document
window.onload=function() {

//javascript for bug image
$("image1").onclick=function() {
	
	$("design01").setAttribute("src","img/design/design01.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea1");
	//change the alt of the design depending on image shown.
}


//javascript for sunset image
$("image2").onclick=function() {
	
	$("design01").setAttribute("src","img/design/design02.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea2");
	//change the alt of the design depending on image shown.

}


//javascript for utensils image
$("image3").onclick=function() {

	$("design01").setAttribute("src","img/design/design03.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea3");
	//change the alt of the design depending on image shown.
}
	
//javascript for utensils image
$("image4").onclick=function() {

	$("design01").setAttribute("src","img/design/design04.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea4");
	//change the alt of the design depending on image shown.
}	

//javascript for utensils image
$("image5").onclick=function() {

	$("design01").setAttribute("src","img/design/design05.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea5");
	//change the alt of the design depending on image shown.
}

//javascript for utensils image
$("image6").onclick=function() {

	$("design01").setAttribute("src","img/design/design06.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea6");
	//change the alt of the design depending on image shown.
}

//javascript for utensils image
$("image7").onclick=function() {

	$("design01").setAttribute("src","img/design/design07.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea7");
	//change the alt of the design depending on image shown.
}

//javascript for utensils image
$("image8").onclick=function() {

	$("design01").setAttribute("src","img/design/design08.jpg");
	//change the source of the design image
	
	$("desc").innerHTML="";
	//change the text inside our description paragraph
	
	$("design01").setAttribute("alt","idea8");
	//change the alt of the design depending on image shown.
}

}