$(document).ready(function(){

         var global = new Array();
         global['over']=false;
         global['click'] = false;
         //-----Script general config
         global['animationTime'] = 8000;
         global['generalBlockSlider'] = $('.top_content');  //class
         //---- SCRIPT CONFIG ---------
         global['clickLeft'] = $(".slide_click_left");    //Selector
         global['clickRight'] = $(".slide_click_right");  //Selector
         global['Slides'] = $(".bottom_slide1 a");        //Selector

         //Cu ce element va incepe
         global['curentSlide'] = 0;

         //Numarul total de sliduri
         global['number_of'] = global['Slides'].length;

         //Initierea functiei
         ciclu(global['curentSlide']);


        //-------------------------------------ANIMATION OUT------------------
        function animationOut() {

        var slide = global['Slides'].eq(global['curentSlide']);
        
        global['Slides'].removeClass('active_block');
        slide.addClass("active_block");
       
        // Get slide infromation from the atributes
        var src = slide.attr("srcq");
        var text = slide.find("h1").html();
        var desc = slide.find("h2").html();
        var active = slide.find("h3").html();
        var active_desc = slide.find("h4").html();
        var link_to_prod = slide.find("h5").html();
        
        
        $(".desc_slide1 h1").html(text);
        $(".desc_slide1 h2").html(desc);
        $(".desc_slide1 h3").html(active);
        $(".desc_slide1 h4").html(active_desc);
        $(".desc_slide1 a").eq(1).attr("href",link_to_prod);
        
        $(".slide1 img").fadeOut("fast",function(){
        $(".slide1 img").attr("src",src);
        $(".slide1 img").fadeIn("slow");
        
        
      
        });
        }
        $(".block_bottom_slide").click(function(){
        global['curentSlide'] = global['Slides'].index($(this));
        animationOut();

        });



        //-------------------------------------ANIMATION IN-------------------

        //Functia care genereaza ciclul
        function ciclu() {
        //Crearea pauzei dintre animatii
        setTimeout(function (){
        //Stingerea slidelui cu idul curent
        if (global['over']==false) {

        animationOut();

        var tmp = global['curentSlide'];tmp++;
        global['curentSlide'] = tmp;
        if (global['curentSlide'] == global['number_of'] ) {global['curentSlide'] = 0;}
        }
        ciclu(global['animationTime']);
        },global['animationTime']);
        }

        //--------------------------------------MOUSEOVER STOP-----------------
        global['generalBlockSlider'].mouseover(function(){
        global['over']=true;
        });

        //--------------------------------------MOUSEOUT PLAY-----------------
        global['generalBlockSlider'].mouseout(function(){
        global['over']=false;
        });


        //--------------------------------------PREV------------------------
        global['clickLeft'].click(function(){
        var curent =  global['curentSlide'];
        curent = eval(curent-1);
        global['curentSlide'] = curent;
        if (global['curentSlide'] < 0 ) {
        var x = eval(global['number_of']-1);
        global['curentSlide']=x;
        }

        animationOut(global['curentSlide']);

        });

        //--------------------------------------NEXT-----------------------
        global['clickRight'].click(function(){
        var curent =  global['curentSlide'];
        curent = eval(curent+1);
        global['curentSlide']  = curent;
        if ( global['curentSlide'] >= global['number_of'] ) {
        global['curentSlide'] = 0;
        }
        animationOut(global['curentSlide']);

        });

});