// JavaScript Document

var loading = true;
var current;
$(document).ready(function(){
	$('#tile').animate({opacity:0}, 0, function(){$(this).animate({opacity:1},500)});
	$('#menu a').live('click', function(e){
		e.preventDefault();
		if(!loading && $(this).attr('id') != current){
			runner($(this).attr('id'));
		}
	});
	
	$('#submit').live('click', function(e){
		e.preventDefault();
		$.get('scrpt/mailer.php?message=' + $('#message').val() + '&name=' + $('#name').val() + '&email=' + $('#email').val());
		alert("Message sent!");
	});
});

function runner(target_div){
	
	current=target_div;
	loading=true;
	$('#web_blocks a').stop().animate({opacity:0}, 0, function(){$('#web_blocks').css({'left':'-10000px'});});
	$('#print_blocks a').stop().animate({opacity:0}, 0, function(){$('#print_blocks').css({'left':'-10000px'});});
	$('#contact_blocks').stop().animate({opacity:0}, 0, function(){$(this).css({'left':'-10000px'})});
	$('#' + target_div + '_blocks').css({'left': '0px'});
		
	if(target_div == "contact"){
		$('#side_menu').animate({opacity:0},500);
		$('#contact_blocks').animate({opacity : 1.0}, 500, function(){loading=false;});
	} else {
		$('#side_menu').animate({opacity:1.0},500);
		$('#project_title').html('welcome').animate({opacity:0},0).animate({opacity:1.0},500);
		$('#project_facets').html('');
		for(i=1;i<=$('#' + target_div + '_blocks').children('a').length;i++){
			var rand = Math.floor(Math.random() * 1001);
			$('#' + target_div + '_tile_' + i).delay(rand).animate({opacity:0.5}, 2000 + rand, function(){ loading = false;});
		}

		$('#' + target_div + '_blocks a').live('mouseover', function(){
			if(!loading){
				$(this).stop().animate({opacity : 1.0},100);
			}
			$('#project_title').html($(this).children('img').attr('alt'));
			$('#project_facets').html("<li>" + $(this).children('img').attr('longdesc').replace(/,/g,"</li><li>") + "</li>");
		});

		$('#' + target_div + '_blocks a').live('mouseout', function(){
			if(!loading){
				$(this).stop().animate({opacity : 0.5},100);
			}
		});
	
		$('#' + target_div + '_blocks a').live('focusin', function(){
			if(!loading){
				$(this).stop().animate({opacity : 1.0},100);
			}
				$('#project_title').html($(this).children('img').attr('alt'));
				$('#project_facets').html("<li>" + $(this).children('img').attr('longdesc').replace(/,/g,"</li><li>") + "</li>");
		});
	
		$('#' + target_div + '_blocks a').live('focusout', function(){
			if(!loading){
				$(this).stop().animate({opacity : 0.5},100);
				$('#project_title').html('welcome');
				$('#project_facets').html("");
			}
		});
	}
}