/**
 * @namespace FC
 * 
 * call jQuery
 */

var server="../";

//Top navigation background fix
FC.navRollover = function(o) {
	var element= o.element
	var theClass= o.theClass
	
	//Navigation background fix
	$(element).bind("mouseover", function(){
		$(this).parent().next().addClass(theClass)
	});
	
	$(element).bind("mouseout", function(){
		$(this).parent().next().removeClass(theClass)
	});
}





FC.rollovers = function(){

	if(document.images){

	ImLeftRoll = new Image();
	ImLeftRoll.src = server+"images/buttons/images-left-on.gif";
	ImLeftOff = new Image();
	ImLeftOff.src = server+"images/buttons/images-left.gif";
	
	ImRightRoll = new Image();
	ImRightRoll.src = server+"images/buttons/images-right-on.gif";
	ImRightOff = new Image();
	ImRightOff.src = server+"images/buttons/images-right.gif";
	
	ArticlesLeftRoll = new Image();
	ArticlesLeftRoll.src = server+"images/buttons/archive-left-on.gif";
	ArticlesLeftOff = new Image();
	ArticlesLeftOff.src = server+"images/buttons/archive-left-off.gif";
	
	ArticlesRightRoll = new Image();
	ArticlesRightRoll.src = server+"images/buttons/archive-right-on.gif";
	ArticlesRightOff = new Image();
	ArticlesRightOff.src = server+"images/buttons/archive-right-off.gif";	
	
	YearsLeftRoll = new Image();
	YearsLeftRoll.src = server+"images/buttons/archive-left-on.gif";
	YearsLeftOff = new Image();
	YearsLeftOff.src = server+"images/buttons/archive-left-off.gif";
	
	YearsRightRoll = new Image();
	YearsRightRoll.src = server+"images/buttons/archive-right-on.gif";
	YearsRightOff = new Image();
	YearsRightOff.src = server+"images/buttons/archive-right-off.gif";
	
	
	
	
	//Region rollovers
	FormatsLeftRoll = new Image();
	FormatsLeftRoll.src = server+"images/colour5/buttons/products-left-on.gif";
	FormatsLeftOff = new Image();
	FormatsLeftOff.src = server+"images/colour5/buttons/products-left-off.gif";
	FormatsLeftInactive = new Image();
	FormatsLeftInactive.src = server+"images/colour5/buttons/products-left-inactive.gif";
	
	FormatsRightRoll = new Image();
	FormatsRightRoll.src = server+"images/colour5/buttons/products-right-on.gif";
	FormatsRightOff = new Image();
	FormatsRightOff.src = server+"images/colour5/buttons/products-right-off.gif";
	FormatsRightInactive = new Image();
	FormatsRightInactive.src = server+"images/colour5/buttons/products-right-inactive.gif";
	
	
	
	//Region rollovers
//	GalleryLeftRoll = new Image();
//	GalleryLeftRoll.src = server+"images/colour3/buttons/gallery-left-on.png";
//	GalleryLeftOff = new Image();
//	GalleryLeftOff.src = server+"images/colour3/buttons/gallery-left-off.png";
//	GalleryLeftInactive = new Image();
//	GalleryLeftInactive.src = server+"images/colour3/buttons/gallery-left-inactive.png";
//	
//	GalleryRightRoll = new Image();
//	GalleryRightRoll.src = server+"images/colour3/buttons/gallery-right-on.png";
//	GalleryRightOff = new Image();
//	GalleryRightOff.src = server+"images/colour3/buttons/gallery-right-off.png";
//	GalleryRightInactive = new Image();
//	GalleryRightInactive.src = server+"images/colour3/buttons/gallery-right-inactive.png";
//	
	
	//Home images rollovers
	HomeLeftRoll = new Image();
	HomeLeftRoll.src = server+"images/colour5/buttons/home-left-on.gif";
	HomeLeftOff = new Image();
	HomeLeftOff.src = server+"images/colour5/buttons/home-left-off.gif";
	HomeLeftInactive = new Image();
	HomeLeftInactive.src = server+"images/colour5/buttons/home-left-inactive.gif";
	
	HomeRightRoll = new Image();
	HomeRightRoll.src = server+"images/colour5/buttons/home-right-on.gif";
	HomeRightOff = new Image();
	HomeRightOff.src = server+"images/colour5/buttons/home-right-off.gif";
	HomeRightInactive = new Image();
	HomeRightInactive.src = server+"images/colour5/buttons/home-right-inactive.gif";
	
	
	
	
	}

	
}








//Set Rollovers
FC.rollover = function(targ,id,del){
	
	targ.find("img").attr("id",id);
	if(del!=1){
		
		targ.find("img").attr("src",eval(id+"Off").src);
		
		targ.mouseover(function(){
			targ.find("img").attr("src",eval(id+"Roll").src);
		});
		targ.mouseout(function(){
			targ.find("img").attr("src",eval(id+"Off").src);
		});
		targ.keydown(function(){
			targ.find("img").attr("src",eval(id+"Roll").src);
		});
		targ.blur(function(){
			targ.find("img").attr("src",eval(id+"Off").src);
		});
		
		
		targ.removeClass("inactive");
	}
	else{
		targ.unbind("mouseover");
		targ.unbind("mouseout");
		targ.addClass("inactive");
		targ.find("img").attr("src",eval(id+"Inactive").src);
	}
};



