$(document).ready(function () {

   
    $('#nav > li').hover(
        function () {

            var pos = $(this).position();
            $(this).parent().stop(true).animate({backgroundPosition: pos.left}) ;
			$('#nav > li >a').css('color', '#fff');
			$(this).children() .css('color', '#ffba00');

        },
        function () {
             $('#nav').animate({backgroundPosition:'402px' }, 200);
			 $('#nav > li >a').css('color', '#fff')
        }
        );
    $('#nav').css("background","transparent url(sites/default/themes/Secrets/images/mediaItems-block/hover.png) no-repeat top right");
    $('#nav').animate({backgroundPosition:'402px' }); 
	
    
    $('#video').hover(
        function () {
            
             $('#mediaItems_content').css('backgroundPosition', '0px 0px');
             }
        );
	$('#image_vedio').hover(
        function () {
            
             $('#mediaItems_content').css('backgroundPosition', '0px 0px');
			 $('#video > a').css('color', '#ffba00')
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '402px'}) ;
             },
			 function () {
             $('#video > a').css('color', '#FFF')
           }
        );
	
	
	
	$('#artworks').hover(
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -170px');
			 
             },
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -170px');
        }
        );
	$('#image_artwork').hover(
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -170px');
			 $('#artworks > a').css('color', '#ffba00');
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '268px'}) ;
             },
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px 0px');
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '402px'}) ;
			$('#artworks > a').css('color', '#FFF');
        }
        );
	
	
	
	$('#screenshots').hover(
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -337px');
			 
             },
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -337px');

        }
        );
	$('#image_screen').hover(
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -337px');
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '134px'}) ;
			  $('#screenshots > a').css('color', '#ffba00');
             },
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px 0px');
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '402px'}) ;
			 $('#screenshots > a').css('color', '#FFF');
        }
        );
	
	
	
	$('#wallpepers').hover(
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -515px');
             },
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -515px');
        }
        );
	$('#image_wall').hover(
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px -515px');
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '0px'}) ;
			 $('#wallpepers > a').css('color', '#ffba00');
             },
        function () {
             $('#mediaItems_content').css('backgroundPosition', '0px 0px');
			 $('#nav > li').parent().stop(true).animate({backgroundPosition: '402px'}) ;
			 $('#wallpepers > a').css('color', '#FFF');
        }
        );
    
});