// JavaScript Document
$(function(){

	var closeAllPanels = function(except){
		var panels = ["connect", "gateway", "login", "login-success", "login-email", "login-email-success"];
		for (var i = 0, len = panels.length; i < len; i++) {
			if (except && except == panels[i]) {
				$("#" + panels[i]).css("display", "block");
				continue;
			}
			$("#" + panels[i]).css("display", "none");
		}
	}
 
	$("#loginShow").click(function(e) {
		e.preventDefault();
		
		if ($("#login #loginCount").val() == "false") {
			closeAllPanels();
			// exceed 3 times
			$("#login-success").css("display", "block");
		} else {
			closeAllPanels("login");
			$("#login #message").html("");
			$("#login #password").attr("value", "");
			$("#login").css("display", "block");
		}
	});
	
	$("#login-forgot").click(function(){
		$("#login-email").css("display", "block");
		closeAllPanels("login-email");
		$("#login-email #message").html("");
		$("#login-email #account").attr("value", $("#login #username").val());
	});
	$("#threeTime-forgot").click(function(){
		$("#login-email").css("display", "block");
		closeAllPanels("login-email");
		$("#login-email #message").html("");
		$("#login-email #account").attr("value", $("#login #username").val());
	});
	
	$("#closeLogin").click(function() {
		closeAllPanels();
	});

//	$("#inforpop").click(function() {
//		$("#infor-pop").css("display", "block");
//		$("#fade1").css("display", "block");
//	});
//	
//	$("#closeinfor").click(function() {
//		$("#infor-pop").css("display", "none");
//		$("#fade1").css("display", "none");
//	});

// $("#emailpop").click(function(){
// $("#email-pop").css("display","block");
// $("#fade1").css("display","block");
// });
// $("#closeemail").click(function(){
// $("#email-pop").css("display","none");
// $("#fade1").css("display","none");
// });
//

	$("#about-laydown").toggle(function() {
			$("#personal-layout").css("display", "block");
		}, function() {
			$("#personal-layout").css("display", "none");
		}
	);

	$("#home-laydown").toggle(function() {
			$("#home-personal-layout").css("display", "block");
		}, function() {
			$("#home-personal-layout").css("display", "none");
		}
	);

// $("#select-plan").click(function(){
// $("#choose-plan").css("display","block");
// $("#fade1").css("display","block");
// });
// $("#close-plan").click(function(){
// $("#choose-plan").css("display","none");
// $("#fade1").css("display","none");
// });
//
// $("#compare").click(function(){
// $("#compare-medication").css("display","block");
// $("#fade1").css("display","block");
// });
// $("#close-compare").click(function(){
// $("#compare-medication").css("display","none");
// $("#fade1").css("display","none");
// });
//
// $("#email-submit").click(function(){
// $("#email-pop").css("display","none");
// $("#email-success").css("display","block");
// });
// $("#close-email-success").click(function(){
// $("#email-success").css("display","none");
// });

	$("#loginBtn").click(function() {
		$("#loginForm").submit();
	});
	
	$("#closeLogin-eamil").click(function() {
		closeAllPanels();
	});

	$("#closeLogin-success").click(function() {
			closeAllPanels();
	});
	
	$("#gatewayShow").click(function() {
		closeAllPanels("gateway");
	});
	
	$("#closeGateway").click(function() {
		closeAllPanels();
	});

	$("#closeConnectInput").click(function() {
		closeAllPanels();
	});
	
	$("#connectShow").click(function() {
		closeAllPanels("connect");
	});
	
	$("#closeConnectList").click(function() {
		closeAllPanels();
		// reset find-a-rep form display
		if ($("#connect #resetAfterCloseTab").val() == "true") {
			$("#connect #rap-result").css("display", "none");
			$("#connect #rap-no-result").css("display", "none");
			$("#connect #rap-input").css("display", "block");
		}
	});
	
	$("#callBtn").click(function() {
		$("#callForm").submit();
	});

	$("#regsubmit").click(function() {
		$("#regform").submit();
		SetBackground("#regContainer", "#regContainer-content", "478");
	});
	
	$("#dm_regsubmit").click(function() {
		$("#dm_reg").submit();
		SetBackground("#reg-dm","#reg-dm-content", "411");
	});

	$(".find").click(function() {
		closeAllPanels("connect");
	});
	
	$(".connect").click(function() {
		closeAllPanels("connect");
	});
	
	$(".gateway").click(function() {
		closeAllPanels("gateway");
	});
	
	$("#closeConnect").click(function() {
		closeAllPanels();
	});

	$("#closeConnectNoRapResult").click(function() {
		closeAllPanels();
		// reset find-a-rep form display
		if ($("#connect #resetAfterCloseTab").val() == "true") {
			$("#connect #rap-result").css("display", "none");
			$("#connect #rap-no-result").css("display", "none");
			$("#connect #rap-input").css("display", "block");
		}
	});
	
	$("#yphone").keyup(function() {
		getPhone();
	});
	
	$("#tphone").keyup(function() {
		getPhone();
	});
	
	$("#sphone").keyup(function() {
		getPhone();
	});
	
	$("#login").bgiframe();
	$("#login-email").bgiframe();
	
	$("#connect").bgiframe();
	$("#connectInput").bgiframe();
	$("#gateway").bgiframe();

	var scrolls = function() {
		var goto = "scrollLeft";
		$('#scrollView').cycle({
			speed: 500,
			timeout: 1500,
			easing: 'easeInBack',
			autostop: 1,
			autostopCount: 1,
			prev: '#scrollDown',
			next: '#scrollUp',
			fx: "scrollHorz",
			randomizeEffects: false,
			before: function(c,n,o) {$(o.caption).html(o.currFx);},
			caption: '#caption2'
	    });
	}
	scrolls();
	if ($("#content").height() < $("#sideBarWrap").height()) {
		var ie = false;
		if (jQuery.browser.msie && jQuery.browser.version==6.0) {
			ie = true;
		}

		if (ie) {
			$("#sideBarBottom").css("margin-top",$("#sideBarWrap").height()-$("#content").height()-14);
		}
	}

	$("#content ul li").hover(
		function() {
			$(this).addClass("selectTab");
		},
		function() {
			if ($(this).attr("class").indexOf("selectTab")!=-1) {
				$(this).removeClass("selectTab");
			}
		}
	);

	var container = $("#error");
	$('#findForm').validate({
		errorClass:'red',
		errorLabelContainer: $("ul",container),
		highlight:function(element, errorClass) {
			$("#findForm").find("label[for="+element.name+"]").addClass(errorClass);
		},
		unhighlight:function(element, errorClass) {
			$("#findForm").find("label[for="+element.name+"]").removeClass(errorClass);
		},
		rules:{
			brand:{required:true},
			firstname:{required:true},
			lastname:{required:true},
			zip:{required:true, number: true}
		 },
		submitHandler: function(form) {
			$("#connect").css("display","block");
			$("#connectInput").css("display","none");
		}
	});

	var container = $("#errorCall");
	$('#callForm').validate({
		errorClass:'red',
		errorLabelContainer: $("ul",container),
		highlight:function(element, errorClass) {
			$("#callForm").find("label[for="+element.name+"]").addClass(errorClass);
		},
		unhighlight:function(element, errorClass) {
			$("#callForm").find("label[for="+element.name+"]").removeClass(errorClass);
		},
		rules:{
			phone:{required:true},
			firstname1:{required:true},
			lastname1:{required:true}
		},
		submitHandler: function(form) {
			$("#connect").css("display","block");
			$("#connectInput").css("display","none");
		}
	});
	
	$('#loginForm').validate({
		errorClass:'red',
		errorLabelContainer: $("ul",container),
		highlight:function(element, errorClass) {
			$("#loginForm").find("label[for="+element.name+"]").addClass(errorClass);
		},
		unhighlight:function(element, errorClass) {
			$("#loginForm").find("label[for="+element.name+"]").removeClass(errorClass);
		},
		rules:{
			email:{
				required:true,
				email:true
			},
			password:{required:true}
		},
		submitHandler: function(form) {
		}
	});
	
	var container=$("#errorReg");
	$('#regform').validate({
		errorClass:'red',
		errorLabelContainer: $("ul",container),
		highlight:function(element, errorClass) {
			$("#regform").find("label[for="+element.name+"]").addClass(errorClass);
			$("#error-log").css("display","block");
			SetBackground("#regContainer","#regContainer-content","478");
		},
		unhighlight:function(element, errorClass) {
			$("#regform").find("label[for="+element.name+"]").removeClass(errorClass);
			// $("#error-log").css("display","none");
			// SetBackground("#regContainer","#regContainer-content","478");
		},
		rules:{
				Title:{required:true},
				regfirstname:{required:true},
				regLastName:{required:true},
				Specialty:{required:true},
				Address1:{required:true},
				Address2:{required:true,
						  equalTo: "#Address1"},
				City:{required:true},
				zipcode:{required:true,
				number:true},
				Role:{required:true},
				email1:{required:true,
						email:true},
				email2:{required:true,
						email:true,
						equalTo: "#email1"},
				regPassword:{required:true},
				regPassword2:{required:true,
						equalTo: "#regPassword"}
		},
		submitHandler: function(form) {
		}
	});
	
	var container=$("#errorReg1");
	$('#dm_reg').validate({
		errorClass:'red',
		errorLabelContainer: $("ul",container),
		highlight:function(element, errorClass) {
			$("#dm_reg").find("label[for="+element.name+"]").addClass(errorClass);
		},
		unhighlight:function(element, errorClass) {
			$("#dm_reg").find("label[for="+element.name+"]").removeClass(errorClass);
		},
		rules:{
				npi:{required:true},
				regLastName:{required:true},
				email1:{required:true,
				email:true},
				email2:{required:true,
						email:true,
						equalTo: "#email1"},
				regPassword:{required:true},
				regPassword2:{required:true,
							  equalTo: "#regPassword"}
		},
		submitHandler: function(form) {
		}
	});

	$("#why-need").hover(
		function() {
			$("#reg-pop").css("display","block");
		},
		function() {
			$("#reg-pop").css("display","none");
		}
	);
	
	$("#reg-pop").hover(
		function() {
			$(this).show();
		},
		function() {
			$(this).hide();
		}
	);

	/*
	 * $("#left-column > #navigation > ul > li").hover( function(){
	 * $(this).removeClass("singlelinebg");
	 * $(this).addClass("singlelinebg_selected"); }, function(){
	 * $(this).removeClass("singlelinebg_selected");
	 * $(this).addClass("singlelinebg"); });
	 */

});

function getPhone() {
	$("#phone").val($("#yphone").val() + $("#sphone").val() + $("#tphone").val());
}
