// JavaScript Document

function getURLVar(urlVarName) {
	//divide the URL in half at the '?'
	var urlHalves = String(document.location).split('?');
	var urlVarValue = '';

	if(urlHalves[1]){
		//load all the name/value pairs into an array
		var urlVars = urlHalves[1].split('&');
		//loop over the list, and find the specified url variable
		for(i=0; i<=(urlVars.length); i++){
			if(urlVars[i]){
			//load the name/value pair into an array
				var urlVarPair = urlVars[i].split('=');
				if (urlVarPair[0] && urlVarPair[0] == urlVarName) {
				//I found a variable that matches, load it's value into the return variable
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
return urlVarValue;   
}

$(document).ready(function() {
	
$('#formid').FormValidate({
	phpFile:"",
	ajax:false,
	validCheck: true
});	

var hideit = {'display' : 'none'};
var showit = {'display' : 'block'};
var hoverTab = {'background-color' : '#7A9CCF'};
var activeTab = {
	'background-color' : '#333366',
	'color' : 'white'
	};
var inactiveTab = {
	'background-color' : 'transparent',
	'color' : 'black'
	};
var selectedText = {'text-color' : 'white'};
var currentTab = 'air'; 

if (getURLVar('email')=='success') {
	$(".contactbutton").css(activeTab);
	$(".surfacebutton").css(inactiveTab);
	$(".airbutton").css(inactiveTab);
	$(".waterbutton").css(inactiveTab);
	$("#airSupport").css(hideit);
	$("#surfaceSupport").css(hideit);
	$("#waterSupport").css(hideit);
	$("#contactSupport").css(showit);
	currentTab = 'contact';
}

$(".airbutton").hover(function() {
	$(this).css(hoverTab)
	},
	function() {
	(currentTab == 'air') ? $(this).css(activeTab) : $(this).css(inactiveTab);
	});
	
$(".surfacebutton").hover(function() {
	$(this).css(hoverTab)
	},
	function() {
	(currentTab == 'surface') ? $(this).css(activeTab) : $(this).css(inactiveTab);
	});
	
$(".waterbutton").hover(function() {
	$(this).css(hoverTab)
	},
	function() {
	(currentTab == 'water') ? $(this).css(activeTab) : $(this).css(inactiveTab);
	});

$(".contactbutton").hover(function() {
	$(this).css(hoverTab)
	},
	function() {
	(currentTab == 'contact') ? $(this).css(activeTab) : $(this).css(inactiveTab);
	});

$(".airbutton").click(function () {
	$(this).css(activeTab);
	$(".surfacebutton").css(inactiveTab);
	$(".waterbutton").css(inactiveTab);
	$(".contactbutton").css(inactiveTab);
	$("#airSupport").css(showit);
	$("#surfaceSupport").css(hideit);
	$("#waterSupport").css(hideit);
	$("#contactSupport").css(hideit);
	currentTab = 'air';
	});
	
$(".surfacebutton").click(function () {
	$(this).css(activeTab);
	$(".airbutton").css(inactiveTab);
	$(".waterbutton").css(inactiveTab);
	$(".contactbutton").css(inactiveTab);
	$("#airSupport").css(hideit);
	$("#surfaceSupport").css(showit);
	$("#waterSupport").css(hideit);
	$("#contactSupport").css(hideit);
	currentTab = 'surface';
	});

$(".waterbutton").click(function () {
	$(this).css(activeTab);
	$(".surfacebutton").css(inactiveTab);
	$(".airbutton").css(inactiveTab);
	$(".contactbutton").css(inactiveTab);
	$("#airSupport").css(hideit);
	$("#surfaceSupport").css(hideit);
	$("#waterSupport").css(showit);
	$("#contactSupport").css(hideit);
	currentTab = 'water';
	});

$(".contactbutton").click(function () {
	$(this).css(activeTab);
	$(".surfacebutton").css(inactiveTab);
	$(".airbutton").css(inactiveTab);
	$(".waterbutton").css(inactiveTab);
	$("#airSupport").css(hideit);
	$("#surfaceSupport").css(hideit);
	$("#waterSupport").css(hideit);
	$("#contactSupport").css(showit);
	currentTab = 'contact';
	});

});