$(document).ready(function() {
						   
	var currentPosition = 0;
	var slideWidth = 312;
	
	$(".comment").hide();
	
		
	if ($(".comment").length > 0){
		LoopQuotes();
	}	
	
	<!-- Add google map -->
	if ($('.contactpage').length > 0){
		$('#directions').css('display','none');
		initialize();
	}
	
	
	if ($('.work').length > 0){
		
		$('.realmenu').hide();
		
		var $container = $('.portfolio');
		
		// filter buttons
		$('.filters a').click(function(){
			var selector = $(this).attr('data-filter');
			$container.isotope({ filter: selector });
			return false;
		});
		
		
		// switches selected class on buttons
		$('#options').find('.option-set a').click(function(){
			var $this = $(this);
			// don't proceed if already selected
			if ( !$this.hasClass('selected') ) {
				$this.parents('.option-set').find('.selected').removeClass('selected');
				$this.addClass('selected');
			}
		});
	
		
		$(function(){
			$container.isotope({
				itemSelector : '.element'
			});
		});
	}
	
	if ($('#slidesContainer').length > 0){
		
		var slides = $('.slide');
		var numberOfSlides = slides.length;
		
		// Remove scrollbar in JS
		$('#slidesContainer').css('overflow', 'hidden');
		
		// Wrap all .slides with #slideInner div
		slides
		.wrapAll('<div id="slideInner"></div>')
		// Float left to display horizontally, readjust .slides width
		.css({
			'float' : 'left',
			'width' : slideWidth
		});
		
		// Set #slideInner width equal to total width of all slides
		$('#slideInner').css('width', slideWidth * numberOfSlides);
		
		// Insert left and right arrow controls in the DOM
		$('#slideshow')
		.prepend('<span class="control" id="leftControl">Move left</span>')
		.append('<span class="control" id="rightControl">Move right</span>');
		
		// Hide left arrow control on first load
		manageControls(currentPosition);
		
		// Create event listeners for .controls clicks
		$('.control')
		.bind('click', function(){
			// Determine new position
			currentPosition = ($(this).attr('id')=='rightControl')
			? currentPosition+1 : currentPosition-1;
			
			// Hide / show controls
			manageControls(currentPosition);
			// Move slideInner using margin-left
			$('#slideInner').animate({
				'marginLeft' : slideWidth*(-currentPosition)
			});
		});
		
		// manageControls: Hides and shows controls depending on currentPosition
		
	}
});

function initialize() {
	
	directionsDisplay = new google.maps.DirectionsRenderer();
	var myLatlng = new google.maps.LatLng(53.654596,-1.826043);
	var myOptions = {
		zoom:12,
		center:myLatlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	var locations = [ // Add addresses and info into the array here
	  ['<h5>iD30</h5><p>Tower Offices<br>Lindley<br>Huddersfield<br>HD3 3HR</p><p>Tel: 01484 905013</p>', 53.654596,-1.826043, 12]
	];	
	map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	var infowindow = new google.maps.InfoWindow();
	
	var image = new google.maps.MarkerImage(
	  'http://www.id30.com/assets/img/contact/image.png',
	  new google.maps.Size(51,31),
	  new google.maps.Point(0,0),
	  new google.maps.Point(26,31)
	);
	
	var shadow = new google.maps.MarkerImage(
	  'http://www.id30.com/assets/img/contact/shadow.png',
	  new google.maps.Size(71,31),
	  new google.maps.Point(0,0),
	  new google.maps.Point(26,31)
	);
	
	var shape = {
	  coord: [49,0,50,1,50,2,50,3,50,4,50,5,50,6,50,7,50,8,50,9,50,10,50,11,50,12,50,13,50,14,50,15,50,16,50,17,50,18,50,19,50,20,50,21,50,22,50,23,50,24,50,25,29,26,28,27,27,28,26,29,25,30,25,30,24,29,23,28,22,27,21,26,0,25,0,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,0,1,1,0,49,0],
	  type: 'poly'
	};

	var marker, i;
	
	for (i = 0; i < locations.length; i++) {  
		marker = new google.maps.Marker({
			position: new google.maps.LatLng(locations[i][1], locations[i][2]),
			draggable: false,
			raiseOnDrag: true,
			icon: image,
			shadow: shadow,
			shape: shape,
			map: map
		});

		google.maps.event.addListener(marker, 'click', (function(marker, i) {
			return function() {
			  infowindow.setContent(locations[i][0]);
			  infowindow.open(map, marker);
			}
		})(marker, i));
	}
	directionsDisplay.setMap(map);
	directionsDisplay.setPanel(document.getElementById("directionsPanel"));
}

function calcRoute() {
	var start = document.getElementById("start").value;
	var end = document.getElementById("end").value;
	var request = {
		origin:start, 
		destination:end,
		travelMode: google.maps.DirectionsTravelMode.DRIVING
	};
	directionsService.route(request, function(response, status) {
		if (status == google.maps.DirectionsStatus.OK) {
			directionsDisplay.setDirections(response);
		}
	});
}

function showTab(thetab){
	$('.tabcontent').css('display','none');
	$('li a').removeClass('current');
	$('#'+thetab).css('display','block');
	$('.'+thetab).addClass('current');
}

function manageControls(position){
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	// Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() }
	else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
	if(position==numberOfSlides-1){ $('#rightControl').hide() }
	else{ $('#rightControl').show() }
}
	

function LoopQuotes(){
	var size = $('.comment').size();
	rand = Math.floor(Math.random()*size+1);
	$(".comment:nth-child("+rand+")").fadeIn('slow').delay(5000).fadeOut('medium', LoopQuotes);
}