// NOTE
//	This is the main Javascript file for the 
//	"The Good Agency" website
	
// ========================================================================*/

$(document).ready(function(){

	// open link in new window
	$(function(){
		$("a.newWindow").attr("title", $("a.newWindow").attr("title")+" - This link will open in a new window");
	    $('a.newWindow').click(function(){
	        window.open(this.href);
	        return false;
	    });
	});

	// PNG fix
	$(document).pngFix();
	try{

		var flashvars = {};
				var params = {
					wmode: "opaque"
				};
				var attributes = {};
				attributes.id = "banner";
				//swfobject.embedSWF("/wp-content/themes/thegoodagency/flash/TGA_Good_Bites.swf", "animation", "1200", "262", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
				//swfobject.embedSWF("/wp-content/themes/thegoodagency/flash/banner.swf", "animation", "1000", "262", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
		
		var flashvarsAtoB = {};
		var paramsAtoB = {
			wmode: "opaque"
			
		};
		var attributesAtoB = {};
		attributesAtoB.id = "aToBOfUs";
		swfobject.embedSWF("/wp-content/themes/thegoodagency/flash/A-B.swf", "aToBOfUs", "876", "374", "9.0.0", "expressInstall.swf", flashvarsAtoB, paramsAtoB, attributesAtoB); 
		
		// function to replace submit button with graphic
		submitButtonReplacement.initialize('replaceSubmit');
		
		//hiding the animation text
		$("#row1").hide();
		$("#row2").hide();
		$("#row3").hide();
		$("#banner_longText").hide();
		//$("#mainBanner #flashArea").append('<p id="moreValues"><a href="#">&#x25BA;&nbsp;Read more about The Good Agency&rsquo;s new Values Motives Research</a></p>');
		
		//facebox
		jQuery('a[rel*=facebox]').facebox();
		
		$("#aboutUs #column3 a").click(function(){
			$("#facebox table").css("width","400px");
		});	
		
		//case study - hiding text
		$("#feature .textArea").hide();
		
		$('ul#topNavigation li').hover(function() {
			$(this).addClass('hover');
				}, function() {
			$(this).removeClass('hover');
		});
		
		$("#features_bg").hide();
		$("#feature").addClass('hide');
		
		$("#feature .mainImage, #feature .textArea").bind("mouseenter", function(e){
			$("#feature .textArea").show();	
			$("#features_bg").slideDown('slow');
			$("#feature").animate({
				  top:'0px'
				  }, 500, function(){
					  $("#feature").click( $("#facebox table").css("width","900px"));});
			$("#header").css('zIndex', '1000');
			//if (okToDimOut) {
				//showOverlay();
				//okToDimOut = false;
			//}			
		});		
		
		$("#feature").bind("mouseleave", function(e){
			if(!(faceboxOpen)){
			 $("#header").css('zIndex', '15');
					//hideOverlayBitty();
					okToDimOut = true;
			 $("#features_bg").slideUp('fast');
			 $("#feature").animate({
				  top:'-100px'
				  }, 200, function(){
					$("#feature .textArea").hide();
				});
			}	
		});
		
		$('#mainBanner #bannerDescription').hide();
		$("#mainBanner #bannerDescription .container").prepend('<p class="closeButton">Close</p>');
		$('#mainBanner #moreValues a').click(function() {
			$('#mainBanner #bannerDescription').slideToggle('slow');
			$("#mainBanner").css('zIndex', '9999');
			$('body').addClass('darken');
			showOverlayBitty();
			return false;
		});
		$('#mainBanner .closeButton').click(function() {
			$('#mainBanner #bannerDescription').slideUp('fast');
			$("#mainBanner").css('zIndex', '5');
			$('body').removeClass('darken');
			hideOverlayBitty();
			return false;
		});
		
		$('#facebox_overlay').click(function() {
			if ($('facebox_overlay').length != 0){
				hideOverlayBitty();
			}
		});		
		// show hide for column content on about us page 
		/*
		$('#aboutUs .columnContent').hide();
		$("#aboutUs .columnContent .container").prepend('<p class="closeButton">Close</p>');
		$('#aboutUs #columnTabs a').click(function() {
			$('#aboutUs .columnContent').slideToggle('slow');
			$("#aboutUs .columnContent, #aboutUs #columnTab1").toggleClass('lighten');
			$("body").append('<div id="overlay"></div>');
			return false;
		});
		$('#aboutUs .columnContent .closeButton').click(function() {
			$('#aboutUs .columnContent').slideUp('fast');
			$('body').removeClass('darken');
			$("#overlay").remove();
			return false;
		});
	
		$('#servicesList ul').tabs({
			fx: { opacity: 'toggle', duration: 'fast' }
		});
		*/
	}catch(ex)
	{
		
	}

});

