/*
	Version 1.25
	Dependencies: 
	3tm.common.js
	3tm.funky.js
*/

document.write('<style type="text/css">.mhptButtons { display: block; }</style>');
CURRENTMHPT = 1;
mhptLinkHref = [SITEROOT + 'card-protection/',SITEROOT + 'identity-protection/',SITEROOT + 'phonesafe/', SITEROOT + 'your-law/', SITEROOT + 'home-protection/', SITEROOT + 'airport-lounge/'];
mhptTimer = setTimeout('showMHP(2)',9000);
mhptPAUSE = false;

function toggleMHP() {
	clearTimeout(mhptTimer);
	mhptPAUSE = !mhptPAUSE;
	if(!mhptPAUSE) mhptTimer = setTimeout('showMHP( ' + (CURRENTMHPT==6?1:CURRENTMHPT+1) + ')', 9000);
	present('mhptPause').style.backgroundImage = mhptPAUSE?'url("' + SITEROOT + 'img/mhp/play.gif")':'url("' + SITEROOT + 'img/mhp/pause.gif")';
	present('mhptPause').innerHTML = mhptPAUSE?'PLAY&nbsp;&nbsp;':'PAUSE';
}

function showMHP (slide) {
	clearTimeout(mhptTimer);
	present('imagePreload').onload = new Function('doShowMHP(' + slide + ')');
	present('imagePreload').src = SITEROOT + 'img/mhp/mhpt.back' + slide + '.jpg';
	present('mhpImageSwap').style.backgroundImage = 'url("' + SITEROOT + 'img/mhp/loading.gif")';
	present('mhpImageSwap').style.backgroundPosition = 'center 100px ';
	present('mhptButton' + CURRENTMHPT).className='';
	present('mhptButton' + slide).className='on';
	present('mhptLink').href = mhptLinkHref[slide-1];
	present('mhptLink').parentNode.style.paddingTop = slide == 2 ? '167px' : '140px';
	present('mhptBlock' + CURRENTMHPT).style.display = 'none';
	present('mhptBlock' + slide).style.display = 'block';
	CURRENTMHPT = slide;
}

function doShowMHP(slide) {
	present('mhpImageSwap').style.backgroundImage = 'url("' + SITEROOT + 'img/mhp/mhpt.back' + slide + '.jpg")';
	present('mhpImageSwap').style.backgroundPosition = 'top left';
	if(!mhptPAUSE) mhptTimer = setTimeout('showMHP( ' + (slide==6?1:slide+1) + ')', 9000);
}


/* Carousel */

function drawCarouselControls() {
	var s = '<div class="carouselLeft"><span class="off" onmouseover="if(this.className!=\'off\')this.className=\'hover\'" onmouseout="if(this.className!=\'off\')this.className=\'\'" id="carouselLeft" onclick="funky.carousel_click(0,0)"></span></div><div class="carouselRight"><span onmouseover="if(this.className!=\'off\')this.className=\'hover\'" onmouseout="if(this.className!=\'off\')this.className=\'\'" id="carouselRight" onclick="funky.carousel_click(1,0)"></span></div>'
	present ( 'carouselArrows' ).innerHTML = s;
}

function makeCarouselWork() {
		drawCarouselControls();
		var obj = present( 'obj'); 
		lis = obj.getElementsByTagName('li');
		var ul = lis[0].parentNode;
		var finalHeight = 200;
		for ( var i = 0; i < lis.length; i++ ) {
			lis[i].style.position = 'absolute';
			lis[i].style.display = 'block';
			if ( lis[i].offsetHeight > finalHeight ) {
				finalHeight = lis[i].offsetHeight;
			}
		}
		ul.style.height = finalHeight + 'px';
		ul.style.zIndex = '0';
		ul.style.position = 'relative';
		lis = null;
		funky = new Funky('funky',null);
		funky.init();
		funky.carousel( obj, 190, 1, 1, true, 3000, 50, false, false, 'numberChanger(@inview@);', 200, true, 4, .30, 1.45 );
}

//carousel update numbers for HP testimonial
function numberChanger(x) {
	present ('carouselLeft').className = x==0 ? 'off' : present ('carouselLeft').className == 'hover' ? 'hover' : '';
	present ('carouselRight').className = x==3 ? 'off' : present ('carouselRight').className == 'hover' ? 'hover' : '';
}