BASIK_VSHomePage = function(autopushes)

{

}



var proto = BASIK_VSHomePage.prototype;



// Handle the animated sub features.

//

//original

proto.wrapFeatures			= true;		// If true the features are endless.

proto.slideOnHoldButtons	= false;	// If true the features slide while the buttons are held down.

proto.autoPlay				= false;	// If true the features slide by themselves when the mouse is not over them.

proto.autoPush				= true;		// If true and autoPlay is false then the left arrow will auto-click after 4 seconds of inactivity.



proto.autoPlayLeft 			= true;

proto.buttonIsDown 			= false;

proto.isMouseOverFeatures 	= false;

proto.autoPushIntervalId 	= null;

proto.overLeftArrow 		= false;

proto.overRightArrow 		= false;

proto.maxAutoPushes			= 4;

proto.pushDelay				= 8000;

proto.moveInterval			= 1;

proto.abTestMode			= "";



proto.subFeaturesWidth 			= 864;		// Corrected in initialize ( ) to be the actual width of ALL the sub-features content.

proto.subFeatureRightMargin		= 3;

proto.subFeatureWidth			= 286;

proto.subFeatureContainerWidth	= 864;



// Called after the page is loaded. Initializes some callbacks

// and determines the rendered with of the features.

//



proto.initialize = function (abtestmode)

{

	if (abtestmode != undefined) {

		this.abTestMode = abtestmode;

		if (abtestmode == "B") {

			this.maxAutoPushes = 4;

		}

		if (abtestmode == "C") {

			this.wrapFeatures			= true;		// If true the features are endless.

			this.slideOnHoldButtons		= true;		// If true the features slide while the buttons are held down.

			this.autoPlay				= true;		// If true the features slide by themselves when the mouse is not over them.

			this.autoPush				= false;	// If true and autoPlay is false then the left arrow will auto-click after 4 seconds of inactivity.

			this.moveInterval			= 6;

			this.overLeftArrow 			= true;

			this.overRightArrow 		= true;

		}

	}

	var element = document.getElementById ( 'entries' );

	this.subFeaturesWidth = 0;

	

	for ( var index = 0; index < element.childNodes.length; index++ )

	{

		var featureWidth = element.childNodes [ index ].offsetWidth;

		

		if ( ! isNaN ( featureWidth ) && featureWidth > 0 )

		{

			// Add in the right margin.

			//

			

			this.subFeaturesWidth += featureWidth + this.subFeatureRightMargin;

		}

	}

	

	// IE 6 needs a fudge factor I believe because the HTML comment tags get

	// out of order during the wrap process and then rendering gets thrown off.

	//

	

	element.style.width = ( this.subFeaturesWidth + 6 ) + 'px';

	

	// Subtract for the last right margin.

	//

	

	this.subFeaturesWidth -= this.subFeatureRightMargin;

	

	// Opera 7 has troubles with the feature wrapping function

	// so do a test and turn it off is we get an error.

	//

	

	if ( this.wrapFeatures )

	{

		try

		{

			var child = element.removeChild ( element.lastChild );

			element.appendChild ( child );

		}

		catch ( e )

		{

			this.wrapFeatures = false;

		}

	}

	

	if ( this.autoPlay || this.autoPush )

	{

		if ( document.captureEvents )

		{

			document.captureEvents ( Event.MOUSEMOVE );

		}

		

		document.onmousemove = this.checkForSubFeatureRollOver;

	}

		

	if ( this.autoPlay )

	{

		this.autoPlaySubFeatures ( null );

	}

	else if ( this.autoPush )

	{

		this.autoPushSubFeatures ( true );

	}

	

	// On every mouse down event see if the email sign 

	// up form should be reset.

	//

	

	if ( document.captureEvents )

	{

		document.captureEvents ( Event.MOUSEDOWN );

	}

	

	document.onmousedown = this.resetSignUpForEmailInput;

}



// Starts sliding the sub-features.

//



proto.autoPlaySubFeatures = function ( event )

{

	// The sub-features move has completed. If autoplay is on

	// and the mouse is not over the area then restart.

	//



	var delta = bsk.subFeatureWidth + bsk.subFeatureRightMargin;

	bsk.moveSubFeatures ( bsk.autoPlayLeft ? - delta : delta, bsk.buttonIsDown ? .75 : 6, '', false );

	document.getElementById ( 'entries' ).basikMoveTween.onMotionFinished = bsk.autoPlaySubFeatures;

}

	

// Auto-push the left button every 4 seconds.

//



