/*$(document).ready(
  function(){
    $( '.switches li' ).mouseover(
      function(){
        $( ".slides div" ).hide();
        $( '.switches li' ).css( 'font-weight', 'normal' );
        $( '.switches li' ).css( 'background', '#d43800' );
        $( this ).css( 'font-weight', 'bold' );
   	$( this ).css( 'height', '82px' );
        $( this ).css( 'text-decoration', 'none' );
        $( this ).css( 'padding', '3px' );
        $( this ).css( 'background', 'url(wp-content/themes/sport/images/bg_redi.gif) scroll -100px -220px' );
        $( '.slide' + $( this ).attr( 'class' ).replace( 'switch', '' ) ).show();
      }
    );
  }
);*/



$(document).ready(
  function(){
    $( '.switches li' ).mouseover(
      function(){
        $( ".slides div" ).hide();
        $( ".slides1 div" ).hide();
        $( '.switches li' ).css( 'font-weight', 'normal' );
        //$( '.switches li' ).css( 'background', 'url(wp-content/themes/sport/images/bg_redi.gif) scroll -100px -220px' );
        $( '.switches li' ).css( 'background', '#d43800 url(wp-content/themes/sport/images/my_footer.jpg) scroll 0 100px' );
        $( '.switches li' ).css( 'width', '289px' );
        $( '.switches li' ).css( 'margin', '0 0 0px 0px' );
        $( '.switches li' ).css( 'color', '#fff' );
        $( '.switches li' ).css( 'padding', '3px 6px 6px 5px' );
        $( '.switches li' ).css( 'height', '85px' );
        $( '.switch1 img' ).css( 'border', '0' );
        $( '.switch2 img' ).css( 'border', '0' );
        $( '.switch3 img' ).css( 'border', '0' );
        
        $( '.switch1 img' ).css( 'width', '95px' );
        $( '.switch2 img' ).css( 'height', '85px' );
        
        $( this ).css( 'font-weight', 'bold' );
   	$( this ).css( 'height', '85px' );
   	$( this ).css( 'width', '289px' );
        $( this ).css( 'text-decoration', 'none' );
        $( this ).css( 'background', '#333' );
        //$( '.switch1 h1' ).css( 'color', '#fff' );
        //$( '.switch2 h1' ).css( 'color', '#fff' );
        //$( '.switch3 h1' ).css( 'color', '#fff' );
        $( this ).css( 'padding', '3px 6px 6px 5px' );
        $( '.slide' + $( this ).attr( 'class' ).replace( 'switch', '' ) ).show();
        $( '.slide1' + $( this ).attr( 'class' ).replace( 'switch', '' ) ).show();
      }
    );
  }
);

$(document).ready(
  function(){
    $( '.switch1' ).mouseout(
      function(){
        $( '.switch1 h1' ).css( 'color', '#EFBC21' );
        $( '.switch1 h1' ).css( 'font-weight', 'bold' );
        $( '.switch1 p' ).css( 'font-size', '12px' );
        $( '.switch1 p' ).css( 'font-weight', 'normal' );
        $( '.switch1 img' ).css( 'border-left', '1px solid #ccc' );
       $( this ).css( 'color', '#333333' );
       // $( '.switches li' ).css( 'width', '90px' );
        //$( '.switches li' ).css( 'margin', '0 0 0px 0px' );
        //$( '.switches li' ).css( 'color', '#fff' );
        //$( '.switches li' ).css( 'padding', '3px 3px 1px 3px' );
        //$( '.switches li' ).css( 'height', '82px' );
        $( '.switches li img' ).css( 'height', '85px' );
        $( '.switches li img' ).css( 'width', '95px' );
        $( this ).css( 'padding', '3px 6px 6px 5px' );
        $( this ).css( 'width', '289px' );
      }
    );
  }
);

$(document).ready(
  function(){
    $( '.switch2' ).mouseout(
      function(){
        $( '.switch2 h1' ).css( 'color', '#EFBC21' );
        $( '.switch2 h1' ).css( 'font-weight', 'bold' );
        $( '.switch2 p' ).css( 'font-size', '12px' );
        $( '.switch2 p' ).css( 'font-weight', 'normal' );
       $( this ).css( 'color', '#333333' );
       $( this ).css( 'padding', '3px 6px 6px 5px' );
        $( '.switches li img' ).css( 'height', '85px' );
        $( '.switches li img' ).css( 'width', '95px' );
         $( this ).css( 'width', '289px' );
         $( '.switch2 img' ).css( 'border-left', '1px solid #ccc' );
      }
    );
  }
);


$(document).ready(
  function(){
    $( '.switch3' ).mouseout(
      function(){
        $( '.switch3 h1' ).css( 'color', '#EFBC21' );
        $( '.switch3 h1' ).css( 'font-weight', 'bold' );
        $( '.switch3 p' ).css( 'font-size', '12px' );
        $( '.switch3 p' ).css( 'font-weight', 'normal' );
        $( this ).css( 'color', '#333333' );
        $( this ).css( 'padding', '3px 6px 6px 5px' );
        $( '.switches li img' ).css( 'height', '85px' );
        $( '.switches li img' ).css( 'width', '95px' );
         $( this ).css( 'width', '289px' );
         $( '.switch3 img' ).css( 'border-left', '1px solid #ccc' );
	
      }
    );
  }
);