// JavaScript Document
$(document).ready(function(){
	wiseLogoSlideFadeIn();
	NavBack();
	DoorSlide();
	socialarea();
	showText();
	$("#theReception").animate({paddingLeft:'+=0px'}, 0);	
	$("#theOfficeAccordion").hide();
	$("#theServiceCentre").hide();
	$("#theConsultationSuite").hide();
	$("#theSocialCircle").hide();
});


	
function showText(){
	$(this).ready(function(){
			$("#theReception").show();
			$("#theReception img:eq(0)").show();
			$(".accordion p").eq(0).delay(500).slideDown(0);
			
		});
	
	} 
//Sliding Logo	

	
function DoorSlide(){
	$(".Door").delay(1000).fadeOut().animate({top: '+=0px'}, {easing:'swing', duration:1500});
	}
	
function wiseLogoSlideFadeIn(){
	$(".WiseLogo").delay(500).hide() .fadeIn().animate({top: '+=76px'}, {easing:'swing', duration:750});
	}
	
	//function socialarea(){
	//$("#socialarea").delay(500).hide() .fadeIn().animate({top: '-15px'}, {easing:'swing', duration:750});
	//}

function staticlogoFadeIn(){
	$(".staticlogo").delay(3000).hide .fadeIn().animate({top: '+=0px'}, {easing:'swing', duration:1500});
	}
	
	
function NavBack(){
	$(".NavBack").delay(500).hide() .fadeIn().animate({top: '+=60px'}, {easing:'swing', duration:750});
	}
	
	
	
$(document).ready(function(){
		$(".accordion li").click(function(){
			$(this).next("p:hidden").slideFadeToggle(500, 'linear', {autoHeight: false}).siblings("p:visible").slideFadeToggle(500, 'linear', {autoHeight: false});			
		});

});
$.fn.slideFadeToggle = function(speed, easing, callback) {return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);};

$(document).ready(function(){
	$(".accordion li:eq(0)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(0)").fadeIn(900);
				});
		
		$(".accordion li:eq(1)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(1)").fadeIn(900);
			});
			$(".accordion li:eq(2)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(2)").fadeIn(900);
			});
			$(".accordion li:eq(3)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(3)").fadeIn(900);
			});
			$(".accordion li:eq(4)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(4)").fadeIn(900);
		
		$(".accordion li:eq(5)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(5)").fadeIn(900);
			});
			});
			$(".accordion li:eq(6)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(6)").fadeIn(900);
			});
			$(".accordion li:eq(7)").click(function(){
		$("#theReception img:visible").fadeOut(900);
		$("#theReception img:eq(7)").fadeIn(900);
			});
	
	});
	
	$(document).ready(function(){
		$("#theReception a").click(function(){
			$("#theReception").delay(1000).animate({paddingLeft:'-=0px'});
			
			
			});
		
		});
	
$(document).ready(function() {
	//Show the paging and activate its first link
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of the image, how many images there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging  and Slider Function
rotate = function(){
    var triggerID = $active.attr("rel") - 1; //Get number of times to slide
    var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

    $(".paging a").removeClass('active'); //Remove all active class
    $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

    //Slider Animation
    $(".image_reel").animate({
        left: -image_reelPosition
    }, 500 );

}; 

//Rotation  and Timing Event
rotateSwitch = function(){
    play = setInterval(function(){ //Set timer - this will repeat itself every 7 seconds
        //$active = $('.paging a.active').next(); Move to the next paging
        if ( $active.length === 0) { //If paging reaches the end...
            $active = $('.paging a:first'); //go back to first
        }
        rotate(); //Trigger the paging and slider function
    }, 5000); //Timer speed in milliseconds (7 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
    clearInterval(play); //Stop the rotation
}, function() {
    rotateSwitch(); //Resume rotation timer
});	

//On Click
$(".paging a").click(function() {
    $active = $(this); //Activate the clicked paging
    //Reset Timer
    clearInterval(play); //Stop the rotation
    rotate(); //Trigger rotation immediately
    rotateSwitch(); // Resume rotation timer
    return false; //Prevent browser jump to link anchor
});


});