/* animation.js */

// ************************* VARIABLES **********************
if (!pageName) var pageName = 'home';
var parameters = '';
var busy = false;
var work = 0;
var background = 0;
var background_delay = 10000;
var work_delay = 7000;
var pause = false;



// ************************ EVENT HANDLERS ******************

// Add black bar toggler
$(document).ready(function(){
	
	$("#btnNextSlide").mouseover( function() { $("#btnNextSlide").attr('src','images/icon_previous2.png'); } );
	$("#btnNextSlide").mouseout( function() { $("#btnNextSlide").attr('src','images/icon_previous.png'); } );
	$("#btnNextSlide").click( function() { slideSwitch(0); });
	
	$("#btnPrevSlide").mouseover( function() { $("#btnPrevSlide").attr('src','images/icon_next2.png'); } );
	$("#btnPrevSlide").mouseout( function() { $("#btnPrevSlide").attr('src','images/icon_next.png'); } );
	$("#btnPrevSlide").click( function() { slideSwitch(1); });

	$("#navigation a").click( function() { 
		tabToLoad = $(this).attr('href');
		tabToLoad = tabToLoad.replace('#','');
		title = $(this).html();
		$('#black_bar_header').html(title);
		$('#content').html($('#'+tabToLoad).html());
		$(this).parent().parent().find('li').removeClass('current-menu-item');
		$(this).parent().addClass('current-menu-item');
		if (tabToLoad == 'contact') {
			$('#black_bar').css({'background':'#FFFFFF url(images/envelope.jpg) no-repeat 885px -75px'});
		} else {
			$('#black_bar').css({'background':'#ffffff'});
		}
	});
	$("a.logo, a.text-nav, a.intext-link").live('click', function() {
		tabToLoad = $(this).attr('href');
		tabToLoad = tabToLoad.replace('#','');
		title = $(this).attr('rel');
		$('#black_bar_header').html(title);
		$('#content').html($('#'+tabToLoad).html());
		$('#navigation').find('li').removeClass('current-menu-item');
		$('#navigation').find('a[href="#'+tabToLoad+'"]').parent().addClass('current-menu-item');
		if (tabToLoad == 'contact') {
			$('#black_bar').css({'background':'#FFFFFF url(images/envelope.jpg) no-repeat 885px -75px'});
		} else {
			$('#black_bar').css({'background':'#ffffff'});
		}
	});

	$('input#full_name').live('keyup', function() {
		var value = $(this).val();
		$('span.signature').text(value);
	}).keyup();

	$('li.work-grid-item a').live('click', function() {
		var item = $(this).attr('href');
		item = item.replace('#','');
		$('#portfolio-info').html($('#'+item+'-holder').html());
		$('li.current-grid-item').removeClass('current-grid-item');
		$(this).parent().addClass('current-grid-item');
	});

	$('a.read-more-link').live('click', function() {
		$('div.read-more').slideDown();
		$(this).parent().fadeOut();
	})
	

});


function slideSwitch(next_photo) {


	function changeBackground() {

		
		if ( $("#background1").css('display') == 'none') {

	
			$("#background1").attr('src',backgrounds[background]);
			$("#background2").fadeOut(1000);
			$("#background1").fadeIn(1000);
			
		} else {
	
			$("#background2").attr('src',backgrounds[background]);
			$("#background1").fadeOut(1000);
			$("#background2").fadeIn(1000);
			
		}
		
	}
	
	
	if (!busy){
		
		busy = true;
		
		clearTimeout(timer);
		timer = setInterval( "slideSwitch(1)", background_delay);
		
		
		if (!next_photo) {
			
			if (background==0) background = backgrounds.length-1;
			else background--;
			
		} else {
			
			if (background==(backgrounds.length-1)) background = 0;
			else background++;		
			
		}
		
		
		bckimg= new Image();
		bckimg.src= backgrounds[background];
	
		// For IE:
		if ($.browser.msie) {
			
			function testImg(){
		        if(bckimg.complete != null && bckimg.complete == true){ 
		                changeBackground();
		                return;
		        }
			
		        setTimeout(testImg, 300);
			}
			setTimeout(testImg, 300);
		
		}
		else bckimg.onload = changeBackground;
		
		// Preload next image!
		bckimgnew= new Image();
		bckimgnew.src= backgrounds[background+1];
		
		busy=false;
		
	}
	else { clearTimeout(timer); timer = setTimeout( "slideSwitch(1)", 1500);}
}





/*
$(function() {
    timer = setInterval( "slideSwitch(1)", background_delay);
	
});
*/

function intro() {

	document.getElementById('image_loading').style.visibility = 'hidden';
	

	//$('#content').load(root+'content_'+pageName+'/', {page:pageName}, function() {
		
		// Animate
	
		h = document.getElementById('black_bar_content').offsetHeight;
		document.getElementById('black_bar').style.height = h + 'px';
	
		// Fadeout content
		document.getElementById('black_bar_content').style.display = 'none';
		document.getElementById('black_bar').style.width='1px';
	
		$('#black_bar').animate({opacity:1},0);
		
		// IE black bar transparency problem
		$('#black_bar').css('filter',"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo ROOT;?>images/background_black.png', sizingMethod='crop')");
		
		document.getElementById('loading_content').style.display='none';
		
				//$('#loading').fadeOut(200, function () {
		$('#loading').animate({height: 1},500, function () {
		
			$('#bg_grid').animate({height: '100%'}, 500, function () {
				
				$('#black_bar').animate({width:'100%'},500,"swing", 
			
					function () {	
								
						$('#black_bar_content').fadeIn(1000);
						if (window.location.hash) {
							var hash = window.location.hash;
							hash = hash.replace('#','');
							if (hash == 'who-i-am' || hash == 'what-i-offer' || hash == 'portfolio' || hash == 'contact' || hash == 'blog') {
								title = hash.replace(/-/gi, ' ');
								title = title.toLowerCase();
								$('#black_bar_header').html(title);
								$('#content').html($('#'+hash).html());
								$('#navigation').find('li').removeClass('current-menu-item');
								$('#navigation').find('a[href="#'+hash+'"]').parent().addClass('current-menu-item');
								if (hash == 'contact') {
									$('#black_bar').css({'background':'#FFFFFF url(images/envelope.jpg) no-repeat 885px -75px'});
									var message = getUrlVars()["message"];
									var hashLoc = message.indexOf("#",message);
									message = message.slice(0,hashLoc);
									returnMessage = message == "success" ? "<p>Your letter has been sent!  Thank you for getting in touch with me.  I will respond as soon as I can.</p>" : "<p>There was an error sending your letter. Please try and email Jim instead at jimkrill@gmail.com.<br/>Thank you.</p>";
									$newContainer = $('<div>');
									$newContainer.attr('id','message')
									$newContainer.addClass(message);
									$newContainer.prepend("<h3>Contact "+message+"!</h3>");
									$newContainer.append(returnMessage);
									$('#content .grid_6').html($newContainer);
								} else {
									$('#black_bar').css({'background':'#ffffff'});
								}
							} else {
								$('#content').html($('#who-i-am').html());
							}

						} else {
							$('#content').html($('#who-i-am').html());		
						}
						document.getElementById('black_bar').style.height = 'auto';
				
					}
				);
			});
		
		
		
		});

	//});
	

}

function getUrlVars() {
	var vars = {};
	var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
		vars[key] = value;
	});
	return vars;
}