var imgGCurrentPath = null;			   
	var imgOffsetX = [132, 235, 339, 443, 546, 650]; 
	var gCurrentURLSet = null;
	
	function initGlossaryMenu(type)
	{
	    //type : preg medical = 1, preg nutrition = 2, baby medical = 3, baby nutrition = 4
	    
	    var imgPath = getImgPath(type);
	    gCurrentURLSet = getBublePageURL(type);
	    if(imgPath != null)
	    {
	        preLoadBubbleImage(imgPath);
	    	imgGCurrentPath  = imgPath;
	    }
	}
	
	function getImgPath(type)
	{
		var imgPath = null;
		if((type == 1)||(type == 3))
	    {
	    	 var imgPregPath = [
	                '/images/glossary/bubble/b1.png', 
					'/images/glossary/bubble/b2.png', 
				    '/images/glossary/bubble/b3.png', 
					'/images/glossary/bubble/b4.png',
					'/images/glossary/bubble/b5.png',
					'/images/glossary/bubble/b6.png'
				  ];
	    	
	    	 imgPath = imgPregPath;
	    }
	    else if((type == 2)||(type == 4))
	    {
	    	 var imgBabyPath = [
	                '/images/glossary/bubble/y1.png', 
					'/images/glossary/bubble/y2.png', 
				    '/images/glossary/bubble/y3.png', 
					'/images/glossary/bubble/y4.png',
					'/images/glossary/bubble/y5.png',
					'/images/glossary/bubble/y6.png'
				  ];
	    	
	    	imgPath = imgBabyPath;
	    }
	    
	    return imgPath;

	}
	
	function getBublePageURL(type)
	{
		var urlPath = null;

		if(type == 1)
	    {
	    	var urlList = [
	                '/pregnancy/glossary/medical1', 
					'/pregnancy/glossary/medical2', 
				    '/pregnancy/glossary/medical3', 
					'/pregnancy/glossary/medical4',
					'/pregnancy/glossary/medical5',
					'/pregnancy/glossary/medical6'
				  ];
		    
		    urlPath = urlList;

		}
		else if(type == 2)
		{
			var urlList = [
	                '/pregnancy/glossary/nutrition1', 
					'/pregnancy/glossary/nutrition2', 
				    '/pregnancy/glossary/nutrition3', 
					'/pregnancy/glossary/nutrition4',
					'/pregnancy/glossary/nutrition5',
					'/pregnancy/glossary/nutrition6'
				  ];
			urlPath = urlList;
		}
		else if(type == 3)
		{
			var urlList = [
	                '/my_baby/baby_glossary/medical1', 
					'/my_baby/baby_glossary/medical2', 
				    '/my_baby/baby_glossary/medical3', 
					'/my_baby/baby_glossary/medical4',
					'/my_baby/baby_glossary/medical5',
					'/my_baby/baby_glossary/medical6'
				  ];
			urlPath = urlList;
		}
		else if(type == 4)
		{
			var urlList = [
	                '/my_baby/baby_glossary/nutrition1', 
					'/my_baby/baby_glossary/nutrition2', 
				    '/my_baby/baby_glossary/nutrition3', 
					'/my_baby/baby_glossary/nutrition4',
					'/my_baby/baby_glossary/nutrition5',
					'/my_baby/baby_glossary/nutrition6'
				  ];
			urlPath = urlList;
		}
		
		return urlPath;
	}
	
	
	function preLoadBubbleImage(imgPath)
	{
		var imgObjects = []; 
		for (var i = 0; i < imgPath.length; i++)
		{ 
			imgObjects[i] = new Image();   
			imgObjects[i].src = imgPath[i];   
		}   
	}
	
	function showBubble(num)
	{
		if(imgGCurrentPath != null)
		{
			var imgMemu = document.getElementById("imgMemu");
			var mainWrapper = document.getElementById("mainWrapper");
			
			var offsetTop = -50;
			var offsetLeft = -45;
				
			var imgBuble = document.getElementById("imgBuble");
			var aImgBuble = document.getElementById("aImgBuble");
			imgBuble.src = imgGCurrentPath[num-1];
			aImgBuble.href = gCurrentURLSet[num-1];
				
			aImgBuble.style.left = imgOffsetX[num-1] + offsetLeft + (getPositionLeft(imgMemu) - getPositionLeft(mainWrapper)) + "px";
			aImgBuble.style.display = "block";
				
			aImgBuble.style.top = offsetTop + getPositionTop(imgMemu) + "px";
		}
     }
	
	function hideBubble()
	{
		var aImgBuble = document.getElementById("aImgBuble");
		aImgBuble.style.display = "none";
	}
	
	function mpClick(arg)
	{
		if(imgGCurrentPath != null)
		{
			var url = gCurrentURLSet[arg-1];
			window.location.href = url;
		}

	}

    function getPositionLeft(This)
	{
		var el = This;var pL = 0;
		while(el){pL+=el.offsetLeft;el=el.offsetParent;}
		return pL;		
	}

	function getPositionTop(This)
	{
		var el = This;var pT = 0;
		while(el){pT+=el.offsetTop;el=el.offsetParent;}
		return pT;
	}
   
	function docClickHandler(e)
	{
		var isFoundImgBuble = false;
		var isMpClick = false;
		var elem = null;
		if (navigator.appName.indexOf("Microsoft")!=-1) 
		{
			elem = window.event.srcElement;
		}
		else if(e)
		{             
			elem = e.target;
		}
		
		if(elem)
		{
			if(elem.id)
			{
				if(elem.id == "imgBuble")
				{
					isFoundImgBuble = true;
				}
				else
				{
					if(elem.id == "mp1")
					{
						mpClick(1);
					}
					else if(elem.id == "mp2")
					{
						mpClick(2);

					}
					else if(elem.id == "mp3")
					{
						mpClick(3);

					}
					else if(elem.id == "mp4")
					{
						mpClick(4);

					}
					else if(elem.id == "mp5")
					{
						mpClick(5);

					}
					else if(elem.id == "mp6")
					{
						mpClick(6);

					}
					else
					{
						//donothing
					}
				
				}
			}
		}
		 
		if(isFoundImgBuble == false) hideBubble(); 
	}
	
	document.onmousedown = docClickHandler;