// JavaScript Document
$(function(){

	var portfolio_items = $("#portfolio > .item");
	var fadein;
	var fadeout;
	
	portfolio_items.mouseover(function(e){
						var _this = $(this);
						if(fadeout) clearTimeout(fadeout);
						if(fadein) clearTimeout(fadein);
							fadeout = setTimeout(function(){
							for(var i=0; i<portfolio_items.length; i++){
								//alert($(portfolio_items[i]).html() == _this.html());
								if($(portfolio_items[i]).html() != _this.html()){
									$(portfolio_items[i]).fadeTo(200, .5);
								}else{
									//document.title = $(portfolio_items[i]).attr('rel');
								}
							}
						
							_this.fadeTo(100, 1);									   
							
									   
						}, 200);
						
						});
	
	portfolio_items.mouseout(function(e){
						var _this = $(this);
						if(fadein) clearTimeout(fadein);
						if(fadeout) clearTimeout(fadeout);
						
						fadein = setTimeout(function(){portfolio_items.fadeTo(200, 1)}, 200);									   
									   });
	
	var portfolio_links = $("#left_nav > .portfolio_link");	
	portfolio_links.mouseover(function(e){
								var _this = $(this);
								if(fadeout) clearTimeout(fadeout);
								if(fadein) clearTimeout(fadein);
								var rel = _this.attr('rel');
								fadeout = setTimeout(function(){
											for(var i=0; i<portfolio_items.length; i++){
											if($(portfolio_items[i]).attr('rel') != rel){
												$(portfolio_items[i]).fadeTo(300, .5);
											}else{
												var sel_portfolio = $(portfolio_items[i]);
												sel_portfolio.fadeTo(100, 1);	
											}
										}
										if(fadein) clearTimeout(fadein);										
								}, 200);
											   });
			
	portfolio_links.mouseout(function(e){
								var _this = $(this);
								if(fadeout) clearTimeout(fadeout);
								if(fadein) clearTimeout(fadein);
								fadein = setTimeout(function(){portfolio_items.fadeTo(300, 1)}, 100);									   
											   });

});

$(function(){
	var page_title = $('#page_title > h1');	
	var sub_title = $('#page_title > h2');	
	var dir = 'out';
	var _max = 60;
	var _min = 30;
	var _current = 60;
	var spread;
	
	page_title.fadeTo(1, 0);
	page_title.fadeTo(1000, 1);
	
	sub_title.fadeTo(1, 0);
	sub_title.fadeTo(1000, 1);
	
	spread = setInterval(function(){
			try{
			if(dir == 'out')
				_current += 2;
			else
				_current -= 2;
				
			page_title.css('letter-spacing', _current + 'px');
			if(_current >= _max){
				dir = 'in';				
			}else if(_current <= _min){
				clearInterval(spread);
				//dir = 'out';
			}
			}catch(err){};
								 
								 
								 }, 50);
		   
		   
});


/******** SOURCE AND CLOSE SOURCE VIEW ********/
$(function(){
	var close_source = $('.closesource');
	var show_source = $('.showsource');
	var sources = $('.sourcecode');
			
	show_source.click(function(){
			var _this = $(this);
			var rel = _this.attr('rel');
			for(var i=0; i<sources.length; i++){
				var source = $(sources[i]);
				if(source.attr('rel') == rel){
					source.slideDown(1000);					
				}
			}
							   });
	
	
	close_source.click(function(){
					var source = close_source.parent();
					source.slideUp(1000);			
								});

});