/*text array start*/
infotext =new Array();
infotext[1] = "The characteristic head lamp shape, gracefully flared into the bodywork, marks the H-1 as a member of the Hyundai family.";
infotext[2] = "A touch of class is added in most markets with an attractive chrome finish to the now traditional Hyundai grille.";
infotext[3] = "The wagon versions feature a pair of fog lamps, which are neatly blended into the lower section of the front bumper.";
infotext[4] = "Good radio reception in all areas is virtually certain thanks to the fitment as standard of a roof-mounted antenna.";
infotext[5] = "There are three high pressure nozzles available to spray washer fluid on to the windshield when it becomes dirty.";

/*smll title image start*/
smalltitle =new Array();
smalltitle[1] = "<img src=../../../images/h1/exterior/ex_sf_title_01.gif>";
smalltitle[2] = "<img src=../../../images/h1/exterior/ex_sf_title_02.gif>";
smalltitle[3] = "<img src=../../../images/h1/exterior/ex_sf_title_03.gif>";
smalltitle[4] = "<img src=../../../images/h1/exterior/ex_sf_title_04.gif>";
smalltitle[5] = "<img src=../../../images/h1/exterior/ex_sf_title_05.gif>";

/*car image start*/
carimage =new Array();
carimage[1] = "<img src=../../../images/h1/exterior/car_dot_01.gif>";
carimage[2] = "<img src=../../../images/h1/exterior/car_dot_02.gif>";
carimage[3] = "<img src=../../../images/h1/exterior/car_dot_03.gif>";
carimage[4] = "<img src=../../../images/h1/exterior/car_dot_04.gif>";
carimage[5] = "<img src=../../../images/h1/exterior/car_dot_05.gif>";

function galleryover(num,totalgallery){	
	for(i=1;i<=totalgallery;i++){
		document.getElementById("menu"+i).style.display="none";
		if(i<10){
			document.getElementById("Smallimg"+i).src="../../../images/h1/exterior/ex_f_0"+ i + ".gif";
		}else{
			document.getElementById("Smallimg"+i).src="../../../images/h1/exterior/ex_f_"+ i + ".gif";
		}
	}
	if(num<10){
		document.getElementById("Smallimg"+num).src="../../../images/h1/exterior/ex_f_0"+ num + "_on.gif";
	}else{
		document.getElementById("Smallimg"+num).src="../../../images/h1/exterior/ex_f_"+ num + "_on.gif";
	}
	document.getElementById("menu"+num).style.display="block";
	document.getElementById("front_text").innerHTML=infotext[num];
	document.getElementById("front_title").innerHTML=smalltitle[num];
	document.getElementById("car_image").innerHTML=carimage[num];
}

function galleryinit(initnumber,inittotal){
	<!--large Image-->
	Largeimg=""
	for(i=1;i<=inittotal;i++){
		if(i<10){
			if(initnumber==i){
				Largeimg = Largeimg + "<img src='../../../images/h1/exterior/ex_fb_0"+i+".gif' id='menu"+i+"' style='display:block'>"
			}else{
				Largeimg = Largeimg + "<img src='../../../images/h1/exterior/ex_fb_0"+i+".gif' id='menu"+i+"' style='display:none'>"
			}	
		}else {
			Largeimg = Largeimg + "<img src='../../../images/h1/exterior/ex_fb_"+i+".gif' id='menu"+i+"' style='display:none'>"
		}
	}
	<!--small Image-->
	Smallimg=""
	Smallimg = Smallimg +"<Table border='0' cellpadding='0' cellspacing='0'><tr>"
	checknumber=1;
	for(i=1;i<=inittotal;i++){
		if(i<10){
			if(i==1){
				Smallimg = Smallimg +"<td><img onmouseover=javascript:galleryover('" + i + "','" + inittotal + "'); id=Smallimg"+i+" src=../../../images/h1/exterior/ex_f_0"+ i + "_on.gif hspace=4 border=0>"
			}else{
				Smallimg = Smallimg +"<td><img onmouseover=javascript:galleryover('" + i + "','" + inittotal + "'); id=Smallimg"+i+" src=../../../images/h1/exterior/ex_f_0"+ i + ".gif hspace=4 border=0>"
			}
			Smallimg = Smallimg +"</td>"
		}else{
			Smallimg = Smallimg +"<td>"
			Smallimg = Smallimg +"<img onmouseover=javascript:galleryover('" + i + "','" + inittotal + "'); id=Smallimg"+i+" src=../../../images/h1/exterior/ex_f_"+ i + ".gif hspace=4  border=0>"
			Smallimg = Smallimg +"</td>"
		}
		if(Number(i%4)==0){
			Smallimg = Smallimg +"</tr><tr><td colspan=3 height=10></td></tr>"
		}
		if(checknumber==inittotal){	
			for(k=Number(inittotal)+1;k<17;k++){
				Smallimg = Smallimg +"<td>"
				Smallimg = Smallimg +"<img src=../../../images/h1/default.gif hspace=4  border=0>"
				Smallimg = Smallimg +"</td>"
				if((k%4)=="0"){
				Smallimg = Smallimg +"</tr><tr><td colspan=3 height=10></td></tr>"
				}
			}
		}
		checknumber=checknumber+1;
	}
	Smallimg = Smallimg +"</table>"
			

	<!--all-->
	document.write("\
	<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=351>\
		<tR>\
			<td>\<img src=\"../../../images/h1/exterior/img_bic_t_top.gif\">\</td>\
		</tr>\
		<tR>\
			<td background=\"../../../images/h1/exterior/img_bic_t_mibble.gif\" align=center>\
			<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\
				<tR>\
					<td id=\"gallery_Largeimg\"></td>\
				</tr>\
			</table>\
			</td>\
		</tr>\
		<tR>\
			<td>\<img src=\"../../../images/h1/exterior/img_bic_t_bottom.gif\">\</td>\
		</tr>\
		<tR>\
			<td style=\"padding:9 0 0 10\" id=\"front_title\">"+smalltitle[1]+"\</td>\
		</tr>\
		<tR>\
			<td style=\"padding:5 10 0 10;text-align:justify\" id=\"front_text\" valign=top>"+infotext[1]+"\</td>\
		</tr>\
	</table>\
	</td>\
	<!--small image-->\
	<td valign=top>\
	<table  border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\
		<tR>\
			<td>\<img src=\"../../../images/h1/exterior/table_top.gif\">\</td>\
		</tr>\
		<tR>\
			<td background=\"../../../images/h1/exterior/table_middle.gif\" align=center id=\"gallery_Smallimg\"></td>\
		</tr>\
		<tR>\
			<td style=\"padding:20 0 0 0\" background=\"../../../images/h1/exterior/table_middle.gif\" align=center id=\"car_image\">"+carimage[1]+"\</td>\
		</tr>\
		<tR>\
			<td>\<img src=\"../../../images/h1/exterior/table_bottom.gif\">\</td>\
		</tr>\
	</table>\
	");
	
	<!--largeimage output-->
	document.getElementById("gallery_Largeimg").innerHTML=Largeimg;
	<!--smallimage output -->
	document.getElementById("gallery_Smallimg").innerHTML=Smallimg;
}