document.write("<link href=\"styles/hide_over.css\" rel=\"stylesheet\" type=\"text/css\">");

//addLoadListener(initEvents);
addLoadListener(initEvents2);

function initEvents()
{
  var mylink = document.getElementById("left");

  attachEventListener(mylink, "click", show, false);
  
 // var paragraph = document.getElementsByTagName("p")[0];
  
 // attachEventListener(paragraph, "click", engage, false);
  
  return true;
}

function initEvents2()
{
  var mylink2 = document.getElementById("back_link");

  attachEventListener(mylink2, "click", fadeOut, false);
  
 // var paragraph = document.getElementsByTagName("p")[0];
  
 // attachEventListener(paragraph, "click", engage, false);
  
  return true;
}


function engage(event)
{
  if (typeof event == "undefined")
  {
    event = window.event;
  }
  
  alert("She canna take no more cap'n!");
  
  stopEvent(event);
  
  return true;
}

function stopEvent(event)
{
  if (typeof event.stopPropagation != "undefined")
  {
    event.stopPropagation();
  }
  else
  {
    event.cancelBubble = true;
  }

  return true;
}

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 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 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;
}

	var dfade;
	var stf;
	var divs = new Array();
	var degree = 10;

var dfade=document.getElementById("mask");
var stf=document.getElementById("back");

function dumpDiv(){
var dfade=document.getElementById("mask");
var stf=document.getElementById("back");	
	dfade.style.position="absolute";
	dfade.style.top="-1000px";
	stf.style.position="absolute";
	stf.style.top="-1000px";
}

var n=80;
if(document.all){// msie
	n=10;
}

function show_this(main_im, imw, imh, itnum, cap, pric, widt, heigh){
	var sezies  = "";
	var he = heigh.replace(/_/g, " ");
	var wi = widt.replace(/_/g, " ");
	var pr = pric.replace(/_/g, " ");
	var ca = cap.replace(/_/g, " ");
	if(widt.length>1){
		sezies += "width: " + wi + " <br />";	
	}
	if(heigh.length>1){
		sezies += "height: " +  he;
	}
	var placeholdr = document.getElementById("lrge_img");
	placeholdr.src=main_im;	//as a check, try commenting out this line to see...
	placeholdr.style.width = imw + "px";
	placeholdr.style.height = imh + "px";
	var capholdr = document.getElementById("popcap");
	capholdr.innerHTML = "<strong>" + ca + "</strong><br /> item " + itnum + "<br />price: " + pr + "<br />" + sezies + "<br />";
	show();
	window.scrollTo(0,0);
}
	
function fadeOut(){
	var dfade=document.getElementById("mask");
	clearTimeout(t);
	clearTimeout(vw);
	if (degree<10){
	var placeholdr = document.getElementById("lrge_img");
	placeholdr.src="1.gif";
	var von = document.getElementById("left");
	var dfade=document.getElementById("mask");
	var stf=document.getElementById("back");
	if(navigator.appVersion.indexOf("MSIE 6") != -1){
			dfade.style.position="absolute";
			stf.style.position="absolute";
		}
	von.style.position="static";
		dumpDiv();//move
	}else{
		degree-=9;
		typeopacity(dfade);
		window.setTimeout("fadeOut()",n);
	} 
}
/*if (parseInt(navigator.appVersion) >= "5" || navigator.appVersion.indexOf("MSIE 5") != -1){
document.write("<link rel=\"stylesheet\" href=\"freeform.css\" type=\"text/css\">");
}

else{
document.write("<link rel=\"stylesheet\" href=\"v6_freeform.css\" type=\"text/css\">");
}
*/

function show(){
	var von = document.getElementById("left");
	var dfade=document.getElementById("mask");
	var stf=document.getElementById("back");
	if(navigator.appVersion.indexOf("MSIE 6") != -1){
			von.style.position="absolute";
			dfade.style.position="absolute";
			stf.style.position="absolute";
			dfade.style.height="1000px";
		}else{
			von.style.position="fixed";
			dfade.style.position="fixed";
			stf.style.position="fixed";
		}
	dfade.style.top="0px";
	dfade.style.left="0px";
	fadeIn();
	return true;
}

/*function showImg(){
	stf.style.top="150px";
}*/

function typeopacity(itm){
		if (typeof itm.filters == 'object'){ //if IE...
			if (typeof itm.filters.opacity=="number"){ //if IE6+
				itm.filters.opacity=degree;
			}else{ //else if IE5.5-
				itm.style.filter="alpha(opacity="+degree+")";
			}
		}else if (typeof itm.style.MozOpacity != 'undefined'){
			itm.style.MozOpacity=degree/101;
		}else if (typeof itm.style.KhtmlOpacity != 'undefined'){
			itm.style.KhtmlOpacity=degree/100;
		}else if (typeof itm.style.opacity != 'undefined' && !itm.filters){
			itm.style.opacity=degree/101;
		}
}

function fadeIn(){
	var dfade=document.getElementById("mask");
	var stf=document.getElementById("back");
	if (degree>80){
		stf_pos();
		return degree;
	}else{
		degree+=9;
		typeopacity(dfade);
		t=window.setTimeout("fadeIn()",n);
	}
}


function stf_pos(){
	var stf=document.getElementById("back");
	var stf_width = stf.offsetWidth;
	var stf_height = stf.offsetHeight;
	var siz = getViewportSize();
	var lp = (siz[0] - stf_width)/2;
	var tp = 10;
	if(stf_height < siz[1]){
			tp = (siz[1] - stf_height)/2;
	}
	stf.style.top= tp + "px";
	stf.style.left = lp + "px";
	vw = window.setTimeout("stf_pos()",500);
}