//--------------------------------------------------------------------------------------------------
// All material contained within this and associated downloaded pages is the property of 4thorder(TM) 
// Copyright © 2005.  All rights reserved.
//
// Author: Michael Falatine || Authors email: 4thorder@4thorder.us
//
// USAGE: You may use this script for commercial or personal use, however, the copyright is retained-
// by 4thorder (TM).
//
// For other free Scripts visit: http://www.4thorder.us/Scripts/
//---------------------------------------------------------------------------------------------------
// :::::::::::::::::::::::::
// ::: Initialize Page ::::
// :::::::::::::::::::::::::

//window.onload=InitializePage;

function FlexihireInitializePage()
{
// Install Image Viewer HTML file name holderInput element
FlexihireFirstDIV=document.createElement('DIV')
document.body.appendChild(FlexihireFirstDIV)
FlexihireFirstDIV.innerHTML = "<INPUT type=hidden id=FlexihireFileNameHolder>" +
"<DIV id='FlexihireInterface'>" +
"	<DIV id='FlexihireViewingArea'>" + 
"	<TABLE border='0' cellpadding='0'>" +
"		<TR  id='FlexihireImageContainer'>" + 
"		</TR>" + 
"	</TABLE>" + 
"	</DIV>" +
"	<DIV id='FlexihireControls'>" +
"		<DIV id='FlexihireVerbiage'>" + 
"		</DIV>" +
"		<DIV id='FlexihireScrollLeft'>" +
"			<INPUT onclick='FlexihireMoveLeft()' type='button' value='&lt;&lt; Previous'>" + 
"		</DIV>" +
"		<DIV id='FlexihireScrollRight'>" +
"			<INPUT onclick='FlexihireMoveRight()' type='button' value='Next &gt;&gt;'>" + 
"		</DIV>" + 
"	</DIV>" + 
"</DIV>"


if (FlexihireImageArray != null) {
    for (l = 0; l < FlexihireImageArray.length; l++)
		{
		FlexihireTDElement=document.createElement("TD");
		FlexihireTDElement.innerHTML="<IMG border='0' src='../Content/Images/Offers/"+FlexihireImageArray[l]+"'>"
		document.getElementById('FlexihireImageContainer').appendChild(FlexihireTDElement)		
		}
	}

	FlexihireSElement = document.getElementById('FlexihireVerbiage')
//FlexihireSElement.innerHTML='<A href=http://www.eurohiredrive.com ><font color='+FlexihireControlsFontColor+'>[DHTML Image Viewer]</font></A><br><font size=2>Use arrows to scroll images | Click image to view</font>'

setFlexihireStyles();
setFlexihireIDs();
attachFlexihireEventhandlers();
}

function setFlexihireStyles()
{
// set Image Scroller DIVs width Dimensions and position type
    document.getElementById('FlexihireInterface').style.position = "absolute";
    document.getElementById('FlexihireInterface').style.width = FlexihireInterfaceWidth + "px";
    document.getElementById('FlexihireInterface').style.overflow = "hidden";

    FlexihireDIVCol = document.getElementById('FlexihireInterface').getElementsByTagName('DIV');
if (FlexihireDIVCol!=null)
	{for (p=0; p<FlexihireDIVCol.length; p++)
		{
		FlexihireDIVCol.item(p).style.position="absolute";
		FlexihireDIVCol.item(p).style.width=FlexihireInterfaceWidth+"px";
		if(FlexihireDIVCol.item(p).id=="FlexihireScrollRight")
			{
			FlexihireDIVCol.item(p).style.width=FlexihireInterfaceWidth-40+"px";
			FlexihireDIVCol.item(p).style.textAlign="right";
			}
		}
	}

	document.getElementById('FlexihireScrollLeft').style.width = 40 + "px";
	document.getElementById('FlexihireVerbiage').style.width = FlexihireInterfaceWidth - 80 + "px";

// set z-index
	document.getElementById('FlexihireInterface').style.zIndex = 1;
	document.getElementById('FlexihireViewingArea').style.zIndex = 2;
	document.getElementById('FlexihireControls').style.zIndex = 2;
	document.getElementById('FlexihireVerbiage').style.zIndex = 5;
	document.getElementById('FlexihireScrollLeft').style.zIndex = 4;
	document.getElementById('FlexihireScrollRight').style.zIndex = 4;


// set positions (left)
document.getElementById('FlexihireViewingArea').style.left=0+"px";
document.getElementById('FlexihireControls').style.left=0+"px";
document.getElementById('FlexihireScrollLeft').style.left=2+"px";
document.getElementById('FlexihireScrollRight').style.left=38+"px";
document.getElementById('FlexihireVerbiage').style.left=40+"px";

// set positions (top)
document.getElementById('FlexihireViewingArea').style.top=0+"px";
document.getElementById('FlexihireScrollLeft').style.top=5+"px";
document.getElementById('FlexihireScrollRight').style.top=5+"px";
document.getElementById('FlexihireControls').style.top=FlexihireViewingAreaHeight+2+"px";

// set Image Scroller DIVs height Dimensions
document.getElementById('FlexihireControls').style.height=35+"px";
document.getElementById('FlexihireVerbiage').style.height=35+"px";
document.getElementById('FlexihireViewingArea').style.height=FlexihireViewingAreaHeight+"px";
document.getElementById('FlexihireInterface').style.height=FlexihireViewingAreaHeight+35+"px";

// Set Viewer Page position
document.getElementById('FlexihireInterface').style.left= FlexihirePagePositionLEFT+"px";
document.getElementById('FlexihireInterface').style.top= FlexihirePagePositionTOP+"px";

// text alignment for controller text
document.getElementById('FlexihireVerbiage').style.textAlign='center';

// image Viewer Color Scheme
document.getElementById('FlexihireControls').style.backgroundColor=FlexihireControlsBGColor;
document.getElementById('FlexihireVerbiage').style.color=FlexihireControlsFontColor;
document.getElementById('FlexihireViewingArea').style.backgroundColor=FlexihireViewAreaBGColor;

if(FlexihireOverALLBorder=='on'){
document.getElementById('FlexihireInterface').style.borderStyle='solid';
document.getElementById('FlexihireInterface').style.borderWidth="1px";
document.getElementById('FlexihireInterface').style.borderColor=FlexihireOverALLBorderColor;}

// Image Styles
FlexihireIMGCol=document.getElementById('FlexihireInterface').getElementsByTagName('IMG');
if (FlexihireIMGCol!=null)
	{for (im=0; im<FlexihireIMGCol.length; im++)
		{
		FlexihireIMGCol.item(im).style.borderStyle='solid';
		FlexihireIMGCol.item(im).style.borderWidth="1px";
		FlexihireIMGCol.item(im).style.borderColor=ImageBorderColor;
		}
	}

// Button Styles
BTNCol=document.getElementById('FlexihireInterface').getElementsByTagName('INPUT');
if (BTNCol!=null)
	{for (p=0; p<BTNCol.length; p++)
		{
		BTNCol.item(p).style.borderStyle='solid';
		BTNCol.item(p).style.borderWidth="1px";
		BTNCol.item(p).style.backgroundColor=ButtonBGColor;
		BTNCol.item(p).style.color=ButtonFontColor;
		BTNCol.item(p).style.borderColor=ButtonBorderColor;
		}
	}

// Table Cell Styles
FlexihireTDCol=document.getElementById('FlexihireInterface').getElementsByTagName('TD');
if (FlexihireTDCol!=null)
	{for (td=0; td<FlexihireTDCol.length; td++)
		{FlexihireTDCol.item(td).style.verticalAlign=ImageValignment;}}
}


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

