// variables
	var basedir = "./files/ecard";
	var fsize_id = '';
	var fsize_url = basedir+"/";
	var thumbs_url = basedir+"/";

	function Init(){
		//define the image area
		document.getElementById("img_input").value= fsize_id[1];
		document.getElementById("img_area").innerHTML = "<img src='"+fsize_imgs[1]+"' alt='' style='width:280px; margin: 9px 7px;' />";
		//define thumbnails
		document.getElementById("thumbs").innerHTML = "";
		for (i=1;i<=5;i++) {
			if(thumbs_imgs[i]) {
				document.getElementById("thumbs").innerHTML += "<li id='thumbs"+i+"'><a onClick='drawFullsize("+i+")'><img src='"+thumbs_imgs[i]+"' alt='' /></a></li>";
			} else {
				document.getElementById("thumbs").innerHTML += "";
			}
		}
		document.getElementById("thumbs1").innerHTML="<div class='gallery_active'><a onClick='drawFullsize(1)'><img src='"+thumbs_imgs[1]+"' alt='' /></a></div>";

		//define prev / next button
		//document.getElementById("prev").innerHTML = "<a onClick='prevImg()'><img src='./public/images/prev_ecard.gif' alt='' /></a>";
		document.getElementById("prev").innerHTML = "<a onClick=''><img src='./public/images/prev_in_ecard.gif' alt='' /></a>";

		if (img_num<=5){
			//set next button to inactive
			document.getElementById("next").innerHTML = "<a onClick=''><img src='./public/images/next_in_ecard.gif' alt='' /></a>";
		} else {
			document.getElementById("next").innerHTML = "<a onClick='nextImg()'><img src='./public/images/next_ecard.gif' alt='' /></a>";
		}
	}
	
	function drawThumbs(index){
		document.getElementById("thumbs").innerHTML += "<li id='thumbs"+(index-2)+"'><a onClick='drawFullsize("+(index-2)+")'><img src='"+thumbs_imgs[index-2]+"' alt='' /></a></li>";
		document.getElementById("thumbs").innerHTML += "<li id='thumbs"+(index-1)+"'><a onClick='drawFullsize("+(index-1)+")'><img src='"+thumbs_imgs[index-1]+"' alt='' /></a></li>";
		document.getElementById("thumbs").innerHTML += "<li id='thumbs"+(index)+"'><a onClick='drawFullsize("+index+")'><img src='"+thumbs_imgs[index]+"' alt='' /></a></li>";
		document.getElementById("thumbs").innerHTML += "<li id='thumbs"+(index+1)+"'><a onClick='drawFullsize("+(index+1)+")'><img src='"+thumbs_imgs[index+1]+"' alt='' /></a></li>";
		document.getElementById("thumbs").innerHTML += "<li id='thumbs"+(index+2)+"'><a onClick='drawFullsize("+(index+2)+")'><img src='"+thumbs_imgs[index+2]+"' alt='' /></a></li>";
	}
	function drawFullsize(index) {
		document.getElementById("img_input").value= fsize_id[index];

		document.getElementById("thumbs").innerHTML = "";
		for (i=index-2;i<=index+2;i++) {
			if(thumbs_imgs[i]) {
				document.getElementById("thumbs").innerHTML += "<li id='thumbs"+i+"'><a onClick='drawFullsize("+i+")'><img src='"+thumbs_imgs[i]+"' alt='' /></a></li>";
			} else {
				document.getElementById("thumbs").innerHTML += "";
			}
		}
		document.getElementById("thumbs"+index).innerHTML="<div class='gallery_active'><a onClick='drawFullsize("+index+")'><img src='"+thumbs_imgs[index]+"' alt='' /></a></div>";

		document.getElementById("img_area").innerHTML = "<img src='"+fsize_imgs[index]+"' alt='' style='width:280px; margin: 9px 7px;' />";
	}

	function prevImg(){
		index --;
		//set next button to active
		document.getElementById("next").innerHTML = "<a onClick='nextImg()'><img src='./public/images/next_ecard.gif' alt='' /></a>";
		if (index <= 3){
			//set prev button to inactive
			document.getElementById("prev").innerHTML = "<a onClick=''><img src='./public/images/prev_in_ecard.gif' alt='' /></a>";
			index = 3;
		}
		document.getElementById("thumbs").innerHTML = "";
		drawThumbs(index);
	}
	function nextImg(){
		index ++;
		//set prev button to active
		document.getElementById("prev").innerHTML = "<a onClick='prevImg()'><img src='./public/images/prev_ecard.gif' alt='' /></a>";
		if (index >= (img_num -2)){
			//set next button to inactive
			document.getElementById("next").innerHTML = "<a onClick=''><img src='./public/images/next_in_ecard.gif' alt='' /></a>";
		}
		if (index >= img_num){
			index = img_num-2;
		}
		document.getElementById("thumbs").innerHTML = "";
		drawThumbs(index);
	}