var imageServerURL="http://h2089v01.hyperfive.com/Images/";

// JScript File
//Author:  J. Scott Russom

//var imageServerURL="http://h2089v01.hyperfive.com/Images/";

function getSrcElement(evt) {
	if (document.all) { return evt.srcElement; }
	else { return evt.target; }
};

function DoClick(evt) {
	if (!evt) { evt = window.event; }
  var p;
  p=getSrcElement(evt).parentNode;
  eval(p.href1);
  //eval(p.href.substr(0));
};

function createImageThumbs() {
	var i;
	var p;
	var a;
  var c;
  c=document.getElementById("thumb");
	for (i=0;i<P.length;i++) {
		a=c.appendChild(document.createElement("A"));
    a.onmouseover=DoClick;
    //a.onmouseover="javascript:changePicture(" + i +");";
		a.href="javascript:showZoom(" + i +");";
		a.href1="javascript:changePicture(" + i +");";
		//a.href="javascript:showZoom(" + i +");";
		p = a.appendChild(document.createElement("IMG"));
		if (P[i][2]) {
		    p.src = imageServerURL + "watermarked_thumbnail.aspx?img=" + P[i][0] + "&photoNum=" + P[i][2] + "&w=70&h=70&t=" + P[i][1] + "&catalog=Soccer";
		}
		else {
		    p.src = imageServerURL + "watermarked_thumbnail.aspx?img=" + P[i][0] + "&photoNum=T1&w=70&h=70&t=" + P[i][1] + "&catalog=Soccer";
		}
    //p.style.border="silver 1px solid";
    p.style.display="inline";
		p.border=0;
		p.hspace=1;		
		p.vspace=1;
	};
};

function changePicture(n) {
    if (P.length>0) {
	    var el=document.getElementById("main_picture");
	    var ell=document.getElementById("main_picture_link");
	    //var eli=document.getElementById("imgZoomImg");
		//P[n][1]="I";
	    var imageLink = "";
	    if (P[n][2]) {
	        imageLink = imageServerURL + "watermarked_thumbnail.aspx?img=" + P[n][0] + "&photoNum=" + P[n][2] + "&t=" + P[n][1] + "&catalog=Soccer";
	    }
	    else {
	        imageLink = imageServerURL + "watermarked_thumbnail.aspx?img=" + P[n][0] + "&photoNum=T1&t=" + P[n][1] + "&catalog=Soccer";
	    }
	    if (el) {
		    el.src=imageLink+"&w=300&h=300";
		    ell.href="javascript:showZoom(" + n +");";
		    //eli.src=imageLink;
            showMessage(n);
		    currentPic=n;
	    };
    };
};

function showZoom(n) {
	//var Y = window.screen.availWidth;
    if (P.length>0) {
	    //var el=document.getElementById("main_picture");
	    //var ell=document.getElementById("main_picture_link");
	    var eli=document.getElementById("imgZoomImg");
	    var imageLink = "";
	    if (P[n][2]) {
	        imageLink = imageServerURL + "watermarked_thumbnail.aspx?img=" + P[n][0] + "&photoNum=" + P[n][2] + "&t=" + P[n][1] + "&catalog=Soccer";
	    }
	    else {
	        imageLink = imageServerURL + "watermarked_thumbnail.aspx?img=" + P[n][0] + "&photoNum=T1&t=" + P[n][1] + "&catalog=Soccer";
	    }
	    //if (el) {
		    //el.src=imageLink+"&w=185";
		    //ell.href="javascript:showZoom(" + n +");";
		    eli.src=imageLink;
        //  showMessage(n);
		    //currentPic=n;
	    //};
    };
	document.getElementById('imgZoom').style.visibility = 'visible';
};

function hideZoom() {
	document.getElementById('imgZoom').style.visibility = 'hidden';
};

function checkImage() {
    s=imageServerURL+"Images/icon_imagecoming_100x100.gif";
    var x=document.getElementById("main_picture");
    if (x.src!=s) {
        x.src=s;
    };
};

function showMessage(n) {
    if (P.length>0) {
	    var c=document.getElementById("item_caption_box");
        if (c) {
            c.innerHTML=P[n][1];
        };
    };
};