var submitButtonReplacement = {
	initialize: function(classname){
		this.allButtons = $('input.'+classname);
		this.replaceButtons();
	},
	replaceButtons: function(){
		this.allButtons.each( function() {
			var input = $(this);
			$('<a href="#"><em></em>' + this.value + '</a>')
				.attr('class', this.className)
				.insertBefore(this)
				.click( function() {
					input.click(); 
					return false;
				});
			input.hide();
		});
	}
}

// function to add hover on top navigation in IE6

// function for show and hide on header feature
var okToDimOut = true;
var faceboxOpen = false;


/* show hide for main banner on homepage */



// Facebox popup for the people
/*
$(document).ready(function () {
    $('#aboutUs #column3 ul a').facebox({
	     loading_image:'/images/faceboxLoading.gif',
	     close_image:'/images/faceboxCloseLabel.gif'
	});
});
*/
 
// A to B of Us FLash
/*
$(document).ready(function () {	
	$('#aToBOfUs').flash({
		swf: '/flash/A-B.swf',			
		height:274,
		width:876		
	});
});
*/

// tabs for what we do - services list


//the dimming feature uses the same functions (but duplicated and copied to here) and same css (not duplicated) - as facebox
function showOverlayBitty() {
    if ($('facebox_overlay').length == 0){
    	$("body").append('<div id="facebox_overlay" class="facebox_hide"></div>')
    }
    $('#facebox_overlay').hide().addClass("facebox_overlayBG")
    .css('opacity', $.facebox.settings.opacity)
    .fadeIn(200);
    $('#facebox_overlay').bind("click", function(){
	if ($('body').hasClass("darken")){
		$('#mainBanner #bannerDescription').slideUp('fast');
		$("#mainBanner").css('zIndex', '5');
		$('body').removeClass('darken');
		$("#facebox_overlay").css('opacity', 0)
	}
	hideOverlayBitty()
    });
    return false
 }

function hideOverlayBitty() {	
	$('#facebox_overlay').fadeOut(200, function(){
	  $("#facebox_overlay").removeClass("facebox_overlayBG");
	  $("#facebox_overlay").addClass("facebox_hide");
	  $("#facebox_overlay").remove();
	});
	return false
}

$(document).bind('loading.facebox', function() {
	faceboxOpen = true;
	$("#header").css('zIndex', '98');
	$("#column2, #columnTab2").removeClass("lighten");
	$("select").hide();
});

$(document).bind('close.facebox', function() {
	faceboxOpen = false;
	$("select").show();	
	$("#header").css('zIndex', '1000');	
	$("#header").css('zIndex', '15');
	$("#column2, #columnTab2").addClass("lighten");
	hideOverlayBitty();
	okToDimOut = true;
	$("#features_bg").slideUp('fast');
	$("#feature").animate({
		top:'-100px'
	}, 200, function(){
		$("#feature .textArea").hide();
	});
});

