// JavaScript Document
$(document).ready(function (){
	var currentItem = 0;
	var divHeight = 0;
	if($("#anchor-tabs").length){
		//$("#anchor-tabs").addClass('anchor-active');
		
		footerString = '<div id="anchor-footer-wrapper"><div id="anchor-footer-container"><a href="#"><div id="back-button"><span>Back</span></div></a><a href="#"><div id="next-button"><span>Next</span></div></a><ul id="anchor-tabs-footer"><li class="anchor-dot-selected">&nbsp;</li>';
		for(var i=0;i < $("#anchor-list li").length - 1;i++){
				footerString += '<li class="anchor-dot">&nbsp;</li>';
		}
		$("#anchor-tabs").append(footerString +'</ul></div></div>');
		
		var totalWidth = $("#anchor-tabs").width();
		var tabWidth = $("ul#anchor-list li:eq(0)").width();
		var listItemCount = $("ul#anchor-list li").length;
		var listWidth = (tabWidth * listItemCount);
		if(listWidth < totalWidth){
			//$(".anchor-first:hover").css("background","url(../images/ui/anchor-link-heading-background-over-left.png) no-repeat");	
			//$(".anchor-last:hover").css("background","url(../images/ui/anchor-link-heading-background-over-right.png) no-repeat");	
		}
		
		$("#anchor-list li:eq(0)").addClass('anchor-active');
		$("div#anchor-footer-container div:eq(0)").css("visibility","hidden");

		$(".anchor-tab").each(function (){
			var thisHeight = $(this).height();	
			if(thisHeight > divHeight){
				divHeight = thisHeight;
			}
		});
		$(".anchor-tab").css("height",divHeight);
		$(".anchor-tab:not(:eq(0))").css("display","none");
		$(".anchor-tab:eq(0)").css("display","block");
		$("#anchor-list li").click(function (){
			$("#anchor-list li").removeClass("anchor-active");
			$(".anchor-tab").css("display","none");
			$(this).addClass("anchor-active");
			currentItem = $("#anchor-list li").index($(this));
			$(".anchor-tab:eq("+currentItem+")").css("display","block");
			$(".anchor-dot-selected").removeClass().addClass("anchor-dot");
			$(".anchor-dot:eq("+currentItem+")").removeClass().addClass("anchor-dot-selected");
			if(currentItem == 0){ 
				$("div#anchor-footer-container div:eq(0)").css("visibility","hidden");
			}else{
				$("div#anchor-footer-container div:eq(0)").css("visibility","visible");
			}
			if(currentItem == (listItemCount - 1)){ 
				$("div#anchor-footer-container div:eq(1)").css("visibility","hidden");
			}else{
				$("div#anchor-footer-container div:eq(1)").css("visibility","visible");
			}
			return false;
		});
		$("div#anchor-footer-container div").click(function () {
			var nextOrBack = $("div#anchor-footer-container div").index($(this));
			switch (nextOrBack){
				case 0:
					$("div#anchor-footer-container div:eq(1)").css("visibility","visible");
					if(currentItem > 0){
						currentItem--;
						$("#anchor-list li").removeClass("anchor-active");
						$(".anchor-tab").css("display","none");
						$(".anchor-tab:eq("+currentItem+")").css("display","block");
						$("#anchor-list li:eq("+currentItem+")").addClass("anchor-active");
						$(".anchor-dot-selected").removeClass().addClass("anchor-dot");
						$(".anchor-dot:eq("+currentItem+")").removeClass().addClass("anchor-dot-selected");
						if(currentItem == 0){ 
							$("div#anchor-footer-container div:eq(0)").css("visibility","hidden");
						}else{
							$("div#anchor-footer-container div:eq(0)").css("visibility","visible");
						}
					}
				break;
				case 1:
					$("div#anchor-footer-container div:eq(0)").css("visibility","visible");
					if(currentItem < (listItemCount - 1)){
						currentItem++;
						$("#anchor-list li").removeClass("anchor-active");
						$(".anchor-tab").css("display","none");	
						$(".anchor-tab:eq("+currentItem+")").css("display","block");
						$("#anchor-list li:eq("+currentItem+")").addClass("anchor-active");
						$(".anchor-dot-selected").removeClass().addClass("anchor-dot");
						$(".anchor-dot:eq("+currentItem+")").removeClass().addClass("anchor-dot-selected");
						if(currentItem == (listItemCount - 1)){ 
							$("div#anchor-footer-container div:eq(1)").css("visibility","hidden");
						}else{
							$("div#anchor-footer-container div:eq(1)").css("visibility","visible");
						}
					}
				break;
			}
			return false;
		});
		$("#anchor-tabs-footer li").click(function (){
			$("#anchor-list li").removeClass("anchor-active");
			$(".anchor-tab").css("display","none");
			$("#anchor-list li:eq("+$("#anchor-tabs-footer li").index($(this))+")").addClass('anchor-active');
			currentItem = $("#anchor-tabs-footer li").index($(this));
			$(".anchor-tab:eq("+currentItem+")").css("display","block");
			$(".anchor-dot-selected").removeClass().addClass("anchor-dot");
			$(".anchor-dot:eq("+currentItem+")").removeClass().addClass("anchor-dot-selected");
			if(currentItem == 0){ 
				$("div#anchor-footer-container div:eq(0)").css("visibility","hidden");
			}else{
				$("div#anchor-footer-container div:eq(0)").css("visibility","visible");
			}
			if(currentItem == (listItemCount - 1)){ 
				$("div#anchor-footer-container div:eq(1)").css("visibility","hidden");
			}else{
				$("div#anchor-footer-container div:eq(1)").css("visibility","visible");
			}
			return false;
		});
	}
});