// JavaScript for Signature Apply page (personal)

// change tab navigation (graphic) and show/hide top-level divs
function tabView(tabName) {
$("#tabs").attr("src","/img/other/signature/tabs_"+tabName+"_03.gif");
$(".applyContainers").hide();
$("#"+tabName+"Container").show();
}

// add cleaner divs to rewards content divs
function addCleaners(divId){
	var test1 = document.getElementById(divId);
	test1 = test1.getElementsByTagName("div");	
	for (i=0;i<test1.length;i++){
		if(i%4==0){
			$("<div class=\"cleaner\">&nbsp;</div>").insertBefore(test1[i]);
		}
	}
}

$(document).ready(function() {	
	$.getJSON("/js/sig_apply_json.js", function(jsonData){
		
		for( i=0; i<jsonData.bankList.length; i++){
			//create bank divs to hold card divs and place bank name(<h5>) in bank div	
			$("<div id=\"bankID0"+i+"\" class=\"bankContainerAll\"></div>").appendTo("#allContainer");
			$("<h5 class=\"bankNameHed\">"+jsonData.bankList[i].bankName+"</h5>").appendTo("#bankID0"+i);
			// create subnav for providers tab
			$("<li id=\"provNav0"+i+"\">"+jsonData.bankList[i].bankName+"</li>").appendTo("#provNavList");
		
			for(j=0; j<jsonData.bankList[i].cardList.length; j++){
				// add cleaner divs to view all/providers tabs
				if(j%3==0){
				$("<div class=\"cleaner\">&nbsp;</div>").appendTo("#bankID0"+i);
				}
				// this is the card div content
				var cardDiv = "<img src=\"/img/other/cards/"+jsonData.bankList[i].cardList[j].imageSrc+"\" alt=\""+jsonData.bankList[i].cardList[j].cardTitle+"\" width=\"67\" height=\"43\"/><br />"+jsonData.bankList[i].cardList[j].cardTitle+"<br /><a href=\""+jsonData.bankList[i].cardList[j].redirctURL+"\" class=\"analink\" target=\"_blank\">Apply Now</a> <img src=\"/img/gold_arrow.gif\"/>";
				// create individual card divs in appropriate bank divs - view all/providers
				$("<div id=\"bankCard0"+i+"-"+j+"\" class=\"bankCard\">"+cardDiv+"</div>").appendTo("#bankID0"+i);
				// create individual card divs in rewards tab
				switch (jsonData.bankList[i].cardList[j].rewardType) {
					case "airline":
						$("<div class=\"bankCard\">"+cardDiv+"</div>").appendTo("#rewAir");
						break;	
					case "hotel":
						$("<div class=\"bankCard\">"+cardDiv+"</div>").appendTo("#rewHot");
						break;
					case "general":
						$("<div class=\"bankCard\">"+cardDiv+"</div>").appendTo("#rewGen");
						break;	
					default:
				}
			}
		// add disclaimer to appropriate bank div
		if(jsonData.bankList[i].disclaimer){$("<div class=\"disclaimer\">"+jsonData.bankList[i].disclaimer+"</div>").appendTo("#bankID0"+i);}
		// end loop
		}
		
		// add cleaner divs to rewards tab
		addCleaners("rewAir");
		addCleaners("rewHot");
		addCleaners("rewGen");
		// clone bank divs to providers tab
		$("#allContainer > *").clone().appendTo("div#providersCards");
		// assign click(to show/hide content) and selected state to providers subnav
		$("ul#provNavList li").click(function() {
			$("ul#provNavList li").removeClass("selected");
			$(this).addClass("selected");
			var currentItem = $(this).attr("id");
			currentItem = currentItem.substring(8);
			currentItem = parseFloat(currentItem);
			$("div#providersCards .bankContainerAll").hide();
			$("div#providersCards div#bankID0"+currentItem).show();
		});
		// assign click(to show/hide content) and selected state to rewards subnav
		$("ul#rewNavList li").click(function() {
			$("ul#rewNavList li").removeClass("selected");
			$(this).addClass("selected");
			$("div#rewardsCards > div").hide();
			var currentItem = $(this).attr("id");
			switch(currentItem){
				case "rewNavAir":
				$("div#rewardsCards div#rewAir").show();
				break;
				case "rewNavHot":
				$("div#rewardsCards div#rewHot").show();
				break;
				case "rewNavGen":
				$("div#rewardsCards div#rewGen").show();
				break;
				
			}
		});
		// add disclaimer to rewards-airline tab
		//$("<div class=\"disclaimer\">*AAdvantage is a registered trademark of American Airlines, Inc.</div>").appendTo("#rewAir");
		// add selected state to providers tab subnav
		$("#provNav00").addClass("selected");
	});
});