/* show hide for column content on about us page */
$(document).ready(function () {
	try{
		$('#aboutUs .columnContent').hide();
		var isContentOpen = false;
		var openedContent = null;
		var clickedContent = null;
		//$("#aboutUs .columnContent .container").prepend('<p class="closeButton">Close</p>');
		$("#columnTabs > li > a").click(function(e) {
			e.preventDefault();
			isContentOpen = false;
			clickedContent = $(this);
			jQuery.each($(".columnContent"), function()
			{
				if($(this).css("display") == "block")
				{
					isContentOpen = true;
					openedContent = $(this);
				}
			});
			//jQuery.each($("#columnTabs > li"), function()
			//{
				//$(this).removeClass("lighten");
			//});
			if(!isContentOpen)
			{
				$(clickedContent.attr("href")).slideDown('slow', function()
				{
					$("html, body").animate(
					{
						scrollTop: $(clickedContent.attr("href")).offset().top
					}, 500);
					$("body").addClass('darken');
					$("body").append('<div id="overlay"></div>');
					showOverlayForAboutUs();
					
				});
				$(clickedContent.attr("href")).addClass("lighten");
				clickedContent.parent().addClass("lighten");
			}
			else
			{
				if( openedContent.attr("id") != $(clickedContent.attr("href")).attr("id"))
				{
					openedContent.slideUp('slow', function()
					{
						openedContent.removeClass("lighten");
						
						$(clickedContent.attr("href")).slideDown('slow', function()
						{
							$("body").addClass('darken');				
							$("body").append('<div id="overlay"></div>');						
							showOverlayForAboutUs();
						});
						$(clickedContent.attr("href")).addClass("lighten");
						clickedContent.parent().addClass("lighten");
					});
				}			
			}
		
			return false;
		});
		
		$('#aboutUs .columnContent .closeButton').click(function() {
			$('#aboutUs .columnContent').slideUp('slow');
			$('body').removeClass('darken');
			$("#overlay").fadeOut(200, function(){				
				jQuery.each($("#columnTabs > li"), function(){
					$(this).removeClass("lighten");
				});
				$("#overlay").remove();	
			});			
			return false;
		});
		
		
	}
	catch(ex){		
	}
});		

var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);

showOverlayForAboutUs = function(){
	if(!ie6)
	{
		$("#overlay").css(
		{
			opacity: 0.5
		})
		.fadeIn(200)
		.click(function() {turnOverLayOff();});
	}
	else
	{
		$("#overlay").css(
		{
			width: $("#aboutUs").width(),
			height: $("#aboutUs").height(),
			position: "absolute",
			opacity: 0.5
		})
		.fadeIn(200)
		.click(function() {turnOverLayOff();});
	}
}


turnOverLayOff = function(){
	if ($('overlay').length == 0){
		if ($('body').hasClass("darken")){
			$('#aboutUs .columnContent').slideUp('slow');
			$('body').removeClass('darken');
			$("#overlay").fadeOut(200, function(){				
				jQuery.each($("#columnTabs > li"), function(){
					$(this).removeClass("lighten");
				});
				$("#overlay").remove();	
			});
		}
	}
}

$(document).ready(function(){
	try{			
		var divHeight = 0;
		var clickedElement = null;
		$("#servicesDescription").scrollTop(0);		
		$("#whatWeDo #servicesDescription").css({overflow:"hidden"});
		
		$("#servicesDescription .description .heading").addClass('linkStyling');
	    $('#servicesDescription .description .textArea').hide();
	        $('#servicesDescription .description .heading').click(function () {
	            $(this).next().slideToggle(400).prev().toggleClass('selected');     
	    });
		
		$("ul#servicesList>li>a").click(function(e)
		{
			$("#servicesDescription .description .heading").removeClass('selected');
			$('#servicesDescription .description .textArea').hide();
			e.preventDefault();
			clickedElement = $(this);
			divHeight = 0;
			var flag = false;
			jQuery.each($("ul#servicesList>li>a"), function()
			{
				//console.log($(this).attr("href"));
				//$($(this).attr("href")).css("display", "none");
				if(clickedElement.attr("href") == $(this).attr("href")){
					$(this).addClass("selected");
					flag = true;
				}
				else $(this).removeClass("selected");
				
				if(!flag){
					divHeight +=  $($(this).attr("href")).height() + 90;
				}
			});
			$("#servicesDescription").animate(
			{
				scrollTop: divHeight
			}, {duration:500, easing: 'easeOutQuad'});
		 
		});
	}
	catch(ex){
	}	
});
