function viewImage(Id,type){
		if(type=='left'){
			var imageContainer = document.getElementById("image-container");
			imageContainer.innerHTML = "<img src=\"/images/navigation/"+Id+".jpg\"  />";
		}else{
			var imageContainer = document.getElementById("image-container2");
			imageContainer.innerHTML = "<img src=\"/images/navigation/"+Id+".gif\"  />";
		}
}

function viewpage(Id){
		
		var pageContainer = document.getElementById("page-container");
		pageContainer.src = "/pages/"+Id+".html";

}

function MM_preloadImages() { //v3.0
  	var d=document;
	if(d.images){
		if(!d.MM_p)d.MM_p=new Array();
		var i,j=d.MM_p.length;
		var a=MM_preloadImages.arguments;
		for(i=0; i<a.length; i++){
			if (a[i].indexOf("#")!=0){
				d.MM_p[j]=new Image;
				d.MM_p[j++].src=a[i];
			}
		}
	}
}


(function(){
	window.onload = function(){
		var main = document.getElementById('main');
        var allLink = main.getElementsByTagName("th");
		var str = "/images/link/";
		var n=1;
		var srcLink , srcExt , srcLen ,srcPic = '';
		var domian =  window.location.host;
		var start = domian.length+7;
				   
		
        for(var i=0; i<allLink.length; i++){

		allLink[i].onmouseover = 	 function(){
                var a = this.firstChild;
				var img = a.firstChild;

				if(img.getAttribute("class") === "off" ){
					 srcLink='';
					 srcExt='';
					 srcLen = '';
					 srcPic='';
					 					 			 
					 srcLink = img.src.substr(start,img.src.lastIndexOf('.'));
					 srcExt = srcLink.substr(srcLink.indexOf('.'),4);
					 srcLen = srcLink.length;
					 srcPic=srcLink.substr(0,srcLen-4);
					 
					 img.src = srcPic+"_a"+srcExt;
					 img.className = "on";
					
			}
				
				if (img.name != ''){
					viewImage(img.id,img.name);
				}

		}
			allLink[i].onmouseout = function(){
				var a = this.firstChild;
				var img = a.firstChild;
				
				if(img.getAttribute("class") === "on" ){
					
					img.src = srcPic+srcExt;
					img.className = "off";
	    		}
			}
			allLink[i].onmouseup = function(){
				var a = this.firstChild;
				var img = a.firstChild;
				viewpage(img.id);
			}
        }
		
		MM_preloadImages('/images/navigation/alster.jpg','/images/navigation/anthurium.jpg','/images/navigation/camputer.gif',
						 '/images/navigation/eldorado.jpg','/images/navigation/fan.gif','/images/navigation/gerbera.jpg',
						 '/images/navigation/gladilus.jpg','/images/navigation/glas.gif','/images/navigation/heat.gif',
						 '/images/navigation/lilium.jpg','/images/navigation/mikhak.jpg','/images/navigation/normasnoei.gif',
						 '/images/navigation/orkideh.jpg','/images/navigation/pelstik.gif','/images/navigation/saye.gif',
						 '/images/navigation/sonbol.jpg','/images/navigation/water.gif',
						 '/images/link/alster_a.gif','/images/link/eldorado_a.gif','/images/link/link_1-2_a.gif','/images/link/link_1-3_a.gif',
						 '/images/link/link_1-4_a.gif','/images/link/link_1-5_a.gif','/images/link/link_1-6_a.gif','/images/link/link_1-7_a.gif',
						 '/images/link/link_1-10_a.gif','/images/link/link_1-11_a.gif','/images/link/link_1-12_a.gif','/images/link/link_2-12_a.gif',
						 '/images/link/link_4-3_a.gif','/images/link/link_4-4_a.gif','/images/link/link_6-3_a.gif','/images/link/link_6-4_a.gif',
						 '/images/link/link_6-5_a.gif','/images/link/link_6-12_a.gif','/images/link/link_6_7-13_a.gif','/images/link/link_7-5_a.gif',
						 '/images/link/link_7-6_a.gif','/images/link/link_7-8_a.gif','/images/link/link_7-9_a.gif','/images/link/link_7-10_a.gif',
						 '/images/link/link_7-11_a.gif','/images/link/link_7_8-7_a.gif');

	}
})();