// Image Viewer Dimensions settings (pixels):
//      var PagePositionLEFT            = 300;                  // Set position of Image viewer from LEFT of page
       var PagePositionTOP             = 199;                  // Set position of Image viewer from TOP of page

        var InterFaceWidth              = 100;                  // Set [Overall] WIDTH |||| minimum length=300
        var ViewingAreaHeight           = 117;                  // Set [Viewing area] HEIGHT |||| minimum length=10
  
        var OverALLBorder               = 'on';                         // Set [Over All] Border 'on' or '' (blank) for off
 
// Image Viewer Colors [example: 'red' or '#FF0000']
        var OverALLBorderColor          = 'black';               // Set color of [Over All] Border

        var ControlsBGColor             = '#ffff00';               // Set color of [Control Area] Background |||| use '' = no color
        var ControlsFontColor           = 'black';              // Set color of [Control Area] Font

        var ViewAreaBGColor             = '#c0c0c0';             // Set color of [Viewing Area] Background |||| use '' = no color

        var ImageBorderColor            = 'black';              // Set color of [Image] Border

        var ButtonBGColor               = 'grey';              // Set color of [Button] Background
        var ButtonFontColor             = 'black';              // Set color of [Button] Font
        var ButtonBorderColor           = 'black';              // Set color of [Button] border

// Image Alignment
        var ImageValignment             = 'bottom';             // Set vertical alignment within viewer (options: top, bottom. middle)
	var CurrentPosition		= 0;
	var StarterPosition		= 0;
var ImageArray = new Array
(
'OD33-2.0','OD36-2.0','OD43','OD43-2.0','OD45-2.0','OD45-2.5','OD56-2.0','OD56-2.5','ODNF-43','ODNF33-2.0','ODNF43-2.0','ODNF45-2.5','ODNF56-2.5','ODTM45-2.0','ODTM56-2.5','PP','PP-2AA','PPL','PPL-2AA','PPLX','PPLX-9VB_2AA','PPT-3468','PPT-4081','SOD4535-2.0','SOD6235-2.5','SOD6262-3.5','SOD6747-2.0','SOD7847-3.0','SODCT4535-2.0','SODCT6235-2.5','SODCT6262-3.5','SODCT6747-2.0','SODCT7847-3.0','WP1','WP1R','WP2','WP2R','WP3','WP3R')


window.onload=InitializePage;

function InitializePage()
{
// Install Image Viewer HTML file name holderInput element
FirstDIV=document.createElement('DIV')
//document.body.appendChild(FirstDIV)

var browser=navigator.appName;
if (browser == "Microsoft Internet Explorer") { 
document.getElementsByName("PlaceHere")(0).appendChild(FirstDIV);
    }
else if (browser == "Netscape") {
    document.getElementById("PlaceHere").appendChild(FirstDIV) ;   }

    
    
FirstDIV.innerHTML="<INPUT type=hidden id=fileNameHolder />"+
"	<TABLE border='0' cellpadding='2' id='interface'>" + 
"		<TR  id='ImageContainer'>" + 
"		</TR>" + 
"       <TR id='ProdName'>" +
"       </TR>" +
"	</TABLE></TD>" 



if (ImageArray!=null)
	{
	StarterPosition = 0;
	for (l=0; l<6; l++)
		{
		if (CurrentPosition == ImageArray.length)
		{
			CurrentPosition = 0;
		}
		TDElement=document.createElement("TD");
		TDElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[CurrentPosition]+".html'><IMG border='0' src='/Plastic-Enclosures-Thumbs/"+ImageArray[CurrentPosition]+".jpg'></a>";
		document.getElementById('ImageContainer').appendChild(TDElement);
	        TDNameElement=document.createElement("TD");
	        TDNameElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[CurrentPosition]+".html'><font face='Century Gothic'><p align=center>"+ImageArray[CurrentPosition]+"</font></p></a>";
	        document.getElementById('ProdName').appendChild(TDNameElement);	

		CurrentPosition = CurrentPosition + 1;
		}
	}
	
//if (ImageArray!=null)
//    {for (l=0; l<6; l++)
//    {
//        TDNameElement=document.createElement("TD");
//        TDNameElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[l]+".html'><p align=center>"+ImageArray[l]+"</p></a>";
//        document.getElementById('ProdName').appendChild(TDNameElement);
//    }
//} 	







setStyles();
setIDs();
setIDs2();
attachEventhandlers();
attachEventhandlers2();
}

function setStyles()
{

// set Image Scroller DIVs height Dimensions
document.getElementById('interface').style.height=ViewingAreaHeight+10+"px";

// image Viewer Color Scheme
document.getElementById('interface').style.backgroundColor=ViewAreaBGColor;

document.getElementById('interface').style.width=InterFaceWidth+"%";
}


// ::::::::::::::::::::::::
// ::: Event Handlers ::
// ::::::::::::::::::::::::


// Attach event handlers to all images within container
function attachEventhandlers()
{
ContainerElement=document.getElementById('ImageContainer');
TDCol=ContainerElement.getElementsByTagName('TD');

if (TDCol!=null)
	{for (l=0; l<TDCol.length; l++)
		{
		IMGCol=TDCol.item(l).getElementsByTagName("IMG");
		IMGCol.item(0).style.cursor="pointer"
		IMGCol.item(0).setAttribute('id',"Image"+l)
		
		}
	}
}


