var images=new Array()

images[0]=["images/SS_Geom_01_Segment.png", ""]
images[1]=["images/SS_Ring_Sector.png", ""]
images[2]=["images/SS_Acute.png", ""]
images[3]=["images/SS_Trapezoid.png", ""]
images[4]=["images/SS_Geom_02_Poly.png", ""]
images[5]=["images/SS_Geom_03_Sum.png", ""]
images[6]=["images/SS_Geom_04_ShapeConfig.png", ""]
images[7]=["images/SS_Geom_05_Email.png", ""]

var preloadImages="yes" // yes or no
var link_target="_blank" // Provide target
var frame_border_width=0 // Width Frame Border Image
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"

if (preloadImages=="yes") {
	for (x=0; x<images.length; x++) {
		var this_image=new Image()
		this_image.src=images[x][0]
	}
}

function pictureCode(an_image) {
	var pictureHTML=""
	if (an_image[1]!="")
		pictureHTML='<a href="'+an_image[1]+'" target="'+link_target+'">'
	pictureHTML+='<img src="'+an_image[0]+'" border="'+frame_border_width+'">'
	if (an_image[1]!="")
		pictureHTML+='</a>'
	return pictureHTML
}

function changeImage(imageDiv, pictureIndex) {
	if (document.getElementById) {
		var imgobj=document.getElementById(imageDiv)
		if (imgobj.filters && window.createPopup) {
			imgobj.style.filter=filterstring
			imgobj.filters[0].Apply()
		}
		imgobj.innerHTML=pictureCode(images[pictureIndex])
		if (imgobj.filters && window.createPopup)
			imgobj.filters[0].Play()
		return false
	}
}
