$(function(){
/*
		$('<a/>', {
		    href: 'javascript://'
		})
		    .insertAfter('body')
		    .addClass('gridBtn off')
		    .text('on');
		    
		$('.gridBtn').click(function(){
            var dh = $(document).height();		  
		    if ($(this).hasClass('off')){
		        $(this).removeClass('off').addClass('on').text('off');
		        $('<div/>')
		            .insertBefore('#header')
		            .addClass('grid')
		            .height(dh);
		    } else {
		        $('.grid').fadeOut(100, function(){
		            $(this).remove();
		        });
		        $('a.gridBtn').removeClass('on').addClass('off').text('on');
		    }
		});    	
		
*/

    $('.buttons li a').click(function(){
        var imgID = $(this).attr('class');
        var galID = $(this).closest('ul').attr('id');
        var imgPos = $('#'+imgID).position();
        
        $('.'+galID).animate({'left':-imgPos.left});
        $(this).closest('ul').children().removeClass('selected')
        $(this).closest('li').addClass('selected');
    });		
    
    $('.sort a').click(function () {
        $('.sort a').removeClass('selected');
        var val = $(this).attr('id');

        switch(val){
            case 'website':
                $(this).addClass('selected');
                $('.project').fadeOut(100, function(){
                    $('.ws').fadeIn(100);
                });
                
            break;
            
            case 'mobile':
                $('#mobile').addClass('selected');        
                $('.project').fadeOut(100, function(){
                    $('.mob').fadeIn(100);
                });
            break;                
            
            case 'pm':
                $(this).addClass('selected');
                $('.project').fadeOut(100, function(){
                    $('.pm').fadeIn(100);
                });
            break;        
            
            case 'ph':
                $(this).addClass('selected');
                $('.project').fadeOut(100, function(){
                    $('.ph').fadeIn(100);
                });
            break;        
            
            default: 
                $(this).addClass('selected');
                $('.project').fadeIn(100);
            break;
        }
    });
    
    // 
    
    $('.view').click(function(){
    var dh = $(document).height();
    var dw = $(document).width();
    $('<div/>', {class: 'overlay'}).width(dw).height(dh).insertBefore('#header');
    
});
// End function
});


//if (typeof RUHE == 'undefined') {var RUHE = {}};