$(document).ready(function() {
						   
    $('#front-feature').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed: 1000,
		timeout: 3500
	});
	
	
	// applied styles when javascript is enabled
	$('div.navigation').css({'width' : '300px', 'float' : 'left'});
	$('div.content').css('display', 'block');
	
	
	// fancybox the kasil galleries
	$('.gallery-thumb a').fancybox({
		overlayOpacity: 0.85,
		overlayColor: '#000',
		titleShow: false
	});
	
	
	//  HOME PAGE CONTENT BLOCKS
	//  init. slide function when user hovers over each home page content block 
	$('#home-shell-collab').hover(
		function(){
			$(this).find('div').stop().animate({ right: '0'}, 300);
		},
		function(){
			$(this).find('div').stop().animate({ right: '-210'}, 300);
		}
	);
	
	$('#home-shell-album').hover(
		function(){
			$(this).find('div').stop().animate({ left: '0'}, 300);
		},
		function(){
			$(this).find('div').stop().animate({ left: '-420'}, 300);
		}
	);
	
	//  HOME PAGE CONTENT BLOCKS
	// init. slider for collection image
	$('#home-shell-collection a').cycle({
		fx: 'fade',
		speed: 1000,
		timeout: 3500
	});
	
	$('#home-shell-projects a').cycle({
		fx: 'fade',
		speed: 1000,
		timeout: 5000
	});
	
	
	
	
	//  init. fade in on rollover
	//  collection gender cover images
	/*
	$('div.opacity-5').css({
		opacity: 0.5					   
	});
	
	$('div.opacity-5').hover(
		function() {
			$(this).stop().fadeTo(400, 1.0);
		}, 
		function() {
			$(this).stop().fadeTo(800, 0.5);
		}
	);
	*/




	//  init. fade in on rollover
	//  anchor tags with class 'fade'
	/*
	$('a.fade img').css({
		opacity: 0.7					   
	});
	
	$('a.fade img').mouseover(
		function() {
			$(this).stop().fadeTo(400, 1.0);
		}, 
		function() {
			$(this).stop().fadeTo(800, 0.7);
		}
	);
	*/
	
	
	
	
	//  init. fade in on rollover
	//  wp generated classes 
	/*
	$('.attachment-post-thumbnail').css({
		opacity: 0.5					   
	});
	
	$('.attachment-post-thumbnail').hover(
		function() {
			$(this).stop().fadeTo(400, 1.0);
		}, 
		function() {
			$(this).stop().fadeTo(800, 0.5);
		}
	);
	
	//  init. fade in on rollover
	//  wp generated classes 
	$('.attachment-piece-thumbnail').css({
		opacity: 0.5					   
	});
	
	$('.attachment-piece-thumbnail').hover(
		function() {
			$(this).stop().fadeTo(400, 1.0);
		}, 
		function() {
			$(this).stop().fadeTo(800, 0.5);
		}
	);
	*/
	

	
});