// ** CONVERT TITLES WITH CUFON **//
Cufon.replace('#blog_block_inner #main .number');

// ** LOAD FADE-IN FUNCTION ** //

function fadeIn() {
	$$('.loading').each(function(id) {
		new Effect.Fade(id, { duration: 0.2 });
	});
	
	$$('.image').each(function(id) {
		new Effect.Appear(id, { duration: 0.2, queue: { position: 'end', scope: 'portfolio' } });
	});
}

window.onload = fadeIn;

document.observe("dom:loaded", function () {
										 
	// ** BEGIN PREVIEW FUNCTION ** //
	
	$$('.preview').each(function(id) {
		var detailsFade=null;
		
		$(id).observe('mouseover', function(event) {
			var details = $(this).down(0).next(1).identify();
			
			if(detailsFade) detailsFade.cancel();
			detailsFade=new Effect.Appear(details, { duration: 0.3 });
		});
		
		$(id).observe('mouseout', function(event) {
			var details = $(this).down(0).next(1).identify();
			
			if(detailsFade) detailsFade.cancel();
			detailsFade=new Effect.Fade(details, { duration: 0.3 });
		});
	});
										 
	// ** BEGIN COLOR BAR FUNCTIONS ** //
	
	var colorBar1=null;
	var linkTitle1=null;
	$('color_01').observe('mouseover', function() { if(colorBar1) colorBar1.cancel(); colorBar1=new Effect.Morph('color_01', { style: 'height:150px;', duration: 0.3 }); });
	$('color_01').observe('mouseout', function() { if(colorBar1) colorBar1.cancel(); colorBar1=new Effect.Morph('color_01', { style: 'height:30px;', duration: 0.3 }); });
	$('color_01').observe('mouseover', function() { if(linkTitle1) linkTitle1.cancel(); linkTitle1=new Effect.Appear('clothing_link', { duration: 0.2 }); });
	$('color_01').observe('mouseout', function() { if(linkTitle1) linkTitle1.cancel(); linkTitle1=new Effect.Fade('clothing_link', { duration: 0.2 }); });
	
	var colorBar2=null;
	var linkTitle2=null;
	$('color_02').observe('mouseover', function() { if(colorBar2) colorBar2.cancel(); colorBar2=new Effect.Morph('color_02', { style: 'height:150px;', duration: 0.3 }); });
	$('color_02').observe('mouseout', function() { if(colorBar2) colorBar2.cancel(); colorBar2=new Effect.Morph('color_02', { style: 'height:30px;', duration: 0.3 }); });
	$('color_02').observe('mouseover', function() { if(linkTitle2) linkTitle2.cancel(); linkTitle2=new Effect.Appear('print_link', { duration: 0.2 }); });
	$('color_02').observe('mouseout', function() { if(linkTitle2) linkTitle2.cancel(); linkTitle2=new Effect.Fade('print_link', { duration: 0.2 }); });
	
	var colorBar3=null;
	var linkTitle3=null;
	$('color_03').observe('mouseover', function() { if(colorBar3) colorBar3.cancel(); colorBar3=new Effect.Morph('color_03', { style: 'height:150px;', duration: 0.3 }); });
	$('color_03').observe('mouseout', function() { if(colorBar3) colorBar3.cancel(); colorBar3=new Effect.Morph('color_03', { style: 'height:30px;', duration: 0.3 }); });
	$('color_03').observe('mouseover', function() { if(linkTitle3) linkTitle3.cancel(); linkTitle3=new Effect.Appear('web_link', { duration: 0.2 }); });
	$('color_03').observe('mouseout', function() { if(linkTitle3) linkTitle3.cancel(); linkTitle3=new Effect.Fade('web_link', { duration: 0.2 }); });
	
	var colorBar4=null;
	var linkTitle4=null;
	$('color_04').observe('mouseover', function() { if(colorBar4) colorBar4.cancel(); colorBar4=new Effect.Morph('color_04', { style: 'height:150px;', duration: 0.3 }); });
	$('color_04').observe('mouseout', function() { if(colorBar4) colorBar4.cancel(); colorBar4=new Effect.Morph('color_04', { style: 'height:30px;', duration: 0.3 }); })
	$('color_04').observe('mouseover', function() { if(linkTitle4) linkTitle4.cancel(); linkTitle4=new Effect.Appear('identity_link', { duration: 0.2 }); });
	$('color_04').observe('mouseout', function() { if(linkTitle4) linkTitle4.cancel(); linkTitle4=new Effect.Fade('identity_link', { duration: 0.2 }); });
	
	var colorBar5=null;
	var linkTitle5=null;
	$('color_05').observe('mouseover', function() { if(colorBar5) colorBar5.cancel(); colorBar5=new Effect.Morph('color_05', { style: 'height:150px;', duration: 0.3 }); });
	$('color_05').observe('mouseout', function() { if(colorBar5) colorBar5.cancel(); colorBar5=new Effect.Morph('color_05', { style: 'height:30px;', duration: 0.3 }); });
	$('color_05').observe('mouseover', function() { if(linkTitle5) linkTitle5.cancel(); linkTitle5=new Effect.Appear('special_link', { duration: 0.2 }); });
	$('color_05').observe('mouseout', function() { if(linkTitle5) linkTitle5.cancel(); linkTitle5=new Effect.Fade('special_link', { duration: 0.2 }); });
	
	var colorBar6=null;
	var linkTitle6=null;
	$('color_06').observe('mouseover', function() { if(colorBar6) colorBar6.cancel(); colorBar6=new Effect.Morph('color_06', { style: 'height:150px;', duration: 0.3 }); });
	$('color_06').observe('mouseout', function() { if(colorBar6) colorBar6.cancel(); colorBar6=new Effect.Morph('color_06', { style: 'height:30px;', duration: 0.3 }); });
	$('color_06').observe('mouseover', function() { if(linkTitle6) linkTitle6.cancel(); linkTitle6=new Effect.Appear('blog_link', { duration: 0.2 }); });
	$('color_06').observe('mouseout', function() { if(linkTitle6) linkTitle6.cancel(); linkTitle6=new Effect.Fade('blog_link', { duration: 0.2 }); });
	
	var colorBar7=null;
	var linkTitle7=null;
	$('color_07').observe('mouseover', function() { if(colorBar7) colorBar7.cancel(); colorBar7=new Effect.Morph('color_07', { style: 'height:150px;', duration: 0.3 }); });
	$('color_07').observe('mouseout', function() { if(colorBar7) colorBar7.cancel(); colorBar7=new Effect.Morph('color_07', { style: 'height:30px;', duration: 0.3 }); });
	$('color_07').observe('mouseover', function() { if(linkTitle7) linkTitle7.cancel(); linkTitle7=new Effect.Appear('contact_link', { duration: 0.2 }); });
	$('color_07').observe('mouseout', function() { if(linkTitle7) linkTitle7.cancel(); linkTitle7=new Effect.Fade('contact_link', { duration: 0.2 }); });
	
	var colorBar8=null;
	var linkTitle8=null;
	$('color_08').observe('mouseover', function() { if(colorBar8) colorBar8.cancel(); colorBar8=new Effect.Morph('color_08', { style: 'height:150px;', duration: 0.3 }); });
	$('color_08').observe('mouseout', function() { if(colorBar8) colorBar8.cancel(); colorBar8=new Effect.Morph('color_08', { style: 'height:30px;', duration: 0.3 }); });
	$('color_08').observe('mouseover', function() { if(linkTitle8) linkTitle8.cancel(); linkTitle8=new Effect.Appear('client_link', { duration: 0.2 }); });
	$('color_08').observe('mouseout', function() { if(linkTitle8) linkTitle8.cancel(); linkTitle8=new Effect.Fade('client_link', { duration: 0.2 }); });
});