(function($){
	
	$(function(){
		
		//remove no-js class
		$('html').removeClass('no-js');
		
		/* == menu functions == */
		$('ul.sub-menu li a').css({opacity : '0'});
		$('#menu li').hover(function(){
			$('ul.sub-menu', this).filter(':not(:animated)').slideDown(200, function(){
				$('a', this).animate({opacity : '1'},300);
			});
		}, function(){
			$('.sub-menu li a', this).animate({opacity : '0'},200);
			$('ul.sub-menu', this).filter(':not(:animated)').slideUp(300, function(){
			});			
		}); //menu hover
		
		// animate side bar position when scrolled
    	var $sidebar   = $("#on-blog"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

   		$window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            }, 600);
        }//ends if
        else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }//ends else
		});
		
		// == move page case studies 
		$('#case-studies').insertBefore('#below-more'); 
		
		//action colour box
    	$("a[rel='case-study']").colorbox({iframe:true, transition:"fade", innerWidth:980, innerHeight:740});
    	
    	$(".gallery-icon a").colorbox({transition:"fade", innerWidth:980, innerHeight:740});
		
		
		$('#menu li a:contains(Services)').click(function(e){
			e.preventDefault();
		});
		
		var htmlClass = $('html').attr('class');
		$('body').addClass(htmlClass);
		
		 //lettering 
		 if ($('body').hasClass('blog')|$('body').hasClass('downloads')|$('body').hasClass('contact-form')){
		 
		 }else {
   			 $('#page.container p:not(.plain), article.post h1').lettering('words').css({
   		 		'border-left' : '4px solid #fff'
   		 		 , overflow : 'hidden'
   		 	});
		 	$('#page.container p span, article.post h1').css({
		 		background : '#fff',
		 		color : '#000',
		 		display : 'block',
		 		float : 'left',
		 		padding : '3px 4px 3px 4px',
		 		marginLeft : -3,
		 		marginTop : -1,
		 		width : 'auto'
			 });
		 
			 $('#page.container p').each(function(){
		 		$('<br class="clear" />').insertAfter(this);
			 });
		 
		 	//incase IE doesn't show love for just CSS
		 	$('a img[title="hide"]').css({display : 'none'});
		 }//end else
		 
		 
		 $('div.cols').columnize({width:160});
		 
	
	}); //doc rdy
	

})(jQuery)