//----------------------------------------------------------------------------------------------------
// GLOABL VARIABLES
//----------------------------------------------------------------------------------------------------
var MainHeaderHeight = 345;
var fpb_close = true;
var openClient = "";



$(document).ready(function(){
	
	//--------CHECK IF WE ARE USING INTERNET EXPLORER----0
    var IE = /*@cc_on!@*/false;
    // ---------------------------------------------------0
    if (IE !== false) {
		document.documentElement.style.overflow = "hidden"; //--Hide browser scrollbars
	}
	
	
    // scroll to top every time!
    $('body').animate({scrollTop: 0}); 
   




	//----------------------------------------------------------------------------------------------------
	// REVEAL ABOUT SECTION
	//----------------------------------------------------------------------------------------------------
    $('.nav_button_1').click(function() {
    	navClick($(this), "01");
    });


	//----------------------------------------------------------------------------------------------------
	// REVEAL WORK SECTION
	//----------------------------------------------------------------------------------------------------
    $('.nav_button_2').click(function() {
    	navClick($(this), "02");
    });
	
	
	//----------------------------------------------------------------------------------------------------
	// REVEAL CLIENTS SECTION
	//----------------------------------------------------------------------------------------------------
    $('.nav_button_3').click(function() {
    	navClick($(this), "03");
    });

	//----------------------------------------------------------------------------------------------------
	// REVEAL ADDRESS SECTION
	//----------------------------------------------------------------------------------------------------
    $('.nav_button_4').click(function() {
    	navClick($(this), "04");
    });


	//----------------------------------------------------------------------------------------------------
	// NAV BUTTON CLICKED
	//----------------------------------------------------------------------------------------------------
	function navClick(selector, number) {
		$('#floatingPopBox').fadeOut('slow'); // hide the client sectors blurb popup
		fpb_close = true; // reset popup flags
		openClient = ""; // reset popup flags
		$('.bodyPadding').show();
		$('.main_quote').hide();
		$('.nav_button').not(selector).removeClass('active');
	    selector.addClass('active');
    	$('.osite_panel_toggle:visible').not(('#segment_toggle_' + number)).fadeOut(700, function(){
       		// complete
        });
        if (  $('.osite_panel_toggle:visible').size() < 1  ) {
	        $(('#segment_toggle_' + number)).slideDown(1000, 'easeOutQuad', function(){
	       		$('.bodyPadding').hide();
	       		scrollOverClient();
	       	});
	    } else {
	    	$(('#segment_toggle_' + number)).fadeIn(1000, 'easeOutQuad', function(){
	       		$('.bodyPadding').hide();
	       		scrollOverClient();
	       	});
	    }
	    if (number == 2) {
	    	$('.sub_nav').show();
		}	else {
			$('.sub_nav').hide();
		}
	}











	//----------------------------------------------------------------------------------------------------
	// SCROLL TO CLIENT
	//----------------------------------------------------------------------------------------------------
    $('.client_info_link').click(function() {
        $(this).siblings().removeClass('active');
        $(this).addClass('active');
        var thisClient = $(this).html();
        
        var targetOffset = $( ('.sub_toggle_content[title="' + thisClient + '"]') ).offset().top -37;
        $('body').animate({scrollTop: targetOffset});
        
    });

    
    
    
   
    
    
    //----------------------------------------------------------------------------------------------------
	// SCROLL TO MAIN NAV
	//----------------------------------------------------------------------------------------------------
    $('.main_nav').click(function() {
    	//$('body').css({'height':'3000px'}); // only necessary when no content is available
        var targetOffset = MainHeaderHeight;
        $('body').animate({scrollTop: targetOffset});
    });
    
    
    
    //----------------------------------------------------------------------------------------------------
	// SCROLL TO TOP (0px)
	//----------------------------------------------------------------------------------------------------
    $('.return_to_top').click(function() {
        var targetOffset = 0;
        $('body').animate({scrollTop: targetOffset});
    });
    
    
   
   
   
   
   
   
	//----------------------------------------------------------------------------------------------------
	// SHOW AND HIDE EXTENDED CLIENT WORK
	//----------------------------------------------------------------------------------------------------
    $('.sub_toggle_content > .toggle_content_image_div img, .client_read_more').click(function() {
        $('.sub_toggle_content.last').css('margin-bottom', '900px');
        var clientContainer = $(this).parent().parent();
        var readMoreButton = $(this).parent().parent().find('.client_read_more');
        var targetOffset = clientContainer.offset().top - 37;
        $('body').animate({scrollTop: targetOffset});

        clientContainer.children('.toggle_content_image_div').fadeOut("slow", function(){
            readMoreButton.html('&#8211;').addClass("client_read_less");
            clientContainer.find('.full_story_toggle_content').fadeIn(2000, function(){
            	$('.sub_toggle_content.last').css('margin-bottom', '500px');
            	clientContainer.find('.client_read_less_second_instance').show();
            });
        });
    });
    $('.client_read_less').live('click', function() {
        var clientContainer = $(this).parent().parent();
        clientContainer.find('.client_read_less_second_instance').hide();
        var readMoreButton = $(this);
        var targetOffset = clientContainer.offset().top - 37;
        $('body').animate({scrollTop: targetOffset});
        
        clientContainer.find('.full_story_toggle_content').fadeOut("slow", function(){
            readMoreButton.html('+').removeClass('client_read_less');
            clientContainer.children('.toggle_content_image_div').fadeIn(2000);
            clientContainer.find('.client_read_less_second_instance').hide();
        });
    });
    
    
    $('.client_read_less_second_instance').live('click', function() {
    	$(this).hide();
    	var clientContainer = $(this).parent();
    	var readMoreButton = clientContainer.find('.client_read_less');
    	var targetOffset = clientContainer.offset().top - 37;
        $('body').animate({scrollTop: targetOffset});
        
        clientContainer.find('.full_story_toggle_content').fadeOut("slow", function(){
            readMoreButton.html('+').removeClass('client_read_less');
            clientContainer.children('.toggle_content_image_div').fadeIn(2000);
        });
    });
    
    
    
    
    
    
    //----------------------------------------------------------------------------------------------------
	// HEADING CLICKED SCROLL TO CONTAINER
	//----------------------------------------------------------------------------------------------------
    $('.intro_heading').not('.intro_heading_self_scroll').click(function() {
    	var targetOffset = $(this).parent().parent().offset().top - 37;
 		$('body').animate({scrollTop: targetOffset});
    });
    
    $('.intro_heading_self_scroll').click(function() {
    	var targetOffset = $(this).offset().top - 67;
 		$('body').animate({scrollTop: targetOffset});
    });
    
    $('.contact_heading').click(function() {
    	var targetOffset = $(this).offset().top - 70;
 		$('body').animate({scrollTop: targetOffset});
    });
    
    
    
    
    
    
    
    
    
    
    // turn off selection for major UI elements
    //$('.nav_item, .nav_heading, .button_div_type_01, .button_div_type_02').disableSelection();
    
    
    
      //$('.full_story_toggle_content').slideDown(2100, 'easeInQuad', function(){
            //});
    
    
    
    
    
    
    
    
    //----------------------------------------------------------------------------------------------------
	// MAIN NAV POSITION CONTROL
	//----------------------------------------------------------------------------------------------------
    function mainNavPositioning() {
    	var distance = $('body').scrollTop();
    	if ( distance >= MainHeaderHeight ) {
    		$('.main_nav').addClass('menuFixed');
    	} else {
    		$('.main_nav').removeClass('menuFixed');
    	}
    }
   
   
    //----------------------------------------------------------------------------------------------------
	// SUB NAV POSITION CONTROL
	//----------------------------------------------------------------------------------------------------
    function subNavPositioning() {
    	var distance = $('body').scrollTop();
    	if ( distance >= MainHeaderHeight ) {
    			$('.sub_nav').addClass('menuFixed');
    	} else {
    		$('.sub_nav').removeClass('menuFixed');
    	}
    }
    
   	//----------------------------------------------------------------------------------------------------
	// SCROLL OVER OR PAST CLIENT
	//----------------------------------------------------------------------------------------------------
    function scrollOverClient() {
    	var distance = $('body').scrollTop();
    	$('.sub_toggle_content').each( function( i ) {
    		var myDistance = $(this).offset().top;
    		var myHeight = $(this).height();
    		if ( (myDistance < distance + 200) && (myDistance + myHeight > distance - 500) ) {
    			var ti = $(this).attr('title');
    			var theMenuItem = $('.client_info_link[title="' + ti + '"]');
    			$('.client_info_link').not(theMenuItem).removeClass('active');
    			theMenuItem.addClass('active');
    		}
    	});
    }
    
    
    
    
    
    
    
    
    
    //----------------------------------------------------------------------------------------------------
	// SHOW STATEMENTS
	//----------------------------------------------------------------------------------------------------
    $('.privacy_statement_link, .contact_notes_h2, .environmental_statement_link').live('click', function(event) {
    	$('#shade').fadeIn('slow');
    	$('#popbox').fadeIn('slow');
    	var theURL = "";
    	var et = $(event.target);
    	
    	if (  (et.hasClass('privacy_statement_link')) || (et.hasClass('contact_notes_h2'))  ) {
    		theURL = "privacy.statement.php";
    	} 
    	if (et.hasClass('environmental_statement_link')) {
    		theURL = "environmental.statement.php";
    	} 
    	
    	$.ajax({
		    url: (theURL),
		    cache: false,
		    success: function (html) {
		    	$('#popbox #popContent').html("");
		    	$('#popbox #popContent').html(html);
		    }
     	}); 
    });
    
    $('#shade, #closePop').click(function(){
    	$('#popbox').fadeOut('slow');
    	$('#shade').fadeOut('slow');
    	
    });
    
 
 
 
    //----------------------------------------------------------------------------------------------------
	// SHOW CLIENT BLURBS
	//----------------------------------------------------------------------------------------------------
    $('.sector_client.active').live('click', function(event) {
    	fpb_close = false;
    	var theClient = $(this).html();
    	if (openClient != theClient) {
	    	var theLeft = $(this).offset().left;
	    	var theTop = $(this).offset().top;
	    	$.ajax({
			    url: ("client.blurb.php?client=" + encodeURIComponent(theClient) + ""),
			    cache: false,
			    success: function (html) {
			    	$('#floatingPopBox').fadeOut('slow', function(){
				    	$('#floatingPopBox #floatingPopBoxContent').html("");
				    	$('#floatingPopBox #floatingPopBoxContent').html(html);
				    	$('#floatingPopBox').css({
				    		'left': (theLeft - 370) + 'px',
				    		'top': (theTop + 5) + 'px'
				    	});
		    			$('#floatingPopBox').fadeIn('slow');
			    	});
			    }
	     	});
	     }
	     openClient = theClient;
    }); 
    $('.sector_client.active').live('mouseenter', function(event) {
		if ( fpb_close ) { 
			var theClient = $(this).html();
			openClient = theClient;
	    	var theLeft = $(this).offset().left;
	    	var theTop = $(this).offset().top;
	    	$.ajax({
			    url: ("client.blurb.php?client=" + encodeURIComponent(theClient) + ""),
			    cache: false,
			    success: function (html) {
			    	$('#floatingPopBox').fadeOut('fast', function(){
				    	$('#floatingPopBox #floatingPopBoxContent').html("");
				    	$('#floatingPopBox #floatingPopBoxContent').html(html);
				    	$('#floatingPopBox').css({
				    		'left': (theLeft - 370) + 'px',
				    		'top': (theTop + 5) + 'px'
				    	});
		    			$('#floatingPopBox').fadeIn('fast');
			    	});
			    }
	     	});
	     }
    });
    
    
    
    
    $('#closeFloatingPop').click(function(){
    	$('#floatingPopBox').fadeOut('slow');
    	fpb_close = true;
    	openClient = "";
    	
    });
    
    
    $('.sector_client.active').live('mouseleave', function() {
	  if ( fpb_close ) {  
	  	$('#floatingPopBox').fadeOut('slow');
	  	openClient = "";
	  }
	});
	    
	    
	   
	    
    
    
    
    
    /*
    
    //----------------------------------------------------------------------------------------------------
	// POP BOX CUSTOM SCROLL
	//----------------------------------------------------------------------------------------------------
    var popBoxScroll;
    $('.popBoxScrollDown').live('mousedown', function() {
    	popBoxScroll = true;
    	scrollPopBox(20);
    });
    $('.popBoxScrollUp').live('mousedown', function() {
    	popBoxScroll = true;
    	scrollPopBox(-20);
    });
    $('.popBoxScrollDown, .popBoxScrollUp').live('mouseup', function() {
    	popBoxScroll = false;
    });
   
    function scrollPopBox(v) {
    	var st = $('#popContent').scrollTop();
 		$('#popContent').animate({scrollTop: ( st + v  ) }, function(){
 			if (popBoxScroll) {
 				scrollPopBox(v * 1.9);
 			}
 		});
    }
   
   */
   
   
   
   
   
   	$('.link_to_contact').live('click', function() {
   		$('.nav_button_4').trigger('click'); // 'contact'
   	});
   
   
   	$('.link_to_brandforce').live('click', function() {
   		window.open('http://www.brandforce.com/');
   	});
   
   
   	$('#contact_thanks').click(function(){
   		$(this).fadeOut();
   	})
   
   
   
   
   
   
   
   
    
    
    
   	//----------------------------------------------------------------------------------------------------
	// WINDOW RESIZE EVENT
	//----------------------------------------------------------------------------------------------------
    $(window).resize(function() {
      // action 
    });
    
    
    
    
    //----------------------------------------------------------------------------------------------------
	// WINDOW SCROLL EVENT
	//----------------------------------------------------------------------------------------------------
    var scrollingElement = window;
    
    if ($.browser.msie) {
    	scrollingElement = 'body';
    }
    
    $(scrollingElement).scroll(function () { 
		mainNavPositioning();
		subNavPositioning();
		scrollOverClient();
    });
    
    
    
    
    
    
    
    
}); // end document ready ----------------------------------------------------------//








