// JavaScript Document

var tabStep = 1;
var tabStepUp = 1;
var onAnimation = false;
var intervalSet = false;
var intervalSet2 = false;
var tabInterval1;
var tabInterval2;
var lastElement;
var lastElement2;
var clicked = false;
var productsOn = false;
var startOn = false;
var testimonialsOn = false;
var locatorOn = false;
var tellOn = false;
var helpOn = false;

//__Pull Tabs Down______________________________
function tabMove(element) {
	elem = document.getElementById( element );
	clicked = false;
	if( productsOn ){
		productsOn = false;
		//resetElem = document.getElementById( 'tabProducts' );
		//resetElem.style.background = 'url(images/nav_products.gif) bottom right no-repeat';
		tabUp('tabProducts');
	}
	if( startOn ){
		startOn = false;
		//resetElem = document.getElementById( 'tabStart' );
		//resetElem.style.background = 'url(images/nav_getStarted.gif) bottom right no-repeat';
		tabUp('tabStart');
	}
	if( testimonialsOn ){
		testimonialsOn = false;
		//resetElem = document.getElementById( 'tabTestimonials' );
		//resetElem.style.background = 'url(images/nav_testimonials.gif) bottom right no-repeat';
		tabUp('tabTestimonials');
	}
	if( locatorOn ){
		locatorOn = false;
		tabUp('tabTestimonials');
	}
	if( testimonialsOn ){
		testimonialsOn = false;
		tabUp('tabTestimonials');
	}
	if( testimonialsOn ){
		testimonialsOn = false;
		tabUp('tabTestimonials');
	}
	if (onAnimation){
		onAnimation2 = true;
		tabup(lastElement);
		onAnimation = false;
	};
	lastElement = element;
	if( !onAnimation ){
		if ( !productsOn && !startOn && !testimonialsOn && !locatorOn && !tellOn && !helpOn ){
			//elem.style.height = (79+tabStep) + 'px';
			elem.style.marginTop = (tabStep) + 'px';
			tabStep++;
			if( !intervalSet ){
				intervalSet = true;
				playIn();
			};
			if(tabStep > 8){
				clearInterval(tabInterval1);
				intervalSet = false;
				tabStep = 1;
			};
		};
	};
};

function retailer(){
	tabMove(lastElement);
};

function playIn(){
	tabInterval1 = setInterval(retailer, 8);
};
//______________________________________________
//__Push Tabs Up________________________________
function tabUp(element2, value){
	elem2 = document.getElementById( element2 );
	lastElement2 = element2;
	if ( value != null ){
		clicked = value;
	}
	if( !clicked ){
		//elem2.style.height = (87-tabStepUp) + 'px';
		elem2.style.marginTop = (8-tabStepUp) + 'px';
		tabStepUp++;
		if( !intervalSet2 ){
			intervalSet2 = true;
			playOut();
		};
		if(tabStepUp > 8){
			clearInterval(tabInterval2);
			onAnimation = false;
			intervalSet2 = false;
			tabStepUp = 1;
		};
	};
};

function repoMan(){
	value = clicked;
	if( !onAnimation ){
		tabUp(lastElement2, value);
	};
};

function playOut(){
	tabInterval2 = setInterval(repoMan, 8);
};


//_________________________________________________________________________