var screenHeight = $(window).height();
var x = 80 / 100;
var eightPercent = x * screenHeight;
var UpTo = eightPercent;
var TabStart;
var TabEnd;
var PanelStart;
var PanelEnd;

var OpenTab = false;
var OpenPanel = false;
var test = 1;


$(document).ready(function() {
						   
	$("#texasHomePage_bottomBoxes_right").click(function() {
		var test = 2;
		if (close(this)) return false;
		openTab('.customerSupport', '#panelCustomerSupport', test);
		return false;
	});

	$(".register").click(function() {
		var test = 1;
		if (close(this)) return false;
		showFirstStepRegister();
		openTab(this, '#panelRegister', test);
		return false;
	});
	$("#registerG").click(function() {
		if (close('.register')) return false;
		openTab('.register', '#panelRegister');
		return false;
	});

	$(".customerSupport").click(function() {
		var test = 2;
		if (close(this)) return false;
		openTab(this, '#panelCustomerSupport', test);
		return false;
	});
	
	$("#customerSupportG").click(function() {
		if (close(".customerSupport")) return false;
		openTab(".customerSupport", '#panelCustomerSupport');
		return false;
	});
	
	$("#closeTabButtonCS").click(function() {
		if (close(".customerSupport")) return false;
		openTab(".customerSupport", '#panelCustomerSupport');
		return false;
	});
	

	$(".drivingRecord").click(function() {
		var test = 3;							   
		if (close(this)) return false;
		openTab(this, '#panelDrivingRecord', test);
		return false;
	});
	
	$("#drivingRecordG").click(function() {
		if (close(".drivingRecord")) return false;
		openTab(".drivingRecord", '#panelDrivingRecord');
		return false;
	});
	
	$("#closeTabButtonDR").click(function() {
		if (close(".drivingRecord")) return false;
		openTab(".drivingRecord", '#panelDrivingRecord');
		return false;
	});
	
	$(".stm").click(function() {
		var test = 4;
		if (close(this)) return false;
		openTab(this, '#panelSiteMap', test);
		return false;
	});
	$("#stmG").click(function() {
		if (close(".stm")) return false;
		openTab(".stm", '#panelSiteMap');
		return false;
	});
	
	$(".stm2").click(function() {
		var test = 1;
		if (close(this)) return false;
		openTab(this, '#panelSiteMap', test);
		return false;
	});
	$("#stmG2").click(function() {
		if (close(".stm2")) return false;
		openTab(".stm2", '#panelSiteMap');
		return false;
	});
	
	$("#closeTabButtonSM").click(function() {
		if (close(".stm")) return false;
		openTab(".stm", '#panelSiteMap');
		return false;
	});
	
	
	
//	$(document).scroll(function(){
//		if(OpenTab){
//			closeTab(OpenTab, OpenPanel, true);
//		}
//	});

	

});
var TabStart;
	var TabEnd;
	var PanelStart;
	var PanelEnd;

