$(document).ready(function(){
    $(".left_image").cycle({
    delay:  2000,
    speed: 1000
});
    //For image
    $(".image_1 img").css("opacity",0);
    // For div
    $(".image_1")
        .hover(
        //over
        function(){
            $(".image_1 img")
            .stop()
            .animate({opacity: 1},700)
        },
        //out
        function(){
            $(".image_1 img")
            .stop()
            .animate({opacity: 0},700)
        }
    );

    //For image
    $(".image_2 img").css("opacity",0);
    // For div
    $(".image_2")
        .hover(
        //over
        function(){
            $(".image_2 img")
            .stop()
            .animate({opacity: 1},700)
        },
        //out
        function(){
            $(".image_2 img")
            .stop()
            .animate({opacity: 0},700)
        }
    );

         //For image
    $(".image_3 img").css("opacity",0);
    // For div
    $(".image_3")
        .hover(
        //over
        function(){
            $(".image_3 img")
            .stop()
            .animate({opacity: 1},700)
        },
        //out
        function(){
            $(".image_3 img")
            .stop()
            .animate({opacity: 0},700)
        }
    );

                 //For image
    $(".image_4 img").css("opacity",0);
    // For div
    $(".image_4")
        .hover(
        //over
        function(){
            $(".image_4 img")
            .stop()
            .animate({opacity: 1},700)
        },
        //out
        function(){
            $(".image_4 img")
            .stop()
            .animate({opacity: 0},700)
        }
    );
});