function showImages() {
    var c = document.getElementById("main_product_image");
	//var c=document.getElementById("item_pic_box");
	var pml=document.createElement("a");
	var pm=document.createElement("img");
	if (c) {
	    c.innerHTML = "";
	    pml.id="main_picture_link";
	    pm.id="main_picture";
		pm.border=0;
		pm.hspace=0;		
		pm.vspace=0;
        pm.onerror=checkImage;
        pml.appendChild(pm);
        c.appendChild(pml);
		c.appendChild(document.createElement("BR"));
		changePicture(0);
		//c.innerHTML = c.innerHTML + "Click images to enlarge";
	};
};

function showSecondaryImages() {
        if (P.length>0) {
            document.getElementById('secondaryImages').style.position = 'static';
            document.getElementById('secondaryImages').style.visibility = 'visible';
        };
        //if (P.length>1) {
        if (P.length>0) {
            document.getElementById('thumnailSection').style.position = 'static';
            document.getElementById('thumnailSection').style.visibility = 'visible';
        };
};


function writeJSsecondaryImagesHTML(){
var str='';
str+='<div id="secondaryImages" style="visibility:hidden; position:absolute;">';
str+='<div class=\'imgZoom\' id=\'imgZoom\'>';
str+='	<table border=0 cellpadding=3 cellspacing=0 bgcolor=black style="border-right: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid;">';
str+='		<tr><td align=center>';
str+='			<div id=\'imgZoomWords\'><a href="javascript:hideZoom();" style="color: white;">Click image to close.<\/a><\/div>';
str+='			<a href="javascript:hideZoom();"><img id=\'imgZoomImg\' name=\'imgZoomImg\' alt=\'Click image to close.\' src=\'\' border=0 hspace=0 vspace=0 \/><br \/><\/a>';
str+='		<\/td><\/tr>';
str+='	<\/table>';
str+='<\/div>';
str+='    <table border="0" cellspacing="0" cellpadding="0" width="260px">';
str+='        <tr align="center" valign="top">';
str+='            <td bgcolor="#FFFFFF" align="center" width="260px">';
str+='	<style type="text\/css">';
str+='	<!--';
str+='		.imgZoom {';
str+='            visibility:hidden;';
str+='            position:absolute;';
str+='            margin-left:-150px;';
str+='            margin-top:-400px;';
str+='			}';
str+='	-->';
str+='	<\/style>';
str+='                <table id="thumnailSection" border="0" cellspacing="0" cellpadding="0" width="260px" style="visibility:hidden; position:absolute;">';
str+='                    <!--<tr>';
str+='                        <td align="center" valign="top" width="25%" class="productAllimagegv">';
str+='                            <div align="center" style=\'width: 100%\' id="item_caption_box">';
str+='                            <\/div>';
str+='                        <\/td>';
str+='                    <\/tr>-->';
str+='                    <tr align="center" valign="top">';
str+='                        <td align="center" valign="middle" width="260px">';
str+='                            <font size=1 color="000000" face="verdana, arial, helvetica">Click images to enlarge.<\/font>';
str+='                            <div id="thumb">';
str+='                            <\/div>';
str+='                            <!--<font size=1 color="000000" face="verdana, arial, helvetica">Click images to enlarge.<\/font>-->';
str+='                            <!--font size=1 color="000000" face="verdana, arial, helvetica">Mouse over images above to enlarge.<br \/>Click image below to further enlarge.<\/font-->';
str+='                        <\/td>';
str+='                    <\/tr>';
str+='                <\/table>';
str+='                <div id="item_pic_box">';
str+='                <\/div>';
str+='                <script language="javascript" type="text\/javascript">createImageThumbs();<\/script>';
str+='                <script language="javascript" type="text\/javascript">showImages();<\/script>';
str+='            <\/td>';
str+='        <\/tr>';
str+='    <\/table>';
str+='<\/div>';
str+='<script language="javascript" type="text\/javascript">showSecondaryImages();<\/script>';
document.write(str);
}
writeJSsecondaryImagesHTML();