// Arrow Remediate javascript/jquery 
// Written by Frontend Design
// Copyright © Arrow Remediate 2010

$(document).ready(function () {
	
	$variables = [];
	
	// Sets correct Active tab and footer imageTile in business catalyst
	if		($('#pageName').hasClass('home'))	{updateNav('#home');}
	else if	($('#pageName').hasClass('who'))	{updateNav('#who'); 	
				updateFooter('a-tailored-fit', 'A <span>tailored </span>fit');}
	else if ($('#pageName').hasClass('how'))	{updateNav('#how'); 	
				updateFooter('transparent-in-process', '<span>Transparent </span>in <br>our process');}
	else if ($('#pageName').hasClass('blog'))	{updateNav('#blog'); 	
				updateFooter('hitting-the-mark', 'Hitting the <br><span>mark</span>');}
	else if ($('#pageName').hasClass('join'))	{updateNav('#join'); 	
				updateFooter('pick-me', 'Pick <span>me!</span>');}
	else if ($('#pageName').hasClass('contact')){updateNav('#contact'); 
				updateFooter('call-me', '<span>Call </span>me!');}
	
	
	function updateNav (pageID) {
		$(pageID).addClass('active');
	}
	
	function updateFooter (imageTileClass, imageTileCopy) {
		$('#imageTile').addClass(imageTileClass);
		$('#imageTile h3').html(imageTileCopy);
	}
	
	
	// Home page tiles/articles hover & click
	$("#tileWrap").find(".tile, .article").click(function() {
 		window.location = $(this).find('a:eq(0)').attr('href');
	}); 
	
	$('.tile, #tileWrap .article').hover(
		function () {
			$(this).find('img').stop().animate({opacity: 0.7}, 200);
		},
		function () {
			$(this).find('img').stop().animate({opacity: 1}, 200);
		});
	
	
	
	// HOME PAGE CAROUSEL

	
	$('.carouselControls').css({'display': 'block'});
	
	$variables.nextSlide = 2;
	$variables.currentSlide = 1;
	$variables.timer = setInterval("carouselFunctions.startCarousel()", 12000);
	
	$('.slideBullet').click(function() {
		$variables.nextSlide = Number($(this).attr("id").substr(7,1));
		carouselFunctions.switchSlides();
		
	});
	
	
	//ACCORDION FUNCTIONS
	//Initialises accordions and sets to expandable state if script is enabled.
	function accordionInit () {
		$('.accordionItem').css('height', 185);
		$('.accordionItem .hiddenList').addClass('hide');
		$('.accordionControls a').html('+');
		$('.accordionControls a').css({'display': 'block'});
	}
	
	accordionInit();
	
	//Expand-collapse function
	$('.accordionControls a').click(function(){
		
		var collapsedHeight = 185;
		var expandedHeight = 350;
		var listFadeSpeed = 500;
		var expandTime = 500;
		
		if($(this).parents('.accordionItem').hasClass('expanded'))
		{
			$(this).parents('.accordionItem').stop().animate({height: collapsedHeight}, expandTime); 
			$(this).parents('.accordionItem').find('.hiddenList').slideUp(listFadeSpeed)/*.fadeOut(listFadeSpeed)*/;
			$(this).parents('.accordionItem').find('.accordionControls a').html('+');
			$(this).parents('.accordionItem').removeClass('expanded'); 
		}
		else 
		{
			$(this).parents('.accordionItem').stop().animate({height: expandedHeight}, expandTime); 
			$(this).parents('.accordionItem').find('.hiddenList').slideDown(listFadeSpeed)/*.fadeIn(listFadeSpeed)*/;
			$(this).parents('.accordionItem').find('.accordionControls a').html('&minus;');
			$(this).parents('.accordionItem').addClass('expanded'); 
		}
		return false;
	});
	
$(".flickr_badge_image").find('a').attr('target','_blank')
	
});

/* NAMESPACED CAROUSEL FUNCTIONS */
var carouselFunctions = {

    startCarousel: function() {
    	if($variables.nextSlide === 5)
		{
			$variables.nextSlide = 1;
			$variables.currentSlide = 4;
			carouselFunctions.switchSlides();
		}
		else {carouselFunctions.switchSlides();}
    },

    switchSlides: function() {
    	$('.carouselItem').slideUp(500);
		$('#slide'+$variables.nextSlide).delay(600).slideDown(500);	
		$variables.nextSlide += 1;
	
		$variables.currentSlide = ($variables.nextSlide - 1);
		carouselFunctions.updateControl();
		clearInterval($variables.timer);
		$variables.timer = setInterval("carouselFunctions.startCarousel()", 12000);
    },
    
    updateControl: function() {
    	$('.carouselControls .slideBullet').removeClass('active');
		$('.carouselControls').find('#control'+$variables.currentSlide).addClass('active');
    }
    
};