function showvid(id)
{
 vidid = "vid" + id;
 linkid = "link" + id;
 div = document.getElementById(vidid);
 linki = document.getElementById (linkid)
 if (div.className == 'showvid')
 		{
		 div.className = 'hidevid';
		 linki.innerHTML = 'Watch The Video';
		 
		}else{
					div.className = 'showvid';
					linki.innerHTML = 'You\'re watching a video. Good for you!';				
				 }
}

function showmed(imgsrc, event, imgid)
{
//Get initial variables
  var target = document.getElementById('hidden');
  var thumb = document.getElementById(imgid);
  var posx = 0;
  var posy = 0;
  var arrow = document.getElementById('arrow');
  var twidth = thumb.width;
  var par = thumb.offsetParent;
//interate through parent nodes of thumb and get sum of positions
		 while(thumb)
     		{
    		 posx += thumb.offsetLeft;
    		 posy += thumb.offsetTop;
    		 thumb = thumb.offsetParent;
    		}
//set additional variables for positioning

  
    
//set visibility of larger image and position of divs

 var img = imgid + ".jpg";
 var newimg = document.createElement("img");
 var insertpoint = document.getElementById("hidden").childNodes[1];
 newimg.id = "newimg";
 newimg.src = imgsrc + '/' + img;
 newimg.style.display = 'block';
 newimg.style.margin = '10px';
 document.getElementById("hidden").insertBefore(newimg, insertpoint);
 //<img id="hoveimg" name="hoveimg" src="" style="display: block; margin: 10px 10px 10px 10px">
 	//document.images.hoveimg.src = imgsrc + '/' + img;
      var height = newimg.height;
      var width = newimg.width;
    	var newwidth = width / 2 ;
    	var newposy = posy - height -35;
     	var newposx = posx - width/2 + (twidth*.5)-13;
    	 
     target.style.left = newposx + 'px';
     target.style.top = newposy +'px';
     arrow.style.left = newwidth + 'px';
     target.style.visibility='visible';
}
function hide()
{
var resettar = document.getElementById('hidden');
var hoveimg = document.getElementById('newimg');
resettar.style.left = 0 + 'px';	 
resettar.style.top = 0 + 'px';
hoveimg.parentNode.removeChild(hoveimg);
resettar.style.visibility="hidden"; 
}

