var viewPort = $('#containerParent').width()
var middleOfViewport = viewPort / 2;
var widthOfPage = 1100;
var actualWidthOfPage = 900;
var pageSpacing = 100;

var widthOfPageHalf = widthOfPage / 2;
var containerPadding = 500;

//duration of navigation scroll in milleseconds 
var scrollSpeedMaster = 500;
var addyCheck;

var socialArray =  new Array(".social1", ".social2", ".social3", ".socialHome", ".social4", ".social5", ".social6");
var isEditor = false;

var outboundLinkCheck;

$(function () {
    addyCheck = location.href.substring(7);


    if (addyCheck.substring(addyCheck.lastIndexOf("/")) == "/Home.aspx") {

        location = "http://" + addyCheck.substring(0, addyCheck.lastIndexOf("/"));
    }

    $.address.change(function (event) {
        addressScroll($.address.value());
    });


    //position the navigation block			
    windowRefresh();


    if (!isEditor) {
        $('#navPos1, #navPos2, #navPos3, #navPos4, #navPos5, #navPos6, #navPos7, #navPosHome, .homeLink, .homeFeatures a').click(function () {
			
			outboundLinkCheck = $(this).attr('href');
			
			if(outboundLinkCheck.indexOf('http://') == -1){
				$.address.value($(this).attr('href'));
				
				//This solution is temporary
				
				if($(this).attr('href') == '/Careersa_module488_post12'){
					$('#a_module488_post12').click();		
				}
				if($(this).attr('href') == '/Worka_module508_post21938742-9e47-4af6-8dfb-98a825ea05d1'){
					$('#a_module508_post21938742-9e47-4af6-8dfb-98a825ea05d1').click();		
				}
				
				return false;
			}

        });
		
		//This solution is temporary
		
		$('.homePanelRightContainer .hc1 > a,.homePanelRightContainer .hc2 > a,.homePanelRightContainer .hc3 > a, .homePanelRightContainer .hc4 > a,').click(function() {
				
				if($(this).attr('href') == '#PracticeAreasNew-opportunities-Old-hands'){
					$('#img_ba22faa7-4ee0-4390-b6e6-86e49bdd281e').click();					
				}
				if($(this).attr('href') == '#PracticeAreasWe-get-it'){
					$('#img_d95e9980-9b25-4027-a060-4c808d02e32e').click();
				}
				if($(this).attr('href') == '#PracticeAreasIn-house-Insanely-talented'){
					$('#img_9cac5f77-3c73-4df0-8b04-7a679caba1cd').click();
				}
				if($(this).attr('href') == '#PracticeAreasWell-trained-and-loyal'){
					$('#img_d702dc21-86a1-4fb8-8e06-6ff9d7ca0d76').click();	
				}
				
				$.address.value($(this).attr('href'));
	
				return false;
		});
    }

    $('#navPosOut').click(function () {
        window.open("http://blog.brownbagmarketing.com/");
        return false;
    });
	
	$('.content portray').click(function(){
		return false;	
	});

    tabbedImagesArray= new Array("iconTabStrategy_hot.jpg",
						"iconTabBrandDevelopment_hot.jpg",
						"iconTabWebDevelopment_hot.jpg",
						"iconTabSocialMediaMarketing_hot.jpg",
						"iconTabTraditional_hot.jpg",
						"iconSalesPromo_hot.jpg",
						"iconTabAnimalHealth_hot.jpg",
						"iconTabRegulatedEnvironments_hot.jpg",
						"iconTabInteractiveDev_hot.jpg",
						"iconTabB2BSocialMedia_hot.jpg"
	)
	
	tabbedImageObject = new Array();
	//PRELOAD TABBED IMAGES
	for(i=0;i<tabbedImagesArray.length;i++){
        var tabHot = new Image();
        tabHot.src = "/Portals/0/Skins/BrownBag/images/" + tabbedImagesArray[i];
		
        tabbedImageObject.push(tabHot);
	}

		 $(".contentFlowArrowLeft").click(function(){
				 clipBoardFlowControl("prev");
		 });
		 $(".contentFlowArrowRight").click(function(){
				 clipBoardFlowControl("next");
		 });

	
});

$(window).resize(function() {
  windowRefresh();
});

function windowRefresh(){
	viewPort = $('#containerParent').width();
	
	var navPositionAdjust = (viewPort - actualWidthOfPage)/2;
	navPositionAdjust = navPositionAdjust + actualWidthOfPage - $('.navBarFixed').width();
	$('.navBarFixed').css('left', navPositionAdjust + 'px');
	addressScroll($.address.value(), true);
}

