function galleryover(num,totalgallery){	
	for(i=1;i<=totalgallery;i++){
		document.getElementById("menu"+i).style.display="none";
	}
	document.getElementById("menu"+num).style.display="block";
}

function galleryinit(initnumber,inittotal,carname){
	<!--large Image-->
	Largeimg=""
	for(i=1;i<=inittotal;i++){
		if(i<10){
			if(initnumber==i){
				Largeimg = Largeimg + "<img src='../../../images/h1/gallery/gallery_img_0"+i+".gif' id='menu"+i+"' style='display:block'>"
			}else{
				Largeimg = Largeimg + "<img src='../../../images/h1/gallery/gallery_img_0"+i+".gif' id='menu"+i+"' style='display:none'>"
			}	
		}else {
			Largeimg = Largeimg + "<img src='../../../images/h1/gallery/gallery_img_"+i+".gif' id='menu"+i+"' style='display:none'>"
		}
	}
	<!--small Image-->
	Smallimg=""
			Smallimg = Smallimg +"<Table border='0' cellpadding='0' cellspacing='0'><tr>"
			for(i=1;i<=inittotal;i++){
				if(i<10){
					Smallimg = Smallimg +"<td><img onmouseover=javascript:galleryover('" + i + "','" + inittotal + "'); src=../../../images/h1/gallery/gallery_0"+ i + ".gif hspace=5>"
					Smallimg = Smallimg +"</td>"
				}else{
					Smallimg = Smallimg +"<td>"
					Smallimg = Smallimg +"<img onmouseover=javascript:galleryover('" + i + "','" + inittotal + "'); src=../../../images/h1/gallery/gallery_"+ i + ".gif  hspace=5>"
					Smallimg = Smallimg +"</td>"
				}
				if((i%3)=="0"){
					if(Number(i)==Number(inittotal)){
						Smallimg = Smallimg +"</tr>"
					}else{
						Smallimg = Smallimg +"</tr><tr><td colspan=3 height=10></td></tr>"
					}
				}
				
			}
			Smallimg = Smallimg +"</table>"
	
	<!--all-->
	document.write("\
	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\
		<tR>\
			<td>\<img src=\"../../../images/h1/gallery/gallery_table01_top.gif\">\</td>\
		</tr>\
		<tr>\
			<td align=center background=\"../../../images/h1/gallery/gallery_table01_middle.gif\" id=\"gallery_Largeimg\"></td>\
		</tr>\
		<tR>\
			<td background=\"../../../images/h1/gallery/gallery_table01_bottom.gif\" width=351 height=27>\</td>\
		</tr>\
	</table>\
	</td>\
	<!--left Image end-->\
	<!--right Images start-->\
	<tD valign=top>\
	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\
		<tR>\
			<td>\<img src=\"../../../images/h1/gallery/gallery_table02_top.gif\">\</td>\
		</tr>\
		<tR>\
			<td width=300 background=\"../../../images/h1/gallery/gallery_table02_middle.gif\" align=center id=\"gallery_Smallimg\"></td>\
		</tr>\
		<tR>\
			<td>\<img src=\"../../../images/h1/gallery/gallery_table02_bottom.gif\">\</td>\
		</tr>\
	</table>\
	");
	
	<!--largeimage output-->
	document.getElementById("gallery_Largeimg").innerHTML=Largeimg;
	<!--smallimage output -->
	document.getElementById("gallery_Smallimg").innerHTML=Smallimg;
}



