$(document).ready(function(){

	$('#art #headerImg').crossSlide({
	  sleep: 10, //in sec
	  fade: 4   //in sec
	}, [
		{ src: '/css/images/art/fading/header/header1.jpg'},
		{ src: '/css/images/art/fading/header/header2.jpg'},
		{ src: '/css/images/art/fading/header/header3.jpg'},
		{ src: '/css/images/art/fading/header/header4.jpg'},
		{ src: '/css/images/art/fading/header/header5.jpg'}
		
	]);
	
	$('#art #wrapperFade').crossSlide({
	  sleep: 10, //in sec
	  fade: 4   //in sec
	}, [
		{ src: '/css/images/art/fading/midBg/mid_bg1.jpg'},
		{ src: '/css/images/art/fading/midBg/mid_bg2.jpg'},
		{ src: '/css/images/art/fading/midBg/mid_bg3.jpg'},
		{ src: '/css/images/art/fading/midBg/mid_bg4.jpg'},
		{ src: '/css/images/art/fading/midBg/mid_bg5.jpg'}
		
	]);

	
	/* I can't use this yet because IE is super Lame ///// $('a.serviceImages').css({opacity: "0.2"});
	
	$('a.serviceImages').hover(
      function () {
      	$(this).animate({ 
        opacity: 1.0,
      }, 600 );
      }, 
      function () {
        $(this).animate({ 
        opacity: 0.2,
      }, 600 );
      }
    ); */	

});