FC.imgRoll = function(n){
	if(document.getElementById(n)){document.getElementById(n).src = eval(n+"Roll").src}
}

FC.imgOff = function(n){
	if(document.getElementById(n)){document.getElementById(n).src = eval(n+"Off").src}
}


















//Help tooltips
FC.help = function(o){
	var element= o.element
	var elementToFind= o.elementToFind
	var theClass= o.theClass

	$(element).each(function(){
		
		$(this).find(elementToFind).addClass(theClass)
		$(this).attr("tabindex","0")
		
		$(this).bind("mouseover focus", function(){
			$(this).find(elementToFind).removeClass(theClass)
		});
		
		$(this).bind("mouseout blur", function(){
			$(this).find(elementToFind).addClass(theClass)
		});
	
	});
}



//Site wide flash movie strapline
FC.strapline = function(){
	var flashvars = {};
	var params = {
	  wmode: "transparent"
	};
	var attributes = {};
	swfobject.embedSWF("../swf/country/"+country+"/test.swf", "flash-strapline", "367", "90", "9.0.0", "../swf/country/expressInstall.swf", flashvars, params, attributes);
}

FC.pagination = function() {
	var __$data = $(document.createElement("div"));
	var numAjaxCalls = 0;
	var finalAjaxValue;
	var pageValue = 0;
	var previous= $('a.previous');
	var next= $('a.next');
	var url= next.attr('href'); // ?
	var wrapper= $('div.wrapper');
	var parent= $('ul.parent', wrapper);	
	
	function doSlider (isNext) {
		var __isNext = isNext,
			__isPrevOn,
			__isNextOn;
		
		pageValue += (__isNext) ? 1 : -1;
		wrapper.scrollTo((parent.children().get(pageValue * 3)),500,{axis:'x'});
				
		
		switch (pageValue) {
			case 0: // is first
				__isPrevOn = false;
				__isNextOn = true;
				break;
				
			case finalAjaxValue: // is last
				__isPrevOn = true;
				__isNextOn = false;
				break;
				
			default :
				__isPrevOn = true;
				__isNextOn = true;
		}
		
		setButtonStyleAndBehaviour(previous, false, __isPrevOn);
		setButtonStyleAndBehaviour(next, true, __isNextOn);
		
		return false
		
	}
	
	function onButtonClick (e) {
		var __isNext = e.data.direction;
		
		__isNext && !finalAjaxValue ? getMoreItems(next.attr('href')) :	doSlider(__isNext);
		
		return false;
	}
	
	function onOffButtonClick (e) {
		return false;
	}
	
	function setButtonStyleAndBehaviour (button, direction, isEnabled) {
		var __$img = $('img', button),
			__css = {},
			__x;
		
		if (__$img.css('background-position-x')) {
			__css['background-position-x'] = __$img.css('background-position-x');
		} else {
			__x = __$img.css('background-position').split(' ')[0];
		}		
				
		if (isEnabled) {
			button.removeClass("inactive"); // set view
			if (__css['background-position-x']) {
				__css['background-position-y'] = '-62px';
			} else {
				__css['background-position'] = __x + ' -61px';
			}
			__$img.css(__css);
			button.css({cursor:'pointer'});
			
			button.unbind();
			button.bind('click keypress', {direction : direction}, onButtonClick); // set behaviour
			button.bind('mouseenter focus', function () {
				if (__css['background-position-x']) {
					__css['background-position-y'] = '-124px';
				} else {
					__css['background-position'] = __x + ' -123px';
				}
				__$img.css(__css);
			});
			button.bind('mouseout blur', function () {
				if (__css['background-position-x']) {
					__css['background-position-y'] = '-62px';
				} else {
					__css['background-position'] = __x + ' -61px';
				}
				__$img.css(__css);
			});
		} else {			
			button.addClass("inactive"); // set view
			if (__css['background-position-x']) {
				__css['background-position-y'] = '0';
			} else {
				__css['background-position'] = __x + ' 1px';
			}
			__$img.css(__css);
			button.css({cursor:'default'});
			
			button.unbind(); // set behaviour
			button.bind('click', onOffButtonClick);
		}			
	}
	
	var getMoreItems= function(url){
		$.ajax({
			url: url,
			dataType: "html",
 			cache: false,
			success: function(html){
				numAjaxCalls++;
				__$data.append(html);
				
				//add the retrieved items to the page
				parent.append(__$data.find("ul.parent").children());
				FC.pngFix(parent[0]);
				parent.width(parent.children().length * 236);
				
				if(__$data.find('a.next').hasClass('inactive')) {
					finalAjaxValue = numAjaxCalls;
					//rollover();
				}
				else {
					next.attr('href', __$data.find('a.next').attr('href'));
				}
				
				__$data.empty();
				
				doSlider(true);
			}
		});
	}
	
	setButtonStyleAndBehaviour(previous, false, false);
	setButtonStyleAndBehaviour(next, true, true);
}



