$(window).load(function() {
	
//INFO GRAPHICS
if($("#info-graphic-bar .triangle").length != 0) {
	
	var firstLink = $("#info-graphic-bar a:first");
	var firstLinkPos = $("#info-graphic-bar a:first").position();
	var currentLink;
	var currentLinkPos;
	var slideTriangle = $("#info-graphic-bar .triangle");
	var imageID = 1;
	var tempImageID = 1;
	var imageInterval;
	var numberLinks = $("#info-graphic-bar ul li").size();
	var rotateWidth = 784;
	var rotate = true;
	
	//Set Up
	$("#info-graphic-image div").each(function() {
		$(this).attr("id", "info"+tempImageID)
		tempImageID++;
	});
	if(tempImageID <= 2) {rotate = false};
	
	//Arrow Hover
	$("a.info-graphic-arrow").hover(function(e) {
		$(this).addClass("hover");									 
	}, function(e) {
		$(this).removeClass("hover");
	});
	
	//Arrow Click
	$("a.info-graphic-arrow.left").click(function(e) {
		clearInterval(imageInterval);
		imageID--;
		rotateWidth = Math.abs(rotateWidth);
		rotateInfo();
		imageInterval = setInterval(function() {
			if(imageID == numberLinks) {
				imageID = 0;
				$("#info-graphic-image div").not(".active").css("left", Math.abs(rotateWidth));
			};		
			imageID++;
			rotateInfo();
		}, 5000);
		return false;
	});
	$("a.info-graphic-arrow.right").click(function(e) {
		clearInterval(imageInterval);
		imageID++;
		rotateWidth = (0-Math.abs(rotateWidth));
		rotateInfo();
		imageInterval = setInterval(function() {
			if(imageID == numberLinks) {
				imageID = 0;
				$("#info-graphic-image div").not(".active").css("left", Math.abs(rotateWidth));
			};		
			imageID++;
			rotateInfo();
		}, 5000);
		return false;
	});
	
	//Link Click
	$("#info-graphic-bar ul li a").click(function(e) {
		if(rotate == true) {
			//$("#message").html($(e.target).attr("href").substring(5,6));
			clearInterval(imageInterval);
			imageID = $(e.target).attr("href").substring(5,6);
			rotateWidth = (0-Math.abs(rotateWidth));
			rotateInfo();
		}
		return false;
	});
	
	//Rotate
	function rotateInfo() {
		$("#info-graphic-image .active").animate({left: rotateWidth+"px"}, 500);
		$("#info-graphic-image .active").removeClass("active");
		$("#info"+imageID).addClass("active");
		
		$("#info-graphic-image .active").animate({left: 0}, 500, function() {
			if(imageID == 1 && rotate == true) {
				$("#info-graphic-image div:last").css("left", Math.abs(rotateWidth));
			}
		});
		if(imageID == numberLinks) {
			$("a.info-graphic-arrow.left").css("display", "block");
			$("a.info-graphic-arrow.right").css("display", "none");
		}
		if(imageID == 1) {
			$("a.info-graphic-arrow.left").css("display", "none");
			$("a.info-graphic-arrow.right").css("display", "block");
		}
		if(imageID != 1 && imageID != numberLinks) {
			$("a.info-graphic-arrow.left").css("display", "block");
			$("a.info-graphic-arrow.right").css("display", "block");
		}
		if(rotate == false) {
			$("a.info-graphic-arrow.left").css("display", "none");
			$("a.info-graphic-arrow.right").css("display", "none");
		}
	
		currentLink = $("#info-graphic-bar ul li a:eq("+(imageID-1)+")")
		currentLinkPos = currentLink.position();
		$("#info-graphic-bar .triangle").animate({left: (currentLinkPos.left)+(currentLink.width()/2)+(slideTriangle.width()/2)});
		$("#info-graphic-bar a").removeClass("active");
		$(currentLink).addClass("active");
		rotateWidth = (0-Math.abs(rotateWidth));
		
	}//END rotate
	
	//Auto
	imageInterval = setInterval(function() {
		if(rotate == true) {			
				if(imageID == numberLinks) {
					imageID = 0;
					$("#info-graphic-image div").not(".active").css("left", Math.abs(rotateWidth));
				};		
				imageID++;
				rotateInfo();
		}
	}, 5000);

	//Start
	rotateInfo();
	
}//End INFO GRAPHICS

	
});