function onclickFlexihireHandler(e)
{
// Browser compatibility code
	var targ;
	if (!e){var e = window.event;}
	
	if (e.target)
		{	targ = e.target;
			var xpos=(e.pageX); var ypos=(e.pageY);}
	
	else if (e.srcElement)
		{	var xpos=(event.x);	var ypos=(event.y);
			targ = e.srcElement;}

// Strip file name from image src
	var spath=targ.getAttribute('src');
	wholePathLength=spath.length;
	strippedPathLength=spath.substring(0,spath.lastIndexOf("/")).length;
	ifm= spath.substring(strippedPathLength+1,wholePathLength);
// Store file name in holder for use by popup windoow
	document.getElementById('FlexihireFileNameHolder').value=ifm;
// Open the window at location of thumbnail image
	var pos = "left="+xpos+",top="+ypos;
	//window.open("imageViewerPopup.htm", "imageWindow", "width=18,height=18,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no," + pos);
	window.location = "FlexiHire.aspx";
}

// Attach event handlers to all images within container
function attachFlexihireEventhandlers()
{
FlexihireContainerElement=document.getElementById('FlexihireImageContainer')
FlexihireTDCol=FlexihireContainerElement.getElementsByTagName('TD');

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

// Set ID's for all table cells
function setFlexihireIDs()
{
FlexihireContainerElement=document.getElementById('FlexihireImageContainer')
FlexihireTDCol=FlexihireContainerElement.getElementsByTagName('TD');
if (FlexihireTDCol!=null)
	{	for (i=0; i<FlexihireTDCol.length; i++)
			{FlexihireTDCol.item(i).setAttribute('id',i+100)}
	}
}

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

function FlexihireMoveLeft()
{
FlexihireContainerElement=document.getElementById("FlexihireImageContainer");
FlexihireFirstTD=document.getElementById("100");
FlexihireDupFirstTD=FlexihireFirstTD.cloneNode(false)
FlexihireDupFirstTD.innerHTML=FlexihireFirstTD.innerHTML
FlexihireContainerElement.removeChild(FlexihireFirstTD);
FlexihireContainerElement.appendChild(FlexihireDupFirstTD);
setFlexihireStyles; setFlexihireIDs();attachFlexihireEventhandlers();
}

function FlexihireMoveRight()
{
FlexihireLastTD=document.getElementById(FlexihireTDCol.length+99);
FlexihireDupLastTD=FlexihireLastTD.cloneNode(false)
FlexihireDupLastTD.innerHTML=FlexihireLastTD.innerHTML
FlexihireFirstTD=document.getElementById("100");
FlexihireContainerElement=document.getElementById("FlexihireImageContainer");
FlexihireContainerElement.insertBefore(FlexihireDupLastTD,FlexihireFirstTD);
FlexihireContainerElement.removeChild(FlexihireLastTD);
setFlexihireStyles; setFlexihireIDs();attachFlexihireEventhandlers();
}