// JavaScript Document

$(document).ready(function(){
//SHOWCASE JS
	//setup variables for animation - count number of slides and loop round them	
	// wrapper div id = #showcase / inner div in li class = .showitem
	
	var slideNum = -1, nextSlide = 0, slideWait = 10000, slideSpeed = 1000, fadeSpeed = 1000, caseSlideWait = 6000;
	
	var NoOfSlides = $('#showCase li').length;
	var showItemExpanded = {width:"600px"}, showItemSquashed = {width:"160px"} ;
	
	$('#showCase li:first').show(); // hide all showcase items first - change this to show first one
	
	if (NoOfSlides>1){
		pageTurner = setInterval(slideShow,slideWait); // main routine for animating - simple Interval statement
	}
	
	function slideShow() {
		nextSlide = (slideNum+2) % NoOfSlides; // one ahead of the slideNum
		slideNum = (slideNum+1) % NoOfSlides; // when its hit the limit it reverts to 0
		
		//console.log('slideNum is: '+slideNum+' - nextSlide is: '+nextSlide);
					$('.showitem:visible')
					.animate(showItemExpanded,slideSpeed, "swing", function(){						
									$('#showCase li:eq('+slideNum+')').css({"z-index":"0"});
									$('#showCase li:eq('+nextSlide+')').css({"z-index":"1000"})
					.fadeIn(fadeSpeed, function(){
									$('#showCase li:eq('+slideNum+')').hide();									
												 });	
																			  })
					.animate({opacity:1.0}, fadeSpeed) // pause animation
					.animate(showItemSquashed, slideSpeed);
						}
                                
//SLIDEMENUS JS

//SIDENAV JS
		$('.client:not(.selected)').hide();
		$('#sideNav .toggler a').click(function(){
			
			if ($(this).parent().siblings('.client').css('display') == 'block') {
				$('.client:visible').slideUp();
			} else {			
				$('.client:visible').slideUp();
				$(this).parent().siblings('.client').slideDown();
			}
		return false;
			
		});

//CASE STUDY TOGGLER JS
		$('#technology .toggler a').click(function(){
			
			if ($(this).parent().siblings('.client').css('display') == 'block') {
				$(this).parent().siblings('.client').slideUp();
				$(this).text('Show More');				
			} else {			
				//$('.client:visible').slideUp();
			//	$('#technology .toggler a').text('Show More');		
				$(this).parent().siblings('.client').slideDown();
				$(this).text('Hide');
			}
		return false;
			
		});


//CASE STUDY SLIDESHOW SWAP ON PAGE



// Displays content depending on the request string slideshowID in the URL
if (displayShowcaseDiv != 0) { 
		$('div.showPage:first').hide();
		$('a.ss-switcher').text("Back");																
		$("a[attr='#slideshow']").attr('href', '#text');			
		$('#sideBar #slideshowMenu').show();
		$('#caseStudySideinfo').hide();	
		pageTurner = setInterval(caseStudySlideShow,caseSlideWait);
} else {
		$('div.showPage:not(:first)').hide();
		$('a.ss-switcher').text("View slideshow");								
		$("a[attr='#text']").attr('href', '#slideshow');			
		$('#sideBar #slideshowMenu').hide();
		$('#caseStudySideinfo').show();		
};
		
	/* ----------- what is this for? ------------- */
	
		$('a.swapOnPage').click(function(){
			console.log ('Clicked on a.swapOnPage' );	
			var getID = $(this).attr('href');						
			
			$(getID).show();
			$('.showPage').not(getID).hide();
							if (NoOfCaseSlides>1 & getID == '#slideshow'){								
								$('a.ss-switcher').text("Back");																
								$("a[attr='#slideshow']").attr('href', '#text');
								$('#caseStudySideinfo').hide();			
								pageTurner = setInterval(caseStudySlideShow,caseSlideWait); // main routine for animating - simple Interval statement
								} 
							if (getID == '#text')	{																
								$('#caseStudySideinfo').show();											
								clearInterval(pageTurner);	
							}
			return false;																		 
		});	
		
	/*-------------------------------------------------*/
	
		$('a.ss-switcher, a.ss-switcher-img').click(function(){
			
			var getID = $(this).attr('href');
							
			
			$(getID).show();
			$('.showPage').not(getID).hide();
			
			
			if (NoOfCaseSlides>1 & getID == '#slideshow'){
				
				$('a.ss-switcher').text("Back");																
				$("a[href='#slideshow']").attr('href', '#text');
				
				$('#caseStudySideinfo').hide();	
				$('#sideBar #slideshowMenu').show();
				
				pageTurner = setInterval(caseStudySlideShow,caseSlideWait); // main routine for animating - simple Interval statement
				
				} 
			if (getID == '#text')	{
				$('a.ss-switcher').text("View slideshow");								
				$("a[href='#text']").attr('href', '#slideshow');
				$('#caseStudySideinfo').show();			
				$('#sideBar #slideshowMenu').hide();
				clearInterval(pageTurner);	
			}
			
			
			return false;																					
		});


$('#slideshow img.slide:first').show(); // hide all showcase items first		

	var caseSlideNum = 0, nextCaseSlide = 0, pageNum = 1, prevCaseSlide = 0;
	
	var NoOfCaseSlides = $('#slideshow img.slide').length;
	
	
	
	$('#slideshow-base .slideIndex').text(pageNum+' of '+NoOfCaseSlides);
	
	var butPlayOrStop = document.getElementById("playOrStop");

	function caseStudySlideShow() {
		nextCaseSlide = (caseSlideNum+1) % NoOfCaseSlides; // one ahead of the caseslideNum
//		alert(caseSlideNum + ' ' + nextCaseSlide);
		$('#slideshow img.slide:eq('+caseSlideNum+')').fadeOut();
		$('#slideshow img.slide:eq('+nextCaseSlide+')').fadeIn();			

		pageNum = (pageNum+1) % NoOfCaseSlides;
		if(pageNum==0) {pageNum=NoOfCaseSlides};
		$('#slideshow-base .slideIndex').text(pageNum+' of '+NoOfCaseSlides);	

		caseSlideNum = (caseSlideNum+1) % NoOfCaseSlides; // when its hit the limit it reverts to 0	

	};
	
						
	$('#slideshow-base a.goPrev').click(function(event){																	
				
		// go to previous slide
		prevCaseSlide = caseSlideNum-1;					
		if (prevCaseSlide<0){prevCaseSlide=NoOfCaseSlides-1};		
		
		$('#slideshow img.slide:eq('+caseSlideNum+')').fadeOut();
		$('#slideshow img.slide:eq('+prevCaseSlide+')').fadeIn();
		
		caseSlideNum = prevCaseSlide;
		pageNum = pageNum-1;
		if(pageNum==0) {pageNum=NoOfCaseSlides};				
		$('#slideshow-base .slideIndex').text(pageNum+' of '+NoOfCaseSlides);
		
		// stop slideshow		
		butPlayOrStop.src = "/userfiles/images/slideshows/ss_play.png";
		$('#slideshow-base a.playOrStop').removeClass('stop');
		$('#slideshow-base a.playOrStop').addClass('play');				
		clearInterval(pageTurner);		
				
		return false;
	});		
	
	$('#slideshow-base a.playOrStop').click(function(event){																							

		if (butPlayOrStop.src.indexOf("ss_stop") > -1 )			
		{			
		
			butPlayOrStop.src = "/userfiles/images/slideshows/ss_play.png";
		$(this).removeClass('stop');
		$(this).addClass('play');					
			clearInterval(pageTurner);					
		}
		else
		{		
		
			butPlayOrStop.src = "/userfiles/images/slideshows/ss_stop.png";						
		$(this).removeClass('play');
		$(this).addClass('stop');
			pageTurner = setInterval(caseStudySlideShow,caseSlideWait); // main routine for animating - simple Interval statement			
		}

		return false;
	});		
	
/*	$('#slideshow-base a.play').click(function(event){																							

		butPlayOrStop.src = "/userfiles/images/slideshows/ss_stop.png";
		$(this).removeClass('play');
		$(this).addClass('stop');
		console.log($(this).attr('class'));
console.log("2");
		clearInterval(pageTurner);			
		return false;
	});			*/	

	$('#slideshow-base a.goNext').click(function(event){																	
				
		// go to previous slide
		nextCaseSlide = (caseSlideNum+1)% NoOfCaseSlides;					
		
		
		$('#slideshow img.slide:eq('+caseSlideNum+')').fadeOut();
		$('#slideshow img.slide:eq('+nextCaseSlide+')').fadeIn();
			
				
		
		caseSlideNum = nextCaseSlide;
		pageNum = (pageNum+1) % NoOfCaseSlides;
		if(pageNum==0) {pageNum=NoOfCaseSlides};				
		$('#slideshow-base .slideIndex').text(pageNum+' of '+NoOfCaseSlides);
		
		// stop slideshow		
		butPlayOrStop.src = "/userfiles/images/slideshows/ss_play.png";
		$('#slideshow-base a.playOrStop').removeClass('stop');
		$('#slideshow-base a.playOrStop').addClass('play');		
		clearInterval(pageTurner);		
				
		return false;
	});		
	
	
});