var j = jQuery.noConflict(); 
 
 j(document).ready(function() {
     
  var timer = setInterval(showDiv, 3000);
  var counter = 2;

  function showDiv() {
    if (counter ==0) { counter++; return; }
    
    j('div', '#banner_content_holder')
      .stop()
      .hide()
      .filter( function() { return this.id.match('BC' + counter) })   
      .show();
      
    j('li > a', '#banner_navigation')
      .css('background-color', '#2f2f2f')
      .css("border-right", "2px solid white");
      
    j('li > a', '#banner_navigation')
      .stop()      
      .filter( function() { return this.id.match('BN' + counter) })
      .css("background-color", "#C40028")
      .css("border-right", "2px solid #C40028"); 

    counter == 9? counter = 1 : counter++; 
  }


        j('#BC1').show();
        j('#BC2').hide();
        j('#BC3').hide();
        j('#BC4').hide();
        j('#BC5').hide();
        j('#BC6').hide(); 
        j('#BC7').hide();
        j('#BC8').hide(); 
        j('#BC9').hide();
        j('#BN1').css("background-color", "#C40028");
        j('#BN1').css("border-right", "2px solid #C40028");
        j('#BN2').css("background-color", "#2f2f2f");
        j('#BN2').css("border-right", "2px solid white");
        j('#BN3').css("background-color", "#2f2f2f");
        j('#BN3').css("border-right", "2px solid white");
        j('#BN4').css("background-color", "#2f2f2f");
        j('#BN4').css("border-right", "2px solid white");
        j('#BN5').css("background-color", "#2f2f2f");
        j('#BN5').css("border-right", "2px solid white");
        j('#BN6').css("background-color", "#2f2f2f");
        j('#BN6').css("border-right", "2px solid white");
        j('#BN7').css("background-color", "#2f2f2f");
        j('#BN7').css("border-right", "2px solid white");
        j('#BN8').css("background-color", "#2f2f2f");
        j('#BN8').css("border-right", "2px solid white");
        j('#BN9').css("background-color", "#2f2f2f");
        j('#BN9').css("border-right", "2px solid white");
      
        
        
            j("#BN1").hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#C40028")
            j('#BN1').css("border-right", "2px solid #C40028")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white") 
            j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC1') })   
            .show()
        });
        
        j("#BN1").mouseout(showDiv);
        j("#BN1").mouseout(function(){
        timer = setInterval (showDiv, 3000)})
        counter == 0;
            
        j('#BN2').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f");
            j('#BN1').css("border-right", "2px solid white");
            j('#BN2').css("background-color", "#C40028")
            j('#BN2').css("border-right", "2px solid #C40028")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")    
            j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC2') })   
            .show()
             });
             j("#BN2").mouseout(showDiv);
             j("#BN2").mouseout(function(){

            timer = setInterval (showDiv, 3000)
     });  
        
        j('#BN3').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#C40028")
            j('#BN3').css("border-right", "2px solid #C40028")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")
        j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC3') })   
            .show()
             });
             j("#BN3").mouseout(showDiv);
             j("#BN3").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 
        
        j('#BN4').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#C40028")
            j('#BN4').css("border-right", "2px solid #C40028")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")
        j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC4') })   
            .show()
             });
             j("#BN4").mouseout(showDiv);
             j("#BN4").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 
        
        j('#BN5').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#C40028")
            j('#BN5').css("border-right", "2px solid #C40028")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")
            j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC5') })   
            .show()
             });
             j("#BN5").mouseout(showDiv);
             j("#BN5").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 
        
        j('#BN6').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#C40028")
            j('#BN6').css("border-right", "2px solid #C40028")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")
            j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC6') })   
            .show()
             });
             j("#BN6").mouseout(showDiv);
             j("#BN6").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 
        
        j('#BN7').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#C40028")
            j('#BN7').css("border-right", "2px solid #C40028")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")
             j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC7') })   
            .show()
             });
             j("#BN7").mouseout(showDiv);
             j("#BN7").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 
        
        j('#BN8').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#C40028")
            j('#BN8').css("border-right", "2px solid #C40028")
            j('#BN9').css("background-color", "#2f2f2f")
            j('#BN9').css("border-right", "2px solid white")
            j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC8') })   
            .show()
             });
             j("#BN8").mouseout(showDiv);
             j("#BN8").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 
        
        j('#BN9').hover(function(){
            clearInterval(timer);
            j('#BN1').css("background-color", "#2f2f2f")
            j('#BN1').css("border-right", "2px solid white")
            j('#BN2').css("background-color", "#2f2f2f")
            j('#BN2').css("border-right", "2px solid white")
            j('#BN3').css("background-color", "#2f2f2f")
            j('#BN3').css("border-right", "2px solid white")
            j('#BN4').css("background-color", "#2f2f2f")
            j('#BN4').css("border-right", "2px solid white")
            j('#BN5').css("background-color", "#2f2f2f")
            j('#BN5').css("border-right", "2px solid white")
            j('#BN6').css("background-color", "#2f2f2f")
            j('#BN6').css("border-right", "2px solid white")
            j('#BN7').css("background-color", "#2f2f2f")
            j('#BN7').css("border-right", "2px solid white")
            j('#BN8').css("background-color", "#2f2f2f")
            j('#BN8').css("border-right", "2px solid white")
            j('#BN9').css("background-color", "#C40028")
            j('#BN9').css("border-right", "2px solid #C40028")
            j('div', '#banner_content_holder')
            .stop()
            .hide()
            .filter( function() { return this.id.match('BC9') })   
            .show()
             });
             j("#BN9").mouseout(showDiv);
             j("#BN9").mouseout(function(){
            timer = setInterval (showDiv, 3000)
     }); 

 });