layout =
{
	init: function()
	{ 
		jQuery('#filter li').hover(layout.navigation.show,layout.navigation.hide);
		jQuery('input.clear-text').click(layout.clear_text);
		jQuery('input.clear-text').blur(layout.restore_text);			
		jQuery('.select-text').click(layout.select_text); 
		jQuery('#commentform input').click(layout.add_active);
		jQuery('#comments #no_comments_button').click(layout.no_comments_button);
		jQuery('#beta_testing').click(layout.dropdown_container);
		jQuery().ajaxComplete( function(){});
	    jQuery('.yjl-mes').bind('ajaxComplete', function(res){ 
	   
	   		var get_text = jQuery(this).text();
			if( get_text !== '' ){
				if( get_text == 'Thank you for your comment!'){
					jQuery(this).addClass('success');
				}else{
					jQuery(this).addClass('error');
				};
			}
	   });
	   jQuery().ajaxStart( function(){});
	   jQuery('.yjl-mes').bind('ajaxStart', function(res){
		   jQuery(this).removeClass('error');
		   jQuery(this).removeClass('success');
 		});
	},
	
	navigation:
	{
		show: function () 
		{ 
			jQuery('ul', this).slideDown('fast');
		},
		hide: function () 
		{ 
			jQuery('ul', this).slideUp('fast');
		}
	},
	select_text: function selectText()
	{	
		this.focus();
    	this.select();
	},
	clear_text: function clearText()
	{
		if (this.defaultValue==this.value)
		this.value = "";
	},
	restore_text: function restoreText(){
		if (this.value == ""){
		this.value = this.defaultValue;
		jQuery(this).removeClass('active');	}
	},
	no_comments_button :function()
	{
		jQuery(this).hide();
		jQuery('#comment-submit').slideDown('fast')
	},
	add_active :function()
	{
		jQuery(this).addClass('active');	
	},
	dropdown_container :function()
	{
		jQuery('#dropdown_container').slideToggle('fast');	
	}

}
jQuery(document).ready
(
	function()
	{
		layout.init();
	
	}	
);
jQuery(document).ready(function() {  
    jQuery('ul#filter a').click(function() { 
										 
        jQuery(this).css('outline','none');  
        jQuery('ul#filter .current').removeClass('current'); 
        jQuery(this).parent().addClass('current'); 
		//jQuery(this).parent('li.sub').addClass('current-parent');		
        var filterVal = jQuery(this).text().toLowerCase().replace(' ','-');  
  		var i =1;
        if(filterVal == 'all') {  
		jQuery('ul#portfolio li').each(function() {  
				
               
					jQuery(this).removeClass('last');
					jQuery(this).removeClass('first');
					if( i%3==0 ){
						jQuery(this).addClass('last');
						}
					if( (i%3)-1==0 ){
						jQuery(this).addClass('first');
						}
					jQuery(this).fadeIn('slow').removeClass('hidden');
						
                  i++;    
                
				
            }); 
            jQuery('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');  
        } else {  
		
            jQuery('ul#portfolio li').each(function() {  
				
                if(!jQuery(this).hasClass(filterVal)) {  
                    jQuery(this).fadeOut('normal').addClass('hidden');  
                } else {
					jQuery(this).removeClass('last');
					jQuery(this).removeClass('first');
					if( i%3==0 ){
						jQuery(this).addClass('last');
						}
					if( (i%3)-1==0 ){
						jQuery(this).addClass('first');
						}
					jQuery(this).fadeIn('slow').removeClass('hidden');
						
                  i++;    
                }
				
            });  
        }  
  
        return false;  
    });  
}); 
jQuery(document).ready(function(){
	jQuery("#slider_navigation").jFlow({
		controller: ".slide_list", // must be class, use . sign
		slideWrapper : "#jFlowSlider", // must be id, use # sign
		slides: "#slider",  // the div where all your sliding divs are nested in
		selectedWrapper: "active",  // just pure text, no sign
		width: "950px",  // this is the width for the content-slider
		auto: true	
	});
	jQuery(".portfolio_slider").easySlider({
		auto: true, 
		continuous: true,
		numeric: true,
		speed: 350,
		pause:5000
	});
	
});