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

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


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

}


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

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

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

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

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







}