<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Clients-Logo</title>

<link href="box_style.css" rel="stylesheet" type="text/css" />



<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('ul.spy').simpleSpy();
});

(function ($) {
    
$.fn.simpleSpy = function (limit, interval) {
    limit = limit || 4;
    interval = interval || 4000;
    
    return this.each(function () {
        // 1. setup
            // capture a cache of all the list items
            // chomp the list down to limit li elements
        var $list = $(this),
            items = [], // uninitialised
            currentItem = limit,
            total = 0, // initialise later on
            height = $list.find('> li:first').height();
            
        // capture the cache
        $list.find('> li').each(function () {
            items.push('<li>' + $(this).html() + '</li>');
        });
        
        total = items.length;
        
        $list.wrap('<div class="spyWrapper" />').parent().css({ height : height * limit });
        
        $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

        // 2. effect        
        function spy() {
            // insert a new item with opacity and height of zero
            var $insert = $(items[currentItem]).css({
                height : 0,
                opacity : 0,
                display : 'none'
            }).prependTo($list);
                        
            // fade the LAST item out
            $list.find('> li:last').animate({ opacity : 0}, 1000, function () {
                // increase the height of the NEW first item
                $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
                
                // AND at the same time - decrease the height of the LAST item
                // $(this).animate({ height : 0 }, 1000, function () {
                    // finally fade the first item in (and we can remove the last)
                    $(this).remove();
                // });
            });
            
            currentItem++;
            if (currentItem >= total) {
                currentItem = 0;
            }
            
            setTimeout(spy, interval)
        }
        
        spy();
    });
};
    
})(jQuery);



</script>
</head>
<body>

    <div id="sidebar">
        <ul class="spy">
                <li>
                        <a href="#" ><img src="images/bhc.jpg" width="70" height="70" title="" /></a>
                        <h5><a href="http://bombayhighcourt.nic.in/generatenewauth.php?auth=cGF0aD0uL2RhdGEvanVkZ2VtZW50cy8yMDEzLyZmbmFtZT1DUElMNzYxNzA5LnBkZiZzbWZsYWc9Tg==" target="_blank">PIL.93.2009 - Hon. High Court Order 2013</a></h5> 
                        
    			</li>

                <li>

                        <a href="#" ><img width="70" height="70" src="images/toi.jpg" title="" /></a>
                        <h5><a href="http://articles.timesofindia.indiatimes.com/2013-10-26/pune/43414385_1_surveyors-census-pune-municipal-corporation" target="_blank">Smartphones to enumerate trees 
               			The Times Of India, 26th Oct 2013</a></h5> 
                        
                        
                </li>

                <li>

                        <a href="#" ><img width="70" height="70" src="images/dna.jpg" title="" /></a>
                        <h5><a href="http://www.dnaindia.com/pune/report-this-app-makes-tree-census-a-minute-s-job-1908850" target="_blank" >This app makes tree census a minute's job! 
                		DNA, 26th Oct 2013</a></h5> 
                        

                        
                </li>

                 <li>
                        <a href="#" ><img src="images/bhc.jpg" width="70" height="70" title="" /></a>
                        <h5><a href="http://bombayhighcourt.nic.in/generatenewauth.php?auth=cGF0aD0uL2RhdGEvanVkZ2VtZW50cy8yMDEzLyZmbmFtZT1DUElMNzYxNzA5LnBkZiZzbWZsYWc9Tg==" target="_blank">PIL.93.2009 - Hon. High Court Order 2013</a></h5> 
                        
    			</li>

                <li>

                        <a href="#" ><img width="70" height="70" src="images/toi.jpg" title="" /></a>
                        <h5><a href="http://articles.timesofindia.indiatimes.com/2013-10-26/pune/43414385_1_surveyors-census-pune-municipal-corporation" target="_blank">Smartphones to enumerate trees 
               			The Times Of India, 26th Oct 2013</a></h5> 
                        
                        
                </li>
                 <li>

                        <a href="#" ><img width="70" height="70" src="images/dna.jpg" title="" /></a>
                        <h5><a href="http://www.dnaindia.com/pune/report-this-app-makes-tree-census-a-minute-s-job-1908850" target="_blank" >This app makes tree census a minute's job! 
                		DNA, 26th Oct 2013</a></h5> 
                        

                        
                </li>

           		
                
                

            

            
        </ul>
    </div>    
</body>
</html>