//Press Release archive
FC.pressArchive = function(){

					

	//Set Variables
	var baseurl = "/Templates/Private/Pages/International/ArticleTimeLine.aspx";
	var prevArticle = $(".page .archive .articles a.previous");
	prevArticle.css({cursor:"pointer"});
	var nextArticle = $(".page .archive .articles a.next");
	var wrapper = $(".page .archive .articles .wrapper");
	var wrapperInner = $(".page .archive .articles .wrapper-inner");
	var articles = $(".page .archive .articles");
	var prevYear = $(".page .archive .years a.previous");
	var nextYear = $(".page .archive .years a.next");
	var years = $(".page .archive .years-inner li.link a");
	var months = $(".page .archive .months li.link a");
	var yearsInner = $(".page .archive .years-inner");
	var monthsInner = $(".page .archive .months ol");
	var temp = $("#temp");
	var set = 0;
	var prevset = 0;
	var maxset = 0;
	var yearSet = 0;
	var visibleYears=6;
	var articleCount = $(".page .archive .months li.selected input").val();
	var last = false;
	var diff = 0;
	var sTo = 0; //Scroll to
	var waitingIcon = "<div class='waiting'><img src='/images/waiting.gif' width='31' height='31' /></div>";
	var stepAmount = 2;
	
	//If the wide version is used, change the step amount
	var wide = $(".page .archive.wide");
	if(wide.length>0){var stepAmount = 3;}
	
	//Undo the "disabled" attributes
	prevArticle.attr("disabled","");
	nextArticle.attr("disabled","");
	prevYear.attr("disabled","");
	nextYear.attr("disabled","");
	
	//Set Rollovers
	rollover = function(targ,id,del){
		targ.find("img").attr("id",id);
		if(del!=1){
			targ.mouseover(function(){
				FC.imgRoll(targ.find("img").attr("id"));											
			});
			targ.mouseout(function(){
				FC.imgOff(targ.find("img").attr("id"));											
			});
			
			targ.removeClass("inactive");
		}
		else{
			targ.unbind("mouseover");
			targ.unbind("mouseout");
			targ.addClass("inactive");
		}
	};

	rollover($(".page .articles .next"),"ArticlesRight",0);
	rollover($(".page .years .previous"),"YearsLeft",0);
	
	//On the wide version of the timeline, check to see if there are more years after the currently selected one and make the button active
	if(wide.length>0){
		var m=0;
		var yearLinks = yearsInner.find("li");
		var selYear = yearsInner.find("li.selected");
		for(i=0;i<yearLinks.length;i++){
			if(yearLinks[i]==selYear[0]){
				m = i;
			}	
		}

		if(m>0){
			rollover($(".page .years .next"),"YearsRight",0);
			nextYear.css({cursor:"pointer"});	
		}
	}
	


	//disable previous articles and next years buttons
	prevArticle.find("img").attr("src",server+"images/buttons/archive-left-inactive.gif");
	//nextYear.find("img").attr("src",server+"images/international/buttons/archive-right-inactive.png");

	//Update the articles (based on articles left and right)
	var updateArticles = function(url,state,set){
			var finalUrl = baseurl+url;
			var maxset = articleCount-stepAmount;
			
			//Work out the Maxset to be used
			if(stepAmount==3){
				var a = maxset/3;
				b = Math.floor(maxset/3);
				if(b<a){maxset=maxset+3};	
			}
			else{
				var a = maxset/2;

				b = Math.floor(maxset/2);
				if(b<a){maxset=maxset+2};	
			}
			
			//If the element numbered with set does not exist, then go and get the next two articles
			if(!$('.article:eq('+set+')').length){
				if(set<=maxset){
					wrapperInner.css({opacity:0.1});
					articles.append(waitingIcon);
					$.ajax({  
						url: finalUrl,
						cache: false,
						success: function(html){
							wrapperInner.css({opacity:1});
							$("div.waiting").remove();
							
							//Load the HTML into a temporary div 
							temp.append(html);
							
							//Put all the articles into the wrapper div
							wrapperInner.append($("#temp .article"));
							if(set==maxset){last=true;}
							if(nextArticle.attr("href") != "" || $("#temp .archive .articles a.next").attr("href") != null){
								nextArticle.attr("href",$("#temp .archive .articles a.next").attr("href"));
							}
							else{nextArticle.attr("href","#");}
							wrapper.scrollTo( '.article:eq('+set+')', 600, {axis:'x'});
							
							//Empty out the temp div
							temp.empty();						
						}
					});
				}
				else{if(set==articleCount){set=set-stepAmount;}}
			}
			//If the element numbered with set does exist, just jump straight to it
			else{wrapper.scrollTo( '.article:eq('+set+')', 600, {axis:'x'});}
	}
	
	var previousArticles = function(set){
		wrapper.scrollTo( '.article:eq('+set+')', 600, {axis:'x'});
		if(set==0){
			$(".page .articles .previous img").attr("src",server+"images/buttons/archive-left-inactive.gif");
			rollover(prevArticle,"ArticlesLeft",1);
		}
	}
	

	//Update the years and months (based on the years left and right)
	var previousYears = function(yearUrl,state,sTo){
		var finalUrl = baseurl+yearUrl;
		if(sTo==0){
			$.ajax({
				url: finalUrl,
				cache: false,
				success: function(html){
					
					//Load the HTML into a temporary div
					temp.append(html);
					
					//Update previous and next years links with the new ones from the templ div
					prevYear.attr("href", $("#temp .years a.previous").attr("href"));
					nextYear.attr("href", $("#temp .years a.next").attr("href"));

					//Put all the years in the years div (removing the existing ones first)
					var offset = sTo+1;
					$(".page .archive .years ol li:eq(0)").before($("#temp .years ol li:eq(0)"));
					yearsInner.scrollTo( 'li:eq('+offset+')', 0, {axis:'x'});
					yearsInner.scrollTo( 'li:eq('+sTo+')', 250, {axis:'x'});
	
					//Empty out the temporary div
					temp.empty();

					
					//Reactivate the year links
					activateYears();
					
				}
			});	
		
		}
		else{yearsInner.scrollTo( 'li:eq('+sTo+')', 250, {axis:'x'});}	
	}
	
	
	//Update the years and months (based on the years left and right)
	var nextYears = function(sTo){
		yearsInner.scrollTo( 'li:eq('+sTo+')', 250, {axis:'x'});
		activateYears();		
	}
	
	
	var getMonths = function(url){
		temp.empty();	
		var finalUrl = baseurl+url
		
		years.unbind("click");
		years.bind("click", function(){return false;})
		
		$.ajax({ 
			url: finalUrl,
			cache: false,
			success: function(html){
				
				//Load the HTML into a temporary div 
				temp.append(html);
						
				//Put all the months in the years div (removing the existing ones first)
				monthsInner.animate({opacity:0}, 100, function(){
					monthsInner.find("li").remove();
					monthsInner.append($("#temp .months ol li"));
					monthsInner.animate({opacity:1}, 100, function(){

						articleCount = monthsInner.find("li.selected input").val();

						//Load the articles for the pre-selected month	
						monthURL = monthsInner.find("li.selected").find("a").attr("href");
						monthURL = getQS(monthURL);
						
						months.unbind("click");
						months.bind("click", function(){return false;})
						
						getArticles(monthURL,articleCount);
						
						//Empty out the temporary div
						temp.empty();	


					});
				});
			}
		});
	};
	
	
	var getArticles = function(url,articleCount){
		temp.empty();	
		var finalUrl = baseurl+url
		
		$.ajax({
			   
			url: finalUrl,
			cache: false,
			success: function(html){
				set=0;

				//Load the HTML into a temporary div 
				$("#temp").append(html);
				
				//Put all the articles into the wrapper div (empty first)
				wrapperInner.animate({opacity:0}, 250, function(){
					wrapperInner.empty();
					wrapperInner.append($("#temp .article"));
					wrapper.scrollTo( '.article:eq(0)', 1, {axis:'x'});
					wrapperInner.animate({opacity:1}, 250, function(){

						nextArticle.attr("href",$("#temp .archive .articles a.next").attr("href"));
						prevArticle.attr("href",$("#temp .archive .articles a.previous").attr("href"));
																			
						//Empty out the temporary div
						temp.empty();	
						
												
						//Reactivate the months and years links
						activateMonths();
						activateYears();

						
					});																							

				});

				$(".page .articles .previous img").attr("src",server+"images/buttons/archive-left-inactive.gif");
				rollover($(".page .articles .previous"),"ArticlesLeft",1);
				
				$(".page .articles .next img").attr("src",server+"images/buttons/archive-right-off.gif");
				rollover($(".page .articles .next"),"ArticlesRight",0);

				if(articleCount<3){
					$(".page .articles .next img").attr("src",server+"images/buttons/archive-right-inactive.gif");
					rollover(nextArticle,"ArticlesRight",1);
				}
			}
			
		});
	};	

	
	
	
	//Button activations
	function activateNextArticle(){
		var nextArticle = $(".page .archive .articles a.next");
		nextArticle.unbind("click");
		if(last!=true){
			nextArticle.click(function(){
									   
				url = $(this).attr("href");
				url = getQS(url);
				if(url!=""){
					
					if(url!="#"){
						if(set<articleCount){
							set=set+stepAmount;
							$(".page .articles .previous img").attr("src",server+"images/buttons/archive-left-off.gif");
							rollover(prevArticle,"ArticlesLeft",0);
							updateArticles(url,"next",set);
						}
					}
					
				}
				
				if(set==articleCount-stepAmount){
					rollover(nextArticle,"ArticlesRight",1);
					$(".page .articles .next img").attr("src",server+"images/buttons/archive-right-inactive.gif");
				}
				
				
				if(articleCount<3){
					rollover(prevArticle,"ArticlesLeft",1);
					$(".page .articles .previous img").attr("src",server+"images/buttons/archive-left-inactive.gif");
					rollover(nextArticle,"ArticlesRight",1);
					$(".page .articles .next img").attr("src",server+"images/buttons/archive-right-inactive.gif");
				}
				
				return false;
			});
		}
		
	}
	activateNextArticle();
	
	
	
	
	prevArticle.click(function(){
		if(set>0){
			if(set==articleCount){set=set-(stepAmount*2);}
			else{set=set-stepAmount}
			previousArticles(set);
		}
		if(articleCount>3){
		rollover(nextArticle,"ArticlesRight",0);
		$(".page .articles .next img").attr("src",server+"images/buttons/archive-right-off.gif");
		}
		return false;
	});
	
	
	
	
	function activateNextYear(){
		var nextYear = $(".page .archive .years a.next");
		nextYear.click(function(){
		
			var amountYears = $(".page .archive .years ol li");
			diff = amountYears.length - visibleYears;
			
			if(sTo<diff){sTo=sTo+1;}
			nextYears(sTo);
			return false;
		});	
	}
	activateNextYear();
	
	function activatePrevYear(){
		prevYear.click(function(){

			yearUrl = $(this).attr("href");	
			yearUrl = getQS(yearUrl);

			if(sTo>0){sTo=sTo-1;}

			previousYears(yearUrl,"previous",sTo);	

			//Activate rollover for "next year"
			$(".page .years .next img").attr("src",server+"images/buttons/archive-right-off.gif");
			rollover($(".page .years .next"),"YearsRight",0);

			return false;
		});		
	}
	activatePrevYear();
	

	function activateYears(){
		var years = $(".page .archive .years-inner li.link a");
		years.unbind("click");
		years.click(function(){
			years.parent().removeClass("selected");
			$(this).parent().addClass("selected");
			url = $(this).attr("href");
			url = getQS(url);
			getMonths(url);
			return false;
		});
		var emptyYears = $(".page .archive .years-inner li.empty a");
		emptyYears.click(function(){
			return false;						  
		});
	}
	activateYears();
	
	
	function activateMonths(){
		var months = $(".page .archive .months li.link a");
		var emptyMonths = $(".page .archive .months li.empty a");
		months.unbind("click");
		months.click(function(){
			months.parent().removeClass("selected");
			emptyMonths.parent().removeClass("selected");
			$(this).parent().addClass("selected");
			
			//Get URL query string
			url = $(this).attr("href");
			url = getQS(url);
			
			//Get article count
			articleCount = $(this).parent().find("input").val();

			//Get Articles
			getArticles(url,articleCount);
			
			return false;
		});
		//Make "empty" months non-clicable
		emptyMonths.click(function(){
			return false;						  
		});
	}
	activateMonths();
	
	
	function getQS(url){
		var start = url.indexOf("?");
		var end = url.indexOf("#");
		url = url.substring(start,end);
		return url
	}
	
	
}






