Cufon.replace('.c, #header ul, #recentProjectHome a, #relatedProjects a, #portfolio a, .slideTitle span, #title, .downloadCv', {hover: true});
jQuery(document).ready(function(){
	
	//adds class "last" to last li
	jQuery('#recentProjectHome ul li:last-child, #relatedProjects ul li:nth-child(4n)').addClass('last');
	jQuery('#navigation li:last-child').addClass('last');
	
	//disables click and appends span
	jQuery('#header ul li:nth-child(4)').append('<span>Comming next</span>');
	jQuery('#header ul li:nth-child(4)').click(function(){return false});

	//hover effect on recent projects
	jQuery('#recentProjectHome ul li, ul#portfolio li, #relatedProjects ul li').not('#recentProjectHome ul li.commingSoon, ul#portfolio li.commingSoon, #relatedProjects ul li.commingSoon').hover(function(){
		jQuery(this).find('a').fadeIn();
		jQuery(this).find('span').animate({bottom:0});
	}, function(){
		jQuery(this).find('a').fadeOut();
		jQuery(this).find('span').animate({bottom:-25});
	});
	
	//disable click on project
	jQuery('#recentProjectHome ul li.commingSoon, ul#portfolio li.commingSoon, #relatedProjects ul li.commingSoon').click(function(){return false;}).find('a').attr('href','#');
	
	//hover effect on my socials
	jQuery('.mySocials ul li').hover(function(){
		jQuery(this).find('.footerSocialTab').fadeIn();
	},
	function(){
		jQuery(this).find('.footerSocialTab').fadeOut();
	});
	
	// hover effect on logo
	jQuery('.#logo a').hover(function(){
		jQuery(this).find('span').fadeIn(200);
	},
	function(){
		jQuery(this).find('span').fadeOut(200);
	});
	
	// portfolio selector
	jQuery('#portfolioLabels li a').click(function(){
		var navClass = jQuery(this).attr('class');
		jQuery(this).parents('ul').find('li').removeClass('selected');
		jQuery(this).parent().addClass('selected');
		if (navClass == 'all'){
			jQuery('ul#portfolio li').animate({width:200}).css('margin-right','33px');
		} else {
			jQuery('ul#portfolio li').each(function() {
				if (jQuery(this).hasClass(navClass)){
					jQuery(this).animate({width:200}).css('margin-right','33px');
				} else {
					jQuery(this).animate({width:0}).css('margin-right','0');
				}
			});
		}
		return false;
	});
	
	//display number of portfolio elements
	jQuery('#portfolioLabels li').hover (function(){
		var numberClass = jQuery(this).find('a').attr('class');
		if (numberClass == 'all'){
			var number = jQuery('#portfolio > li').size();
			jQuery(this).find('span').html(number);
		} else {
			var number = jQuery('#portfolio > li.'+numberClass).size();
			jQuery(this).find('span').html(number);
		}
	}, function (){
		jQuery(this).find('span').html('');
	});
	
	// display services divs
	jQuery('#services a').hover(function(){
		var getRel = jQuery(this).attr('rel');
		var getPosition = jQuery(this).position();
		var getWidth = jQuery(this).width();
		var getHeight = jQuery(this).height();
		var getLeft = (getPosition.left + (getWidth/2))-92;
		var getTop = getPosition.top + getHeight+5;
		var getDiv = jQuery(this).parent().find('div.'+getRel);
		jQuery(getDiv).fadeIn(400).css({
			'left':getLeft + 'px',
			'top':getTop + 'px'
		});
	}, function(){
		var getRel = jQuery(this).attr('rel');
		var getDiv = jQuery(this).parent().find('div.'+getRel);
		jQuery(getDiv).fadeOut(200);
	});
	jQuery('#services a').click(function(){return false});
	
	jQuery.fn.pause = function(duration) {
    	jQuery(this).animate({ dummy: 1 }, duration);
    	return this;
	};	
	
	//home slideshow
	var prevTitle = null;	
	jQuery('#slides').cycle({
		fx: 'fade',
		timeout: 7000,
        startingSlide: 0,
		pause: 1,
		before: function() {
            //added selected class to navigation li on change
            var title = this.title;
            jQuery("li[title="+title+"]").addClass("active");
            jQuery("li[title="+prevTitle+"]").removeClass("active");
            prevTitle = title;
        }
	});
	jQuery('#slideNavigation a').click(
	function() {
		var classSelect = jQuery(this).attr('class');
		classSelector = classSelect.replace(/slide/g, "");
		jQuery('#slides').cycle(classSelector-1);
		return false;
	});
	
	// rel external
	jQuery("a[rel='external']").attr('target', '_blank');	
	
	jQuery('#contact input').focus(function(){
		jQuery(this).val('');									
	});
	
	jQuery('#submitbutton').click(function(){
		if (jQuery('#control').val() == 7) {
			jQuery('.errorSpan').hide();
		} else {
			jQuery('li.control').append('<span class="errorSpan">Please enter a valid number.</span>');	
		}
	});
	
	jQuery('#control').blur(function(){
		if (jQuery(this).val() == 7) {
			jQuery('.errorSpan').hide();
		}
	});


		
});