// by 22sparks - digital creative agency
// 
// www.22sparks.com

$(document).ready(function(){
	
	 	$('.buttons img')
		.mouseover(function(){
			var rsrc = jQuery(this).attr('src').replace('.jpg','_over.jpg');
			jQuery(this).attr('src',rsrc);
		})
		.mouseout(function() {
			var rsrc = jQuery(this).attr('src').replace('_over.jpg','.jpg');
			jQuery(this).attr('src',rsrc);

		});

	    
    $('.buttons a')
        .mouseover(function(){
            var newcls = $(this).attr('class').replace('gimage','gthis');
            $(this).attr('class',newcls);
            $('.gimage').stop(true).animate({opacity: .2},'fast');
			var rsrc = jQuery(this).attr('src').replace('.jpg','_over.jpg');
			jQuery(this).attr('src',rsrc); 
        })
        .mouseout(function(){
            var oldcls = $(this).attr('class').replace('gthis','gimage');
            $(this).attr('class',oldcls);
            $('.gimage').stop(true).animate({opacity: 1},'fast');
			var rsrc = jQuery(this).attr('src').replace('.jpg','_sw.jpg');
			jQuery(this).attr('src',rsrc);
        });




});