//Archive rollover
	FC.archiveRollover = function(o) {
		var element= o.element
		var element2= o.element2
		var theClass= o.theClass
		
		$(element).hover(
			function () {
				$(this).addClass(theClass)
			},
			
			function () {
				$(this).removeClass(theClass)
			}
		);
		
		$(element2).hover(
			function () {
				$(this).addClass(theClass)
			},
			
			function () {
				$(this).removeClass(theClass)
			}
		);
	},











	


// Counting the items in a box
FC.setWidth = function(i, j, k, l){

	var __containerClass = i; // pass in the class name on the container element that needs the max width set
	var __childWithWidth = j; // pass in the child objects
	var __indivWidth = l;
	var __totalWidth = 0; // set the width of the image list to 0
	var __maxHeight = 0; // set the height of the image list to 0
	var __containerWithHeight = k;
	
	var $imgList = $(__containerClass).find(__childWithWidth);
	
	__totalWidth = ($imgList.length * __indivWidth);
	
	
	// loop through the array of list items and get the biggest height
	$($imgList).each(function() {
		if (__maxHeight < $(this).height()){ __maxHeight = $(this).height();	}
	});

	//determine the number of rows by taking the total height and dividing it by the largest height and casting to an int to get rid of the remainder
	__numRows = ($(__containerWithHeight).height() / __maxHeight) | 0;

	// divide the total width by the number of rows 
	__totalWidth = __totalWidth / __numRows;

	
	// set the with of the container
	$(__containerClass).css("width", __totalWidth);


}




	//Media Landing Scroller ------------------------------------------
	FC.scroller = function(o){

		var __right = $(o.right);
		var __left = $(o.left);
		var __container = $(o.container);
		var __scrollAmount = o.amount;
		var __current = 0;
		var __contentBoxes = $(o.items);
		var __itemClass = o.itemClass;
		var __rollover = o.rollover;
		
		var __max = Math.floor(__contentBoxes.length/__scrollAmount);
		__max = __max*__scrollAmount;

			
		
			
		//Activate both right rollover, make left rollover inactive
		FC.rollover(__right,__rollover+"Right",0);
		FC.rollover(__left,__rollover+"Left",1);
		
		//Make sure the scroller is at the start
		__container.scrollTo( __itemClass+':eq('+0+')', 500, {axis:'x'});
		
		//If the amount of items is divisible by the scroll amount, then the max should be the scrollamount less
		if(__max==__contentBoxes.length){
			__max=__max-__scrollAmount;
		}
		
		
		//Left scroller button
		__left.bind("click keypress", function(){
											   
			
			//If the current is more than the minimum
			if(__current>0){
				
				//Activate right rollever
				FC.rollover(__right,__rollover+"Right",0);
				
				//Scroll to the previous items
				__current = __current-__scrollAmount;
				__container.scrollTo( __itemClass+':eq('+__current+')', 500, {axis:'x'});	
			}
			
			//If the current is equal to the minimum, then disable the left rollover and activate the right rollover
			if(__current==0){
				FC.rollover(__left,__rollover+"Left",1);
				FC.rollover(__right,__rollover+"Right",0);
			}

			
			return false;
		});
		

		//Right scroller button
		__right.bind("click keypress", function(){
			
			
			
			//If current is less than the max
			if(__current<__max){
				
				//If the max is reached, then disable the right rollover
				if(__current==(__max-__scrollAmount)){
					FC.rollover(__right,__rollover+"Right",1);
				}
				
				//Activate left rollover
				FC.rollover(__left,__rollover+"Left",0);

				//Scroll to the next results
				__current = __current+__scrollAmount;
				__container.scrollTo( __itemClass+':eq('+__current+')', 500, {axis:'x'});

			}
			
			return false;
		});

	}
	
	
	
	//Media Landing Region Load (for the region drop downs) ------------------------------------------
	FC.regionLoad = function(){
		var __right = $(".regions .other-formats a.next");
		var __left = $(".regions .other-formats a.previous");
		var __selector = $(".regions #region");
		var __container = $(".regions .region")
		var __targ = $(".regions #other-formats");
		var __otherFormatsUrl = "other-formats.html";
		
		
		//Disable the left rollover
		FC.rollover(__left,"FormatsLeft",1);
		
		//When the drop down changes value, get the QS of the URL and make an AJAX call.
		__selector.bind("change", function(){
			
			//var __url = __selector.val();
			//__url = FC.getQS(__url);
			
			__otherFormatsUrl = $(this).val();
			
			$.ajax({
			   
				url: __otherFormatsUrl,
				cache: false,
				success: function(html){
					

						__targ.fadeOut("fast",function(){

							__targ.empty();
							__targ.append(html);

							//Reactivate the scroller function
							FC.scroller({
								right : ".region .region-media a.next",
								left : ".region .region-media a.previous",
								container : ".region .region-media .scroller",
								amount : 3,
								items : ".region .region-media .scroller .content-box",
								itemClass : ".content-box",
								rollover : "Formats"
							});
							
							__container.animate({height:"180px"},500,function(){
								__targ.fadeIn("fast");
								//Activate sifr
								reloadSifr();
								
							});
							

						})

				}
				
			});

			
		});
		
	};
	
	




	//Media landing page AJAX calls
	FC.mediaLanding = function(){
		
		var __formatsUsed = $("ul.formats li a");
		var __formats = $("div.main .other-formats a");
		var __hero = $("div.main div.hero");
		var __otherFormats = $("div.main div.other-formats");
		var __heroTemp = document.createElement("div");
		var __formatsTemp = document.createElement("div");
		var __formatsUrl = "media-landing-other-formats.html";
		var __heroUrl = "media-landing-hero-2.html";
		var __listContainer = ".contentwrapper > ul";
		var __listItems = "li";
		var __listContainerWithHeight = ".formats-wrapper";
		
		$(__hero).attr('aria-live','polite').attr('aria-channel','main').attr('aria-atomic','true').attr('tabindex','0');

		
		function callHero(url){
			//Call the selected hero
			$.ajax({
				
				url:url,
				cache: false,
				success:function(html){

					__hero.fadeOut("fast",function(){
									   
						$(__heroTemp).empty();
						$(__heroTemp).append(html);
						
						__hero.empty();
						__hero.append(__heroTemp);
						__hero.fadeIn("fast");
						__hero.focus();
					
					});
				
				}
				   
			});	
		}

		function callFormats(url){
			
			//Call the other formats
			$.ajax({
			   
				url:url,
				cache: false,
				success: function(html){


					__otherFormats.fadeOut("fast",function(){
														   
						$(__formatsTemp).empty();
						$(__formatsTemp).append(html);								   
					
						__otherFormats.empty();
						__otherFormats.append(__formatsTemp);
						__otherFormats.fadeIn("fast", function(){

							var __selectedFormat = __otherFormats.find("li a.selected");
							var __selectedFormatUrl = __selectedFormat.attr("href");
							__selectedFormatUrl = FC.getQS(__selectedFormatUrl);
						
							//callHero(__heroUrl+__selectedFormatUrl);
							callHero("media-landing-hero.html");
							activateOtherFormats();
							CSBfleXcroll("formats-scroller");	
							if($(__listItems).length!=0){FC.setWidth(__listContainer, __listItems, __listContainerWithHeight, 115);} //set the width of the DIV

							
						});
						
						
					});
	
				}
				
			});
			
		}
		

		//Bind the calls to the right hand format links
		function activateFormats(){
			__formatsUsed.bind("click", function(){
				var __url = $(this).attr("href");
				__url = FC.getQS(__url);
				callFormats(__formatsUrl+__url);
				return false;
												 
			});
		}
		activateFormats();
		
		
		//Bind the calls to the other formats links
		function activateOtherFormats(){
			__formats = $("div.main .other-formats a");
			__formats.bind("click", function(){
				var __url = $(this).attr("href");
				__url = FC.getQS(__url);
				callHero(__heroUrl+__url);
				
				__formats.removeClass("selected");
				$(this).addClass("selected");
				
				return false;								 
			});		
		}
		activateOtherFormats();

		
	
	}





	
	//Get Query String -----------------------------------------------
	FC.getQS = function(url){
		var start = url.indexOf("?");
		var end = url.length;
		url = url.substring(start,end);
		return url
	}



	
	//Get individuals ------------------------------------------------
	FC.findName = function(o){

		var __button = o.button;
		var __input = o.input;
		var __target = o.target;
		var __url = "/Templates/Public/Pages/Country/Individuals.aspx";
		
		__button.hide();
		
		var __peopleTemp = document.createElement("div");
		
		__input.bind("keyup", function(e){
			
			if($(this).val().length>2){
			
				//Call list of people
				$.ajax({
				   
					url:__url+"?q="+$(this).val(),
					cache: false,
					success: function(html){
						
						$(__peopleTemp).empty();
						$(__peopleTemp).append(html);
						__newStuff = $(__peopleTemp).find("ul");
						__target.empty();
						//alert(__newStuff);
						__target.append(__newStuff);

					}
					
				});
			
			}
			
		
		})
		
	
	}
	
	
	
	//Show/hide formats on homepage ------------------
	FC.homeFormats = function(o){
		
		var __targ = o.targ;
		var __inner = o.inner;
		var __button = o.button;
		var __closeButton = o.closeButton;
		var __state = 0;
		
		var __height = __targ.height();

		
		__targ.animate({height:"0px"},0);
		__inner.animate({opacity:0},0);
		
		
		__button.bind("click",function(){
									   
									   
				if(__state==0){					   
					__targ.animate({height:__height},500, function(){
						 __inner.animate({height:__height},0);
						__inner.animate({opacity:1},500);
						
					});
					__state=1;
				}
				else{
					__inner.animate({opacity:0},500, function(){
						__targ.animate({height:"0px"},500);
					});
					__state=0;
				}
				
				return false;

				
		});
		
		__closeButton.bind("click", function(){
				__inner.animate({opacity:0},500, function(){
					__targ.animate({height:"0px"},500);
				});
				__state=0;
				return false;
		});
	}
	
	
	
	
	
	
	
	//Show/Hide browse on gallery pages
	FC.gallery = function(o){
		
		var __panel = o.panel;
		var __button = o.button;
		var __wrapper = o.wrapper;
		var __closeButton = o.closeButton;
		var __state = 0;
		
		
		
		__panel.animate({opacity:0},0, function(){
			__wrapper.animate({height:"0px"},0, function(){
				$("body").removeClass("js");											 
			});
		});

	
		__button.bind("click", function(){
										
										
			if(__state==0){	
				__button.addClass("active");
				__wrapper.animate({height:"200px"},500, function(){
					__panel.animate({opacity:1},500);
					
				});
				__state=1;
			}
			else{
				__panel.animate({opacity:0},500, function(){
					__wrapper.animate({height:"0px"},500, function(){
						__button.removeClass("active");
					});
				});	
				__state=0;
			}
			return false;
			
		});
		
		
		__closeButton.bind("click", function(){
			__panel.animate({opacity:0},500, function(){
					__wrapper.animate({height:"0px"},500, function(){
						__button.removeClass("active");											   
					});
				});	
			__state=0;
			return false;
		});
		
	
	}
	
	
	
	FC.galleryBrowse = function(o){
			
		var __inputs = o.inputs;
		var __state = 0;
		var __temp;
		
		__inputs.bind("click", function(){
			
			var __chk = $(this).attr("checked")
			
			if(__chk==true){
				$(this).parent().addClass("selected");
				$(this).parent().find("input").attr("checked","checked");
			}
			else{
				$(this).parent().removeClass("selected");	
				$(this).parent().find("input").attr("checked","");
				$(this).parent().find("li").removeClass("selected");
			}
		
		});
	
	}
	

	//Media landing page AJAX calls
	FC.galleryLanding = function(){
		
		var __galleryUrl = "gallery-browse.html?qs=";
		var __checkboxes = $(".gallery-browse input:checkbox");
		var __temp = $("#temp");
		var __listContainer = $(".grid");
		
		/* scroller width call */		
		var __listItems = ".g-panel";
		var __listContainerWithHeight = ".grid";
		
		var __extendedQS = "";
		
	

		
		__checkboxes.bind("click", function(){
											
			// create the extended query string
			$(__checkboxes).each(function() {
				if(this.checked){
					__extendedQS = __extendedQS + "&amp;qs=" + $(this).val();
				}
				
			});
			
			//Call the other formats
			$.ajax({
			   
				url:__galleryUrl+$(this).val()+__extendedQS,
				cache: false,
				success: function(html){
						__extendedQS = "";					
						__listContainer.fadeOut("fast",function(){
						__listContainer.empty();
						__temp.append(html);
						
						__listContainer.fadeIn("fast",function(){
						
							__listContainer.append($("#temp ul.imgCont"));
							
							CSBfleXcroll("formats-scroller");							
							if($(__listItems).length!=0){FC.setWidth(__listContainerWithHeight, __listItems, __listContainerWithHeight, 239);} //set the width of the DIV
						
						});
					
					});
	
				}

				
			});
			
		});
		
	
	}