proto.autoPushSubFeatures = function ( startInterval, delay )

{

	if ( this.autoPushIntervalId != null )

	{

		window.clearInterval ( this.autoPushIntervalId );

		this.autoPushIntervalId = null;

	}

	

	if ( startInterval && ( this.maxAutoPushes == null || this.maxAutoPushes > 0 ) )

	{

		if (this.abTestMode == "C") {

			this.autoPushIntervalId = window.setInterval ( "bsk.handleSubFeatureButtonPress ( true )", 4000 );

		} else {

			this.autoPushIntervalId = window.setInterval ( "bsk.handleSubFeatureButtonPress ( false, true )", ! delay ? this.pushDelay : delay );

		}

	}

}



// Called whenever the mouse moves to see if the is over the

// sub-features. If so, the sub-features are stopped if they are

// currently auto-playing.

//



proto.checkForSubFeatureRollOver = function ( event )

{

	event = bsk.normalizeEvent ( event );

	

	var subFeatures = document.getElementById ( 'subFeatures' );

	var featuresPosition = bsk.findPos ( subFeatures );

	

	var subFeaturesContainer = document.getElementById ( 'subFeaturesContainer' );

	var featuresContainerPosition = bsk.findPos ( subFeaturesContainer );

	

	// Light up the arrows when we're over the sub-

	// features.

	//

	

	var rightArrow = document.getElementById ( 'right' );

	var leftArrow = document.getElementById ( 'left' );

	

	if ( event.x >= featuresContainerPosition [ 0 ] && event.x <= featuresContainerPosition [ 0 ] + subFeaturesContainer.offsetWidth && event.y >= featuresContainerPosition [ 1 ] && event.y < featuresContainerPosition [ 1 ] + subFeaturesContainer.offsetHeight )

	{

		if ( ! bsk.overRightArrow )

		{

			//rightArrow.src = '/images/common/pagenav/feature_arrow_right_over.gif';

		}

		

		if ( ! bsk.overLeftArrow )

		{

			//leftArrow.src = '/images/common/pagenav/feature_arrow_left_over.gif';

		}

	}

	else

	{

		if ( ! bsk.overRightArrow )

		{

			//rightArrow.src = '/images/common/pagenav/feature_arrow_right.gif';

		}

		

		if ( ! bsk.overLeftArrow )

		{

			//leftArrow.src = '/images/common/pagenav/feature_arrow_left.gif';

		}

	}

	

	if ( event.x >= featuresPosition [ 0 ] && event.x <= featuresPosition [ 0 ] + subFeatures.offsetWidth && event.y >= featuresPosition [ 1 ] && event.y < featuresPosition [ 1 ] + subFeatures.offsetHeight )

	{

		if ( bsk.autoPlay )

		{

			if ( ! bsk.buttonIsDown && ! bsk.isMouseOverFeatures )

			{

				bsk.isMouseOverFeatures = true;

				bsk.moveSubFeatures ( -10, 1, null, false );

			}

		}

		else if ( bsk.autoPush )

		{

			bsk.autoPushSubFeatures ( false );

		}

	}

	else

	{

		if ( bsk.autoPlay )

		{

			if ( bsk.buttonIsDown )

			{

				bsk.handleSubFeatureButtonHold ( bsk.autoPlayLeft, false );

			}

			

			if ( bsk.isMouseOverFeatures )

			{

				bsk.isMouseOverFeatures = false;

				bsk.autoPlaySubFeatures ( null );

			}

		}

		else if ( bsk.autoPush )

		{

			if ( bsk.autoPushIntervalId == null )

			{

				bsk.autoPushSubFeatures ( true );

			}

		}

	}

	

	return true;

}



// The left or right nav button was clicked. This only does

// something if slideOnHoldButtons is false.

//



proto.handleSubFeatureButtonPress = function ( isLeft, isAutoPush )

{

	var delta = this.subFeatureContainerWidth + bsk.subFeatureRightMargin;

	

	if (this.abTestMode == "C") {

		if ( ! this.slideOnHoldButtons )

		{

			this.moveSubFeatures ( isLeft ? delta : - delta, null, null, true );

		}

	

		if ( this.autoPush )

		{

			this.autoPushSubFeatures ( true );

		}

	} else {

	//old

		if ( isAutoPush )

		{

			this.maxAutoPushes--;

		}

		else

		{

			// The person clicked the button so disable the auto-push feature.

			//

		

			this.autoPush = false

			this.autoPushSubFeatures ( false );

		}

	

		if ( ! this.slideOnHoldButtons )

		{

			this.moveSubFeatures ( isLeft ? delta : - delta, null, null, true );

		}

	

		if ( this.autoPush )

		{

			this.autoPushSubFeatures ( true );

		}

	}

}