function attachEventhandlers2()
{
ContainerElement=document.getElementById('ProdName')
TDCol=ContainerElement.getElementsByTagName('TD');

if (TDCol!=null)
	{for (l=0; l<TDCol.length; l++)
		{
		IMGCol=TDCol.item(l).getElementsByTagName("p");
		IMGCol.item(0).style.cursor="pointer"
		IMGCol.item(0).setAttribute('id',"Text"+l)   
		
		}
	}
}

// Set ID's for all table cells
function setIDs()
{
ContainerElement=document.getElementById('ImageContainer')
TDCol=ContainerElement.getElementsByTagName('TD');
if (TDCol!=null)
	{	for (i=0; i<TDCol.length; i++)
			{TDCol.item(i).setAttribute('id',i)}
	}
	}


function setIDs2()
{
ContainerElement=document.getElementById('ProdName')
TDCol=ContainerElement.getElementsByTagName('TD');
if (TDCol!=null)
	{	for (i=0; i<TDCol.length; i++)
			{TDCol.item(i).setAttribute('id',"T"+i)}
	}
}




// :::::::::::::::::::::::::
// ::: Scroll Functions ::
// :::::::::::::::::::::::::

function moveLeft()
{  
    
TDCol=document.getElementById('ImageContainer').getElementsByTagName('TD');
firstTD=document.getElementById("0");
ContainerElement=document.getElementById("ImageContainer");
//dupfirstTD=firstTD.cloneNode(false)
//dupfirstTD.innerHTML=firstTD.innerHTML
ContainerElement.removeChild(firstTD);
//ContainerElement.appendChild(dupfirstTD);

firstTD2=document.getElementById("T0");
ContainerElement2=document.getElementById("ProdName");
//firstTD2=document.getElementById("ProdName").children(0);
dupfirstTD2=firstTD2.cloneNode(false)
dupfirstTD2.innerHTML=firstTD2.innerHTML
ContainerElement2.removeChild(firstTD2);
//ContainerElement2.appendChild(dupfirstTD2);

		if (CurrentPosition == ImageArray.length)
		{
			CurrentPosition = 0;
		}
		if (StarterPosition == ImageArray.length)
		{
			StarterPosition = 0;
		}
		TDElement=document.createElement("TD");
		TDElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[CurrentPosition]+".html'><IMG border='0' src='/Plastic-Enclosures-Thumbs/"+ImageArray[CurrentPosition]+".jpg'></a>";
		ContainerElement.appendChild(TDElement);
	        TDNameElement=document.createElement("TD");
	        TDNameElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[CurrentPosition]+".html'><font face='Century Gothic'><p align=center>"+ImageArray[CurrentPosition]+"</font></p></a>";
	        ContainerElement2.appendChild(TDNameElement);	

		CurrentPosition = CurrentPosition + 1;
		StarterPosition = StarterPosition + 1;

setStyles;
setIDs();
attachEventhandlers();

setStyles; 
setIDs2();
attachEventhandlers2();
}


function moveRight()
{

TDCol=document.getElementById('ImageContainer').getElementsByTagName('TD');
lastTD=document.getElementById(TDCol.length-1);
duplastTD=lastTD.cloneNode(false)
duplastTD.innerHTML=lastTD.innerHTML
firstTD=document.getElementById("0");
ContainerElement=document.getElementById("ImageContainer");
//ContainerElement.insertBefore(duplastTD,firstTD);
ContainerElement.removeChild(lastTD);

lastTD2=document.getElementById("T" + (TDCol.length));
duplastTD2=lastTD2.cloneNode(false)
duplastTD2.innerHTML=lastTD2.innerHTML
firstTD2=document.getElementById("T0");
ContainerElement2=document.getElementById("ProdName");
//ContainerElement2.insertBefore(duplastTD2,firstTD2);

ContainerElement2.removeChild(lastTD2);

		CurrentPosition = CurrentPosition - 1;
		StarterPosition = StarterPosition - 1;

		if (CurrentPosition == -1)
		{
			CurrentPosition = ImageArray.length-1;
		}
		if (StarterPosition == -1)
		{
			StarterPosition = ImageArray.length-1;
		}


		TDElement=document.createElement("TD");
		TDElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[StarterPosition]+".html'><IMG border='0' src='/Plastic-Enclosures-Thumbs/"+ImageArray[StarterPosition]+".jpg'></a>";
		ContainerElement.insertBefore(TDElement,ContainerElement.firstChild);
	        TDNameElement=document.createElement("TD");
	        TDNameElement.innerHTML="<a href='/Plastic-Enclosures/"+ImageArray[StarterPosition]+".html'><font face='Century Gothic'><p align=center>"+ImageArray[StarterPosition]+"</font></p></a>";
	        ContainerElement2.insertBefore(TDNameElement,ContainerElement2.firstChild);	



setStyles; 
setIDs();attachEventhandlers();


setStyles;
 setIDs2();attachEventhandlers2();
}