// nest document.ready() calls in here if jQuery is included FC.$ is jQuery
$(function(){
	$("body").addClass("js");	 
	 
	if($(".navigation").length!=0){
		FC.navRollover({
			element : ".navigation a",
			theClass : "nobg"
		});
	}
	
	FC.rollovers();
	
	if($(".archive").length!=0){
		FC.pressArchive();
		FC.archiveRollover({
			element : ".months li",
			element2 : ".years li",
			theClass : "hover"
		});
	}
	
	
	
	if($(".helpbutton").length!=0){
		FC.help({
			element : ".helpbutton",
			elementToFind : ".help",
			theClass : "hidden"
		});
	}
	

	if($(".regions").length!=0){
		FC.setWidth(".flexcroll > ul", "li", ".formats-wrapper", 115);
	}
	
	if($(".region").length!=0){
		FC.scroller({
		
			right : ".region .region-media a.next",
			left : ".region .region-media a.previous",
			container : ".region .region-media .scroller",
			amount : 3,
			items : ".region .region-media .scroller .content-box",
			itemClass : ".content-box",
			rollover : "Formats"
		
		});
	}
	
	if($(".grid").length!=0 && $(".gallery-pagination").length==0){
		FC.setWidth(".grid", ".g-panel", ".grid", 239);
	}
	
	if($(".related-campaigns").length!=0){
		FC.setWidth(".related-campaigns .wrapper", ".campaign", ".related-campaigns", 230);
	}
	
	if($(".home-wrapper").length!=0){
		FC.scroller({
			
			right : ".home-wrapper ul.next li a",
			left : ".home-wrapper ul.prev li a",
			container : ".home-wrapper .scroller",
			amount : 3,
			items : ".home-wrapper .scroller ul li",
			itemClass : ".photo",
			rollover : "Home"
		
		});
	}
	
	if($(".gallery").length!=0){
		FC.scroller({
		
			right : ".gallery .panels a.next",
			left : ".gallery .panels a.previous",
			container : ".gallery .panels .wrapper",
			amount : 5,
			items : ".gallery .panels .panel",
			itemClass : ".panel",
			rollover : "Gallery"
		
		});
	}
	
	if($(".regions").length!=0){
		FC.regionLoad();
	}
	
	
	if($(".other-formats").length!=0){
		FC.mediaLanding();
	}
	
	if($(".search-hint").length!=0){
		FC.findName({
			input : $(".search-hint input.text"),
			target : $("div.result .padding"),
			button : $(".search-hint input.submit")
		});
	}
	
	if($(".home-formats").length!=0){
		FC.homeFormats({
			targ : $(".home-formats"),
			inner : $(".home-formats-list"),
			button : $(".button.left.colour5"),
			closeButton : $(".home-formats h2 a.close")
		});	
	}
	
	if($(".home-inner").length!=0){
		$(".home-inner").css("height","360px");
	}
	
	if($(".gallery-pagination").length!=0){
		FC.pagination();
	}
	
	/*
	if($(".gallery-browse").length!=0){
		
		FC.galleryLanding();
		
		FC.gallery({
			panel : $(".gallery-browse"),
			wrapper : $(".gallery-browse-wrapper"),
			button : $(".browse-button"),
			closeButton : $(".close-gallery-js a")
		});
		
		
		
		FC.galleryBrowse({
			inputs : $(".gallery-browse-scroll input")	
		});
		
	}
	*/
	FC.pngFix("../images/bg/clear.gif");
});