$(document).ready(function(){
        var container = $('#main-site-box-image').cycle({
            fx:     'fade',
            before: onBefore,
            speed: 1000,
            timeout: 4000
        });
        
        var number = null;
        
        
        function onBefore() { 
            number = $(this).attr( 'class' );
            number = number.charAt(number.length-1);
            $('.videotoltipMain a[class="' + number + '"] span').addClass('active');
            if (number != 0)
            {
                $('.videotoltipMain a[class="' + (number-1) + '"] span').removeClass('active');
            }
            else
                $('.videotoltipMain a[class="' + 7 + '"] span').removeClass('active');
            
          
        }

        $('#main-site-box-image .mainAddLink img, #main-site-box-image .desc').mouseenter(function(event){
            container.cycle('pause');
     
        });
        $('#main-site-box-image .mainAddLink img, #main-site-box-image .desc').mouseleave(function(event){
            container.cycle('resume');
           
        });
        
        //thumb images section
        
        var nb_vid = null;
         var cssObj = {
                'display' : 'block' , 
                'opacity' : '1' ,
                'z-index' : '10'
                }
        
            function currentVideo(event) { 
                $('.videotoltipMain a span').removeClass('active');
                container.cycle('pause');
                
                nb_vid = $(this).attr('class'); 
                $('.videotoltipMain a span#v'+ nb_vid).addClass('active');
                 $('.videotoltipMain a').removeAttr("title");
                 $('.videoSlide a, .videoSlide a img').removeAttr("title");
                $('#slide' + nb_vid).css(cssObj);
                $('#main-site-box-image .desc').css('display' , 'block');
            
            }   
                    
            $(function(){
                $('.videotoltipMain a').mouseenter(currentVideo);
            });
            
            function resumeVideo(event) { 
                $('.videotoltipMain a span').removeClass('active');
                $('#slide' + nb_vid).css('display' , 'none');
                $('#main-site-box-image .desc').css('display' , 'none');
                
                container.cycle('next');
                container.cycle('resume');                   
            }  
            
            $(function(){
                $('.videotoltipMain a').mouseleave(resumeVideo);
            });
              
    });