function addressScroll(sectionName, snapScroll){
	var selectedNavContainer;
	
	var pageLinkCheck;
	//alert("Are you people motivated to work? " + sectionName)
	
	//ABOUT SECTION
	if (sectionName.indexOf("About") != -1){
		
		//SPLIT STRING FILE NAME OUT OF STRING
		pageLinkCheck = sectionName.split("About");
		//CHECK IF THIS IS A PAGE LINK
		if(pageLinkCheck[1] == ".aspx"){
			//IF SO JUST SCROLL TO THE PAGE
			scrollNav(0, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 32,scrollSpeedMaster)
			} 
			selectedNavContainer = $('#navPos1').attr("id");
			resetSelectedNav(selectedNavContainer);
		} else { // OTHERWISE SCROLL THE THE PAGE THEN PASS THE ID
		
			scrollNav(0, snapScroll, sectionName.substr(1));
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 32,scrollSpeedMaster)
			} 
			selectedNavContainer = $('#navPos1').attr("id");
			resetSelectedNav(selectedNavContainer);
		}
	
	//CAPABILITIES SECTION	
	} else if (sectionName.indexOf("Capabilities") != -1) {
		//SPLIT STRING FILE NAME OUT OF STRING
		pageLinkCheck = sectionName.split("Capabilities");
		//CHECK IF THIS IS A PAGE LINK
		if(pageLinkCheck[1] == ".aspx"){
			//IF SO JUST SCROLL TO THE PAGE
			scrollNav(1, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 113,scrollSpeedMaster)
			} 
			selectedNavContainer = $('#navPos2').attr("id");
			resetSelectedNav(selectedNavContainer);
		} else { // OTHERWISE SCROLL THE THE PAGE THEN PASS THE ID
			
			scrollNav(1, snapScroll, sectionName.substr(1));
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 113,scrollSpeedMaster)
			} 
			selectedNavContainer = $('#navPos2').attr("id");
			resetSelectedNav(selectedNavContainer);
		}
		
	//PRACTICE AREAS SECTION	
	} else if (sectionName.indexOf("PracticeAreas") != -1) {
		//SPLIT STRING FILE NAME OUT OF STRING
		pageLinkCheck = sectionName.split("PracticeAreas");
		//CHECK IF THIS IS A PAGE LINK
		if(pageLinkCheck[1] == ".aspx"){
			//IF SO JUST SCROLL TO THE PAGE
			scrollNav(2, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 227,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos3').attr("id");
			resetSelectedNav(selectedNavContainer);
		} else { // OTHERWISE SCROLL THE THE PAGE THEN PASS THE ID
			scrollNav(2, snapScroll, sectionName.substr(1));
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 227,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos3').attr("id");
			resetSelectedNav(selectedNavContainer);
		}
		
	//HOME SECTION 	
	} else if (sectionName.indexOf("Home") != -1){
		//alert("Lee is Testing Navigation Stuff. This is the Home page. Now get back to work!");

		scrollNav(3, snapScroll);
		if(!snapScroll){
			$('.navArrowPositionContainer').scrollTo(582 - 301,scrollSpeedMaster)
		}
		selectedNavContainer = $('#navPosHome').attr("id");
		resetSelectedNav(selectedNavContainer);
		
	//HOME SECTION // CASE 2	
	} else if ((sectionName.indexOf("/") == 0) && (sectionName.length == 1 )){
		//alert("Lee is Testing Navigation Stuff. This is the Home page. Now get back to work!");
		
		scrollNav(3, snapScroll);
		if(!snapScroll){
			$('.navArrowPositionContainer').scrollTo(582 - 301,scrollSpeedMaster)
		}
		selectedNavContainer = $('#navPosHome').attr("id");
		resetSelectedNav(selectedNavContainer);
	
	//HOME SECTION // CASE 3		
	} else if (sectionName.indexOf("/#") != -1){
		//alert("Lee is Testing Navigation Stuff. This is the Home page. Now get back to work!");
		
		scrollNav(3, snapScroll);
		if(!snapScroll){
			$('.navArrowPositionContainer').scrollTo(582 - 301,scrollSpeedMaster)
		}
		selectedNavContainer = $('#navPosHome').attr("id");
		resetSelectedNav(selectedNavContainer);
	
	//WORK SECTION
	} else if (sectionName.indexOf("Work") != -1){
		//SPLIT STRING FILE NAME OUT OF STRING
		pageLinkCheck = sectionName.split("Work");
		//CHECK IF THIS IS A PAGE LINK
		if(pageLinkCheck[1] == ".aspx"){
			//IF SO JUST SCROLL TO THE PAGE		
			scrollNav(4, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 347,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos5').attr("id");
			resetSelectedNav(selectedNavContainer);
		} else { // OTHERWISE SCROLL THE THE PAGE THEN PASS THE ID
			scrollNav(4, snapScroll, sectionName.substr(1));
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 347,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos5').attr("id");
			resetSelectedNav(selectedNavContainer);
		}
		
	//CONTACT SECTION
	} else if (sectionName.indexOf("Contact") != -1){
		//SPLIT STRING FILE NAME OUT OF STRING
		pageLinkCheck = sectionName.split("Contact");
		//CHECK IF THIS IS A PAGE LINK
		if(pageLinkCheck[1] == ".aspx"){
			//IF SO JUST SCROLL TO THE PAGE
			scrollNav(5, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 415,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos6').attr("id");
			resetSelectedNav(selectedNavContainer);
		} else { // OTHERWISE SCROLL THE THE PAGE THEN PASS THE ID
			scrollNav(5, snapScroll, sectionName.substr(1));
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 415,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos5').attr("id");
			resetSelectedNav(selectedNavContainer);
		}
		
		
	//CAREERS SECTION
	
	} else if (sectionName.indexOf("Careers") != -1){
		//alert(sectionName);
		//SPLIT STRING FILE NAME OUT OF STRING
		pageLinkCheck = sectionName.split("Careers");
		//CHECK IF THIS IS A PAGE LINK
		if(pageLinkCheck[1] == ".aspx"){
			//IF SO JUST SCROLL TO THE PAGE		
			scrollNav(6, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 487,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos7').attr("id");
			resetSelectedNav(selectedNavContainer);
		} else { // OTHERWISE SCROLL THE THE PAGE THEN PASS THE ID
			scrollNav(6, snapScroll, sectionName.substr(1));
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 487,scrollSpeedMaster)
			}
			selectedNavContainer = $('#navPos7').attr("id");
			resetSelectedNav(selectedNavContainer);
		}
		
		//The Bios Pop up section
	} else if (sectionName.indexOf("bioPopUp") != -1){

			scrollNav(0, snapScroll);
			if(!snapScroll){
				$('.navArrowPositionContainer').scrollTo(582 - 32,scrollSpeedMaster)
			} 
			selectedNavContainer = $('#navPos1').attr("id");
			resetSelectedNav(selectedNavContainer);
			
			bioIndex = window.location.href.substring(window.location.href.indexOf("bioPopUp/") + 9, window.location.href.length);
			
			$("#bioContainer").fadeIn();
			changeBioInfo();
			
	}
	//alert(sectionName.indexOf("Careers"));
	
	
	var page;
	
	var anchorTees;
	
	//alert("Lee's Testing Navigation Stuff " + page);
/*
	switch (sectionName){
		
		
		
		//Nav position 1
		case "/About.aspx":
		scrollNav(0, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 28}, function(){
				$('.navArrowPointerDiv').css("left", "28px");
			});
		}
		selectedNavContainer = $('#navPos1').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;
		
		//Nav position 2
		case "/Capabilities.aspx":
		scrollNav(1, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 119}, function(){
				$('.navArrowPointerDiv').css("left", "119px");
			});
		}
		selectedNavContainer = $('#navPos2').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;
		
		//Nav position 3
		case "/PracticeAreas.aspx":
		scrollNav(2, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 237}, function(){
				$('.navArrowPointerDiv').css("left", "237px");
			});
		}
		selectedNavContainer = $('#navPos3').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;

		//Nav position 4
		case "/#":
		//scrollNav(3, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 304}, function(){
				$('.navArrowPointerDiv').css("left", "304px");
			});
		}
		selectedNavContainer = $('#navPosHome').attr("id");
		resetSelectedNav(selectedNavContainer);
		return false;
		break;
		
		//Nav position 4
		case "/Home.aspx":
		scrollNav(3, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 304}, function(){
				$('.navArrowPointerDiv').css("left", "304px");
			});
		}
		selectedNavContainer = $('#navPosHome').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;
		
		//Nav position 5
		case "/Work.aspx":
		scrollNav(4, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 356}, function(){
				$('.navArrowPointerDiv').css("left", "356px");
			});
		}
		selectedNavContainer = $('#navPos5').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;

		//Nav position 6
		case "/Contact.aspx":
		scrollNav(5, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 430}, function(){
				$('.navArrowPointerDiv').css("left", "430px");
			});
		}
		selectedNavContainer = $('#navPos6').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;

		//Nav position 7
		case "/Careers.aspx":
		scrollNav(6, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 497}, function(){
				$('.navArrowPointerDiv').css("left", "497px");
			});
		}
		selectedNavContainer = $('#navPos7').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;
		
		//Nav position Home  same as Position 4
		case "/":
		scrollNav(3, snapScroll);
		if(!snapScroll){
			$('.navArrowPointerDiv').animate({left : 305}, function(){
				$('.navArrowPointerDiv').css("left", "305px");
			});
		}
		selectedNavContainer = $('#navPosHome').attr("id");
		resetSelectedNav(selectedNavContainer);
		break;

	}*/
		
}

function scrollNav(pageIndex, snapScrollTrue, namedHTMLAnchor){

		viewPort = $('#containerParent').width();
		var screenPositionAdjust = (viewPort - actualWidthOfPage)/2;
		var toScroll = widthOfPage * pageIndex + containerPadding + pageSpacing - screenPositionAdjust;
        //since the homepage is 100px wider than the other pages  this check compensates for that
		//the homepage is the 4th page in the layout.
		if(pageIndex == 3){
			toScroll += 50;
		}
		
		if(pageIndex > 3){
			toScroll += 100;
		}
		
		if(toScroll < 0){
			toScroll = 0;	
		}
		var scrollSpeed = scrollSpeedMaster;
		if(snapScrollTrue){
			scrollSpeed = 0;
		}
		$('#containerParent').scrollTo(toScroll,scrollSpeed, function(){
			if(namedHTMLAnchor){
				
				//Temporary Code
				if(namedHTMLAnchor.indexOf('About') != -1){
					
				} else if (namedHTMLAnchor.indexOf('About') != -1){
					namedHTMLAnchor = "#" + namedHTMLAnchor.split('About')[1];
				} else if (namedHTMLAnchor.indexOf('Capabilities') != -1){
					namedHTMLAnchor = "#" + namedHTMLAnchor.split('Capabilities')[1];
				} else if (namedHTMLAnchor.indexOf('PracticeAreas') != -1){
					namedHTMLAnchor = "#" + namedHTMLAnchor.split('PracticeAreas')[1];
				} else if (namedHTMLAnchor.indexOf('Work') != -1){
					namedHTMLAnchor = "#" + namedHTMLAnchor.split('Work')[1];
				} else if (namedHTMLAnchor.indexOf('Contact') != -1){
					namedHTMLAnchor = "#" + namedHTMLAnchor.split('Contact')[1];
				} else if (namedHTMLAnchor.indexOf('Careers') != -1){
					namedHTMLAnchor = "#" + namedHTMLAnchor.split('Careers')[1];
				} 
				
				$(window).scrollTo($(namedHTMLAnchor), scrollSpeed, {offset: {top:-90, left:0} });
				
			}
			//
			updateSocialDisplay(pageIndex)
		});
		
		/*$('.containerChild').animate({left: (toScroll * -1) + "px",
							useTranslate3d: true},200);*/
}

function resetSelectedNav(containerID){
	var selectedNav
	$('#navPos1, #navPos2, #navPos3, #navPos4, #navPos5, #navPos6, #navPos7, #navPosHome, .homeLink').each(function(){
		selectedNav = $(this).children("img").attr("src");
		if(selectedNav.indexOf("_hot") != -1){
			selectedNav = selectedNav.substr(0, selectedNav.indexOf("_hot.png"));
			selectedNav = selectedNav + ".png";
			$(this).children("img").attr("src", selectedNav);
		}
		
		if($(this).attr("id") == containerID){
			selectedNav = selectedNav.substr(0, selectedNav.indexOf(".png"));
			selectedNav = selectedNav + "_hot.png";
			$(this).children("img").attr("src", selectedNav);
		}
	});
}

function updateSocialDisplay(socialIndex){
	$(".social1, .social2, .social3, .socialHome, .social4, .social5, .social6").hide();
	
	$(socialArray[socialIndex]).fadeIn();
}