//----------------------------------------------------------------------------------------------------
// SET ALTERNATING IMAGES ON PAGE LOAD
//----------------------------------------------------------------------------------------------------
var randomNumber = Math.floor(Math.random()*6) + 1;
$('.main_site_header').css({
    'background-image': 'url(images/alternating/main_image_' + padDigits(randomNumber, 2) + '.jpg)'
});
var blackOrWhiteHash = {'01':'white', '02':'white', '03':'white', '04':'white', '05':'white', '06':'white'};
var useFile = blackOrWhiteHash[padDigits(randomNumber, 2)];
$('.site_logo').css({
    'background-image': 'url(images/logo/tbg_' + useFile + '.png)'
});




//----------------------------------------------------------------------------------------------------
// LEADING ZERO NUMBER FUNCTION
//----------------------------------------------------------------------------------------------------
function padDigits(n, totalDigits) { 
	n = n.toString(); 
	var pd = ''; 
	if (totalDigits > n.length) { 
		for (i=0; i < (totalDigits-n.length); i++) { 
			pd += '0'; 
    	} 
	} 
	return pd + n.toString(); 
}








function scrollToFeaturedClient(client) {
 	$('.nav_button_2').trigger('click');
 	$('#popbox').fadeOut('slow');
 	$('#floatingPopBox').fadeOut('slow');
 	$('#shade').fadeOut('slow', function() {
	 	var expandedView = $('.sub_toggle_content[title="' + client + '"]');
	 	var targetOffset = expandedView.offset().top - 37;
		$('body').animate({scrollTop: targetOffset});
		fpb_close = true;
   		openClient = "";
 	});
}









function submitContact() {
	if ( validateForm() ) {
		
		$('#contactForm').ajaxSubmit({
            success: function (data) {
            	if ( data === "true" ) {
	                $('#contactForm').find('input, textarea').val('');
	                $('#contact_thanks').fadeIn('slow');
	            } else {
	            	alert('Please enter the letters as seen in the diagram.\nIf you are having trouble please try a different image');
	            }
            }
        });
	}
}