$(document).ready(function() {
     value = '<div class="ajax_prod_dots_inact activeDots"><a href="#"></a></div><div class="ajax_prod_dots_inact"><a href="#"></a></div><div class="ajax_prod_dots_inact"><a href="#"></a></div>';
     
      
    //$('div#ajaxBox').load('ajax_prod_tab.php?tab=tab_1');
    
    /*
    $('div.ajax_prod_dots').html('');
    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
        $(pager).find('div').removeClass('activeDots') 
            .filter('div:eq('+currSlideIndex+')').addClass('activeDots'); 
    };
    
    $('#ajaxBox').cycle({
        fx: 'scrollLeft',
        timeout: 5000,
        speed: 800,
        pager: '.ajax_prod_dots',
        pagerAnchorBuilder: function(idx, slide) { 
            return '<div  class="ajax_prod_dots_inact"><a href="#"></a></div>'; 
        }
                 			
    });
    */
        
    $('div#ajax_prod_tab_1').click(function(){        
        $('div.ajax_prod_tab_inact').removeClass('ajax_prod_tab_act');
        $(this).addClass('ajax_prod_tab_act');
        $('div#ajaxBox').load('/ajax/ajax2.php?tab=1', function(){
            $('div#ajaxBox').cycle('stop');            
            $('div.ajax_prod_dots').html(value);
            //rotation();        
        });    
    });
    $('div#ajax_prod_tab_2').click(function(){
        $('div.ajax_prod_tab_inact').removeClass('ajax_prod_tab_act');
        $(this).addClass('ajax_prod_tab_act');
        $('div#ajaxBox').load('/ajax/ajax2.php?tab=2', function(){
            rotation();        
        });      
    });
    $('div#ajax_prod_tab_3').click(function(){
        $('div.ajax_prod_tab_inact').removeClass('ajax_prod_tab_act');
        $(this).addClass('ajax_prod_tab_act');
        $('div#ajaxBox').load('/ajax/ajax2.php?tab=3', function(){
            $('div#ajaxBox').cycle('stop');
            //rotation();        
        });      
    });
    $('div#ajax_prod_tab_4').click(function(){
        $('div.ajax_prod_tab_inact').removeClass('ajax_prod_tab_act');
        $(this).addClass('ajax_prod_tab_act');
        $('div#ajaxBox').load('/ajax/ajax2.php?tab=4', function(){
            $('div#ajaxBox').cycle('stop');
            //rotation();        
        });     
    });
           
});

function rotation(){
    
    $('div.ajax_prod_dots').html('');
    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
        $(pager).find('div').removeClass('activeDots') 
            .filter('div:eq('+currSlideIndex+')').addClass('activeDots'); 
    };
    
    $('#ajaxBox').cycle({
        fx: 'scrollLeft',
        timeout: 5000,
        speed: 800,
        pager: '.ajax_prod_dots',
        pagerAnchorBuilder: function(idx, slide) { 
            return '<div  class="ajax_prod_dots_inact"><a href="#"></a></div>'; 
        }
                 			
    });
}