// The left or right nav arrow was pressed or released. This

// only does anything if slideOnHoldButtons is true in which

// case it slides the sub-features quickly while the button is

// pressed.

//



proto.handleSubFeatureButtonHold = function ( isLeft, isHold )

{

	if ( this.slideOnHoldButtons )

	{

		if ( isHold )

		{

			this.autoPlayLeft = ! isLeft;

			this.buttonIsDown = true;

			this.autoPlaySubFeatures ( null );

		}

		else

		{

			this.autoPlayLeft = true;

			this.buttonIsDown = false;

			this.moveSubFeatures ( isLeft ? 90 : -90, 1, null, false );

		}

	}

}



// This actually moves the sub-features.

//



proto.moveSubFeatures = function ( delta, time, easingFunction, synch )

{

	time = time == null ? 1 : time;

	//time = this.moveInterval;

	

	var minMove = -1 * ( this.subFeaturesWidth - this.subFeatureContainerWidth );

	var maxMove = 0;

	

	var element = document.getElementById ( 'entries' );

	var currentPosition = this.styleToNumber ( element.style.left, 0 );

	var targetPosition = currentPosition + delta;

	

	if ( synch )

	{

		// Make sure we're moving to the edge of a sub-feature.

		//

		

		var synchPoint = this.subFeatureWidth + this.subFeatureRightMargin;

		

		var nearPosition = Math.floor ( targetPosition / synchPoint ) * synchPoint;

		var farPosition = Math.ceil ( targetPosition / synchPoint ) * synchPoint;

		

		if ( Math.abs ( nearPosition - currentPosition ) < Math.abs ( farPosition - currentPosition ) )

		{

			delta = nearPosition - currentPosition;

		}

		else

		{

			delta = farPosition - currentPosition;

		}

	}

	

	if ( this.wrapFeatures )

	{

		// If we are about to go beyond the end of the content

		// re-order the sub features.

		//

		

		while ( targetPosition < minMove || targetPosition > maxMove )

		{

			// Move the first child to the end of the list or

			// the last child to the beginning.

			//

			

			element.style.visibility = "hidden";

			

			var child;

			

			while ( true )

			{

				if ( targetPosition < minMove )

				{

					child = element.removeChild ( element.firstChild );

					element.appendChild ( child );

				}

				else

				{

					child = element.removeChild ( element.lastChild );

					element.insertBefore ( child, element.firstChild );

				}

				

				if ( child.nodeName.toLowerCase ( ) == "div" )

				{

					break;

				}

			}

			

			if ( targetPosition < minMove )

			{

				currentPosition += child.offsetWidth + this.subFeatureRightMargin;

				targetPosition += child.offsetWidth + this.subFeatureRightMargin;

			}

			else

			{

				currentPosition -= child.offsetWidth + this.subFeatureRightMargin;

				targetPosition -= child.offsetWidth + this.subFeatureRightMargin;

			}

			

			element.style.left = currentPosition + 'px';

			element.style.visibility = "visible";

		}

	}

	

	this.moveElement ( 'entries', 'left', delta, minMove, maxMove, time, easingFunction, true );

}

				

proto.resetSignUpForEmailInput = function ( event )

{

	event = event == null ? window.event : event;

	

	var isOutsideInput = true;

	var signUpForEmailInput = document.getElementById ( 'signUpForEmailInput' );

	

	var scan = event.target;

	

	if ( ! scan && event.srcElement )

	{

		scan = event.srcElement;

	}

	

	if ( scan.nodeType == 3 ) // defeat Safari bug (http://www.quirksmode.org/js/events_properties.html#target)

	{

		scan = scan.parentNode;

	}

	

	while ( scan != null )

	{

		if ( scan == signUpForEmailInput )

		{

			isOutsideInput = false;

			break;

		}

		

		scan = scan.parentNode;

	}



	if ( isOutsideInput )

	{

		document.getElementById ( 'signUpForEmailText' ).value = 'Sign up for Email';

	}

}



// Workaround for IE issue of embedding ActiveX controls in a disabled state.

//



proto.documentWrite = document.write;

proto.documentWriteLn = document.writeln;

proto.embedSrc;



proto.captureWrites = function ( )

{

	this.embedSrc = '';

	document.write = function ( string ) { bsk.embedSrc += string; };

	document.writeln = function ( string ) { bsk.embedSrc += string + "\n"; };

}