function openTab(e, panel, test){
	var screenHeight = $(window).height();
	var x = 80 / 100;
	var eightPercent = x * screenHeight;
	var UpTo = eightPercent;
	TabStart = $(window).height() - 72;
	TabStartW = ($(window).width()-990)/2 + 1;
	TabEnd = TabStart - UpTo;
	PanelStart = TabStart+33;
	PanelEnd = PanelStart-UpTo;
	if(OpenTab){
		toggelTab(OpenTab, OpenPanel);
	}
	$(panel).css('display', 'block');
	if (test == 1)
		{
			$(e).css({'left':'0%','margin-left':TabStartW,'position': 'fixed', 'z-index': '100','top':TabStart}).animate({top : TabEnd}, 500).toggleClass("active");
			OpenTab = e;
		}
	if (test == 2)
		{
			$(e).css({'left':'0%','margin-left':TabStartW + 110,'position': 'fixed', 'z-index': '100','top':TabStart}).animate({top : TabEnd}, 500).toggleClass("active");
			OpenTab = e;
		}
	if (test == 3)
		{
			$(e).css({'left':'0%','margin-left':TabStartW + 220,'position': 'fixed', 'z-index': '100','top':TabStart}).animate({top : TabEnd}, 500).toggleClass("active");
			OpenTab = e;
		}
	if (test == 4)
		{
			$(e).css({'left':'0%','margin-left':TabStartW + 330,'position': 'fixed', 'z-index': '100','top':TabStart}).animate({top : TabEnd}, 500).toggleClass("active");
			OpenTab = e;
		}
	
	$('.panels').css({'position': 'fixed', 'top':PanelStart}).animate({top : PanelEnd}, 495);
	
	OpenPanel = panel;
	if (panel == "#panelRegister")
		{
	$("#registerG").animate({bottom:"35px"},500);
	$("#registerG").fadeIn(500);
		}
	else if (panel == "#panelCustomerSupport")
		{
	$("#customerSupportG").animate({bottom:"35px"},500);
	$("#customerSupportG").fadeIn(500);
		}
	else if (panel == "#panelDrivingRecord")
		{
	$("#drivingRecordG").animate({bottom:"35px"},500);
	$("#drivingRecordG").fadeIn(500);
		}
	else if (panel == "#panelSiteMap")
		{
	$("#stmG").animate({bottom:"35px"},500);
	$("#stmG").fadeIn(500);
	$("#stmG2").animate({bottom:"35px"},500);
	$("#stmG2").fadeIn(500);
		}
}
function closeTab(e, panel, write){
	
	TabStart = $(window).height() - 70;
	TabStartW = ($(window).width()-990)/2 + 1;
	TabEnd = TabStart - UpTo;
	PanelStart = TabStart+33;
	PanelEnd = PanelStart-UpTo;
	$(e).animate({top : TabStart}, 500, function(){
		$(this).css({'position': 'relative', 'top':0, 'margin-left':'0px'}).removeClass("active");
	});
	$('.panels').animate({top : PanelStart}, 500, function(){
		$(OpenPanel).css('display', 'none');
	});
	if(write){
		OpenTab = false;
	}
}
function toggelTab(OpenTab, OpenPanel){
	$(OpenTab).animate({top : TabStart}, 500, function(){
		$(this).css({'position': 'relative', 'top':0, 'margin-left':'0px'});
	}).removeClass("active");
	$(OpenPanel).css('display', 'none');
}

function close(selector) {
	if ($(selector).attr('class').indexOf("active") >= 0) {
		closeAllPanels();
		closeTab(selector, '' ,true);
		return true;
	}
	return false;
}

var closeAllPanels = function() {
	$("#panelRegister").slideUp(550);
	$("#reg").removeClass("active");
	$("#panelCustomerSupport").slideUp(550);
	$(".customerSupport").removeClass("active");
	$("#panelDrivingRecord").slideUp(550);
	$(".drivingRecord").removeClass("active");
	$("#panelSiteMap").slideUp(550);
	$(".stm").removeClass("active");
	$("#registerG").fadeOut(500);
	$("#customerSupportG").fadeOut(500);
	$("#drivingRecordG").fadeOut(500);
	$("#stmG").fadeOut(500);
	
};

var showFirstStepRegister = function() {
	$('#panelRegister').html($('#registerStep1').html());
//	$('#panelRegister').css("background", "blue none repeat scroll 0 0");
	$("#panelRegister .regBoomButton").click(function(){
	registerStep1();
	});
};

var registerStep1 = function() {
	$('#panelRegister').html($('#registerStep2').html());
//	$('#panelRegister').css("background", "#CCC none repeat scroll 0 0");

$("#panelRegister .regBoomButton").click(function(){
	$('#registerStep1').css("z-index", "0");				   
	showThirdStepRegister();
	});

	if ($("#reg").attr('class').indexOf("active") >= 0) {
		closeAllTabs();
		return false;
	}
	closeAllTabs();

	$("#panelRegister").slideDown("slow");
	$("#reg").toggleClass("active");

	return false;
	
};

var showThirdStepRegister = function() {
	$('#panelRegister').html($('#registerStep3').html());
//	$('#panelRegister').css("background", "#FFFF99 none repeat scroll 0 0");

	if ($("#reg").attr('class').indexOf("active") >= 0) {
		closeAllTabs();
		return false;
	}
	closeAllTabs();

	$("#panelRegister").slideDown("slow");
	$("#reg").toggleClass("active");
	return false;
};