
function SlidingStrips(container,containerWidth,randFactor,nStripsNum,nOffset,nFullyOpened,aStripContent,aReplacementContent)
{
	this.collapsedStatus = new Array();
	this.expandedStatus = new Array();

	this.containerAssgn = container;
	this.containerWidthAssgn = containerWidth;
	this.nStripsNumAssgn = nStripsNum;
	this.nOffsetAssgn = nOffset;
	this.nFullyOpenedAssgn = nFullyOpened;
	this.aStripContentAssgn = aStripContent;
	this.aReplacementContentAssgn = aReplacementContent;
	this.randNumAssgn = randFactor;


	this.StripsNew = Strips;
	this.slideNew = slide;
	this.animateSliderUpNew = animateSliderUp;
	this.animateSliderDownNew = animateSliderDown;
}

function Strips()
{
	var totalHeight = (this.nStripsNumAssgn-1)*this.nOffsetAssgn+this.nFullyOpenedAssgn;
	var containerHeight = totalHeight;
	document.getElementById(this.containerAssgn).style.width = this.containerWidthAssgn+"px";
	document.getElementById(this.containerAssgn).style.height = containerHeight+"px";
	document.getElementById(this.containerAssgn).style.overflow = "hidden";
	// CLIPPING WORKS ONLY ON ABSOLUTE POSITIONED ITEMS
	document.getElementById(this.containerAssgn).style.position = "absolute";
	document.getElementById(this.containerAssgn).style.clip = "rect(0px "+this.containerWidthAssgn+"px "+parseInt(this.nFullyOpenedAssgn+((this.nStripsNumAssgn-1)*this.nOffsetAssgn))+"px 0px)";

	if(this.randNumAssgn == 0 )
	{
		//generaetes a rand num between 1 and number of strips
		var randNum = Math.ceil(Math.random()*this.nStripsNumAssgn);
	}
	else
	{
		var randNum = this.randNumAssgn;
	}


	var stripCount = new Array();
	//need to create the div's
	for(i=1;i< (parseInt(this.nStripsNumAssgn)+1);i++)
	{
		stripCount[i] = document.createElement("div");
	}

	var offset = 0;

	for(i=1;i<stripCount.length;i++)
	{

		stripCount[i].style.width = this.containerWidthAssgn+"px";
		stripCount[i].style.height = this.nFullyOpenedAssgn+"px";
		stripCount[i].style.position = "absolute";
		stripCount[i].style.backgroundImage = "url(/images/shell/greyline_experts.gif)";
		stripCount[i].style.backgroundPosition = "top left";
		stripCount[i].style.backgroundRepeat= "repeat-x";
		//stripCount[i].style.display = "block";
		//stripCount[i].style.zIndex = i+100;
		stripCount[i].id = this.containerAssgn+"_"+i;


		if(i == randNum)
		{
			stripCount[i].style.top = offset+"px";
			stripCount[i].style.left = "0px";
			stripCount[i].innerHTML = this.aReplacementContentAssgn[i];

			offset += this.nFullyOpenedAssgn;

			this.collapsedStatus[i] = (i-1)*parseInt(this.nOffsetAssgn);
			// the difference between fully opened - fully closed
			this.expandedStatus[i] = (i-1)*parseInt(this.nOffsetAssgn)+(this.nFullyOpenedAssgn-this.nOffsetAssgn);

		}
		else
		{
			stripCount[i].style.top = offset+"px";
			stripCount[i].style.left = "0px";

			offset += this.nOffsetAssgn;

			this.collapsedStatus[i] = (i-1)*parseInt(this.nOffsetAssgn);
			// the difference between fully opened - fully closed
			this.expandedStatus[i] = (i-1)*parseInt(this.nOffsetAssgn)+(this.nFullyOpenedAssgn-this.nOffsetAssgn);
		}

		//stripCount[i].style.backgroundColor = "rgb("+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+","+Math.floor(Math.random()*256)+")";
		stripCount[i].style.backgroundColor = "#FFF";
		//stripCount[i].style.height= "100%";

		if(i != randNum)
		{
			stripCount[i].innerHTML = this.aStripContentAssgn[i];
		}

		document.getElementById(this.containerAssgn).appendChild(stripCount[i]);
	}
}

//var i;

function slide(element_id,container,objName,aStripContent,aReplacementContent)
{

	for(var i=1;i<aStripContent.length;i++)
	{
		document.getElementById(this.containerAssgn+"_"+i).innerHTML = this.aStripContentAssgn[i];

		if( i <= element_id)
		{
			this.animateSliderUpNew(element_id,i,this.containerAssgn,objName);
		}
		else if(i > element_id)
		{
			this.animateSliderDownNew(element_id,i,this.containerAssgn,objName);
		}
	}

	document.getElementById(this.containerAssgn+"_"+element_id).innerHTML = this.aReplacementContentAssgn[element_id];
}


function animateSliderUp(element_id,z,container,objName)
{
	getCH = document.getElementById(container+"_"+z).style.top.split("px");
	if(parseInt(getCH[0]) > this.collapsedStatus[z])
	{
		document.getElementById(container+"_"+z).style.top = parseInt(getCH[0])-3+"px";
		var slideTimer = setTimeout(""+objName+".animateSliderUpNew("+element_id+","+z+",'"+container+"','"+objName+"')",1);
	}
	else
	{
		clearTimeout(slideTimer);

	}
}


function animateSliderDown(element_id,z,container,objName)
{
	getCH = document.getElementById(container+"_"+z).style.top.split("px");
	if(parseInt(getCH[0]) < this.expandedStatus[z])
	{
		document.getElementById(container+"_"+z).style.top = parseInt(getCH[0])+3+"px";

		var slideTimer2 = setTimeout(""+objName+".animateSliderDownNew("+element_id+","+z+",'"+container+"','"+objName+"')",1);
	}
	else
	{
		clearTimeout(slideTimer2);
	}
}