proto.releaseWrites = function ( )

{

	document.write = this.documentWrite;

	document.writeln = this.documentWriteLn;

	document.write ( this.embedSrc );

	this.embedSrc = '';

}



//

// End of IE workaround code.



// Macromedia stuff to do image swapping on rollover.

//



proto.swapImgRestore = function () {

	var i,x,a=document.sr; 

	for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) {

		x.src=x.oSrc;

	}

}



proto.findObj = function (n, d) {

	var p,i,x;  

	if(!d) d=document;

	if((p=n.indexOf("?"))>0&&parent.frames.length) {

	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

	if(!(x=d[n])&&d.all) x=d.all[n];

	for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=this.findObj(n,d.layers[i].document);

	if(!x && d.getElementById) x=d.getElementById(n); return x;

}



proto.swapImage = function () {

	var i,j=0,x,a=arguments; // swapImage.arguments

	document.sr=new Array;

	for(i=0;i<(a.length-2);i+=3)

	if ((x=this.findObj(a[i]))!=null){

	document.sr[j++]=x;

	if(!x.oSrc) {

		x.oSrc=x.src;

	}

	x.src=a[i+2];}

}



//

// End of Macromedia rollover code.



// Helper to preload a list of images.

//



proto.preloadImageList = function ( )

{

	if ( this.iL )

	{

		var d = document; 

		

		if ( d.images )

		{ 

			if ( ! d.p )

				d.p = new Array ( );



			var i, j = d.p.length;



			for ( i = 0; i < this.iL.length; i++ )

			{

				if ( this.iL [ i ].indexOf ( "#" ) != 0 )

				{ 

					d.p [ j ] = new Image; 

					d.p [ j++ ].src = this.iL [ i ];

				}

			}

		}

	}

}



// Find the position of an element in the browser.

//

// http://www.quirksmode.org/js/findpos.html

//



proto.findPos = function (obj) {

	var curleft = curtop = 0;

	if (obj.offsetParent) {

		do {

			curleft += obj.offsetLeft;

			curtop += obj.offsetTop;

		} while (obj = obj.offsetParent);

	}

	return [curleft,curtop];

}



// Find the position of the mouse in the browser.

//



proto.normalizeEvent = function ( event )

{

	var myEvent = new Object ( );

	

	myEvent.x = 0;

	myEvent.y = 0;



	event = event == null ? window.event : event;

	

	if ( event.pageX || event.pageY )

	{

		myEvent.x = event.pageX;

		myEvent.y = event.pageY;

	}

	else if ( event.clientX || event.clientY )

	{

		myEvent.x = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;

		myEvent.y =event.clientY + document.body.scrollTop + document.documentElement.scrollTop;

	}

	

	return myEvent;

}



// The remaining code does the DHTML sliding. fading and revealing animations.

//

// Requires Tween.js

//



proto.styleToNumber = function ( style, defaultValue )

{

	var value = defaultValue;

	

	if ( style != null && style.length )

	{

		var found = style.match ( /^(-?\d+)/ );

		value = found != null && found.length > 0 ? Number ( found [ 0 ] ) : defaultValue;

	}



	return value;	

}



proto.moveElement = function ( elementId, style, delta, moveMin, moveMax, time, easingFunction, resetTarget )

{

	var atLimit = false;

	

	if ( delta == null || delta == 0 )

	{

		return atLimit;

	}

	

	var element = document.getElementById ( elementId );

	

	if ( element.basikMoveTween != null )

	{

		element.basikMoveTween.stop ( );

	}

	

	var currentPosition = this.styleToNumber ( element.style [ style ], 0 );

	

	if ( resetTarget )

	{

		element.basikTarget = currentPosition + delta;

	}

	else

	{

		if ( element.basikTarget == null )

		{

			element.basikTarget = currentPosition;

		}

		

		element.basikTarget += delta;

	}

	

	if ( element.basikTarget <= moveMin )

	{

		element.basikTarget = moveMin;

		atLimit = true;

	}

	

	if ( element.basikTarget >= moveMax )

	{

		element.basikTarget = moveMax;

		atLimit = true;

	}

	

	element.basikMoveTween = new Tween ( element.style, style, easingFunction == null ? Tween.strongEaseOut : easingFunction, currentPosition, element.basikTarget, time == null ? .5 : time, 'px' );

	

	element.basikMoveTween.start ( );

	

	return atLimit;

}



bsk = new BASIK_VSHomePage ( );