addLoadListener(initTooltips);
var vid;
var currimage;
	var counter=0;



			

function initTooltips()
{
    var tips = getElementsByAttribute("class", "thumb");
  
  var vH = document.getElementById("videoHolder");

  for (var i = 0; i < tips.length; i++)
  {
    attachEventListener(tips[i], "click", showImage, false);
    attachEventListener(tips[i], "mousemove", showSummary, false);
  }
  return true;
}

function showSummary(){
	var vidSummary = document.getElementById("vidSummary");	
	var imgSummary = document.getElementById("imgSummary");	
	var target = getEventTarget(event);
	var parent = target.parentNode;
	var caption=target.title;	

}

function changeImages(){
	var arrowleft = document.getElementById("left");
	var arrowright = document.getElementById("right");	
	var newImage = document.getElementById("largeImage");
	var imgs = getElementsByAttribute("class", "thumb");

	var target = getEventTarget(event);
	var src=target.src;	
	var smallImage;
	var numString;

	if ((target.src).indexOf("slider_leftarrow")>0){
		currimage--;
	}else{
		currimage++;		
	}

		numString = currimage.toString();		
		smallImage = document.getElementById(numString);
		var pattern = /photothumbs/;
		var imgsrc = smallImage.src;

		var caption= smallImage.title;
		var imageCaption = document.getElementById("imageCaption");

		var result = imgsrc.replace(pattern, "photos");
		
		newImage.alt = caption;
		newImage.title = caption;
		newImage.src = result;
		imageCaption.innerHTML = caption;
				
		if (currimage>0){
		 arrowleft.style.visibility = "visible";
		}else{
		  arrowleft.style.visibility = "hidden";
		}
		if (currimage<counter-1 ){
		 arrowright.style.visibility = "visible";
		}else{
		  arrowright.style.visibility = "hidden";
		}
		
	return true;
}


function showImage(){
		var path="";
		var target = getEventTarget(event);
		var parent = target.parentNode;
		var videoCaption = document.getElementById("videoCaption");
		var videoTitle =  document.getElementById("videoTitle");
		var src=target.src;
		currimage = target.id;
		var title=target.alt;
		var caption=target.title;
		var videoDiv = document.getElementById("videoHolder");
		path=parent.href;
		videoCaption.innerHTML = caption;
		videoTitle.innerHTML = title;
		show_video(path);
		return false;
		
}

function closeDiv(){
	var imageDiv = document.getElementById("imageDisplay");
		imageDiv.style.visibility = "hidden";	
	document.getElementById("left").style.visibility = "hidden";	
	document.getElementById("right").style.visibility = "hidden";		
	}





function addLoadListener(fn)
{
  if (typeof window.addEventListener != 'undefined')
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
  else
  {
    var oldfn = window.onload;
    if (typeof window.onload != 'function')
    {
      window.onload = fn;
    }
    else
    {
      window.onload = function()
      {
        oldfn();
        fn();
      };
    }
  }
}
function attachEventListener(target, eventType, functionRef, capture)
{
  if (typeof target.addEventListener != "undefined")
  {
    target.addEventListener(eventType, functionRef, capture);
  }
  else if (typeof target.attachEvent != "undefined")
  {
    target.attachEvent("on" + eventType, functionRef);
  }
  else
  {
    eventType = "on" + eventType;

    if (typeof target[eventType] == "function")
    {
      var oldListener = target[eventType];

      target[eventType] = function()
      {
        oldListener();

        return functionRef();
      }
    }
    else
    {
      target[eventType] = functionRef;
    }
  }

  return true;
}

function getEventTarget(event)
{
  var targetElement = null;

  if (typeof event.target != "undefined")
  {
    targetElement = event.target;
  }
  else
  {
    targetElement = event.srcElement;
  }

  while (targetElement.nodeType == 3 && targetElement.parentNode != null)
  {
    targetElement = targetElement.parentNode;
  }

  return targetElement;
}

function getViewportSize()
{
  var size = [0,0];

  if (typeof window.innerWidth != 'undefined')
  {
    size = [
        window.innerWidth,
        window.innerHeight
    ];
  }
  else if (typeof document.documentElement != 'undefined'
      && typeof document.documentElement.clientWidth != 'undefined'
      && document.documentElement.clientWidth != 0)
  {
    size = [
        document.documentElement.clientWidth,
        document.documentElement.clientHeight
    ];
  }
  else
  {
    size = [
        document.getElementsByTagName('body')[0].clientWidth,
        document.getElementsByTagName('body')[0].clientHeight
    ];
  }

  return size;
}

function getScrollingPosition()
{
  var position = [0, 0];

  if (typeof window.pageYOffset != 'undefined')
  {
    position = [
        window.pageXOffset,
        window.pageYOffset
    ];
  }

  else if (typeof document.documentElement.scrollTop != 'undefined'
      && document.documentElement.scrollTop > 0)
  {
    position = [
        document.documentElement.scrollLeft,
        document.documentElement.scrollTop
    ];
  }

  else if (typeof document.body.scrollTop != 'undefined')
  {
    position = [
        document.body.scrollLeft,
        document.body.scrollTop
    ];
  }

  return position;
}

function getElementsByAttribute(attribute, attributeValue)
{
  var elementArray = new Array();
  var matchedArray = new Array();

  if (document.all)
  {
    elementArray = document.all;
  }
  else
  {
    elementArray = document.getElementsByTagName("*");
  }

  for (var i = 0; i < elementArray.length; i++)
  {
    if (attribute == "class")
    {
      var pattern = new RegExp("(^| )" + attributeValue + "( |$)");

      if (elementArray[i].className.match(pattern))
      {
        matchedArray[matchedArray.length] = elementArray[i];
      }
    }
    else if (attribute == "for")
    {
      if (elementArray[i].getAttribute("htmlFor") || elementArray[i].getAttribute("for"))
      {
        if (elementArray[i].htmlFor == attributeValue)
        {
          matchedArray[matchedArray.length] = elementArray[i];
        }
      }
    }
    else if (elementArray[i].getAttribute(attribute) == attributeValue)
    {
      matchedArray[matchedArray.length] = elementArray[i];
    }
  }

  return matchedArray;
}