// JavaScript Document
$(document).ready(function(){	

/* Expanding home page elements */	  
	
	if ($('.panel')) {
		$('.panel_content').hover(function(e){
		
			
			
			$(e.target).parents('.panel').animate({ 
		
				marginTop: "0"
				
				}, 200 );
			
			/*$(e.target).parent().removeClass('closed');
			$(e.target).parent().addClass('expanded');*/
	
		}, function(e){
			
			$(e.target).parents('.panel').animate({ 
		
				marginTop: "121"
				
				}, 400 );
			
			/*$(e.target).parent().removeClass('expanded');
			$(e.target).parent().addClass('closed');*/
		
		});
	}
	
	// Case studies page
	// =================
	
	if ($('#project_images').length > 0) {
			
		// This sets the name of the initial case study slide to display
		// If #slidename is given in URL, it is used. If not, first slide is used
		var jumpToCasestudy = location.hash.replace('#show_', '');		
		if (jumpToCasestudy == '') {
			var casestudy = $('#project_images div').get(0).id;
		} else {
			var casestudy = jumpToCasestudy;
		}
		
		// This finds what the number of the first slide is based on case study name
		function getCycleFirstSlideNum () {
			var cycleFirstSlideNum = 0; 
			$('#project_images div').each(function (i) {
				if (this.id == casestudy) { cycleFirstSlideNum  = i; }
			});
			return cycleFirstSlideNum;
		}

		
		/*
		setInterval(function () {
			if (location.hash.substring(1) != casestudy) { 
				console.log('CHANGED ' + location.hash.substring(1) + ' != ' + casestudy);
			}
		}, 100);
		*/

		
		$('#project_images').cycle({ 
		    fx: 'smartScroll', 
		    easing: 'backinout', 
		    timeout: 0,
			 next: '.go_right',
		    prev: '.go_left',
		    pager: '#pager',
		    // callback fn that creates a thumbnail to use as pager anchor 
    		pagerAnchorBuilder: function(idx, slide) {
    			var thumb_src = 'images/casestudies/websites/thumbs/' + slide.id + '.jpg';
    			//console.log(thumb_src);
        		var pager_item_template =
    			'<li class="pager_item" onmouseover="style.backgroundColor=\'#292526\'" onmouseout="style.background=\'none\'">' + 
        			'<img src="' + thumb_src + '" width="67" height="45" />' +
        			'<h4 class="pager_title">' + $('#project_title h2.title_' + slide.id).text() + '</h4> ' + 
        			'<div class="pager_summary">' + $('#project_summaries .summary_' + slide.id).text() + '</div>' + 
        		'</li>'; 
        		
        		return pager_item_template;
            }, 
		    after: function () { 
		    	casestudy = this.id; 
		    	location.hash = '#show_' + casestudy;
		    	
		    	$('#project_title').children().hide();
		    	$('.title_' + casestudy).show();
		    	
		    	$('#project_details').children().hide();
		    	$('#casestudy_' + casestudy).show();
		    	
		    	$('#project_enlarge').children().hide();
		    	$('#enlarge_' + casestudy).show();
		    },
		    startAt: getCycleFirstSlideNum ()
		});
		
		
		$('#menu').toggle( 
			function (e) {
				$('#all_projects').show(1, function () {
					$('#all_projects_inner').animate({ 
						marginTop: "0px"
					}, 500 );
				});
				$('#all_projects').addClass('open');
				
				$('#menu').removeClass('btn_arrow_circle_up');
				$('#menu').addClass('btn_arrow_circle_down');
				
			},
			function (e) {
				$('#all_projects_inner').animate({ 
						marginTop: "384px"
				}, 500, function () {
					$('#all_projects').hide(1);
				});
				$('#all_projects').removeClass('open');
				
				$('#menu').removeClass('btn_arrow_circle_down');
				$('#menu').addClass('btn_arrow_circle_up');
			}
		);
		
		
		$('.pager_item').click( function (e) {
			$('#menu').trigger('click');
		});
		
		
		/*
		$('.go_left').hover(function(e){
		
			$('#panel_left').fadeIn();
		
		}, function(e){
			
			$('#panel_left').fadeOut();
			
		});
		
		
		
		$('.go_right').hover(function(e){
		
			$('#panel_right').fadeIn();
		
		}, function(e){
			
			$('#panel_right').fadeOut();
			
		});
		*/
		
		
	
			
			
		
		$('#project_details').hide();
		
		$('#read_case_study').toggle( 
		
			function (e) {
				$('#project_details').slideDown();
				$('#project_details').addClass('open');
			},
			
			function (e) {
				$('#project_details').slideUp();
				$('#project_details').removeClass('open');
			}
		
		);
		
	}
	
	
	if ($('#project_enlarge').length > 0) {
		$('#project_enlarge span').each( function (i) {
		
			$(this).children('a').lightBox({
			 	// 'fixedNavigation' : true 
			});
		
		}); 
	}
	 
	
	
	// about us page animation
	
	if ($('#about_images').length > 0) {
		
		var casestudy = $('#about_images a').get(0).rel; 
		
		$('#about_images').cycle({ 
		    fx:     'scrollLeft', 
		    easing: 'backinout', 
		    timeout: 15000,
		    click: '#about_images a',
		    after: function () { 
		    	casestudy = this.rel; 
		    	
		    	$('#project_title').children().hide();
		    	$('.title_' + casestudy).show();
		    	
		    	$('#project_details').children().hide();
		    	$('#casestudy_' + casestudy).show();
		    }
		});
		
	}
	
});