

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>

</title>
    <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript">

    $(document).ready(function () {

        //Execute the slideShow, set 4 seconds for each images
        slideShow(6000);

    });

    function slideShow(speed) {


        //append a LI item to the UL list for displaying caption
        $('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

        //Set the opacity of all images to 0
        $('ul.slideshow li').css({ opacity: 0.0 });

        //Get the first image and display it (set it to full opacity)
        $('ul.slideshow li:first').css({ opacity: 1.0 }).addClass('show');

        //Get the caption of the first image from REL attribute and display it
        $('#slideshow-caption h3').html($('ul.slideshow li.show').find('img').attr('title'));
        $('#slideshow-caption p').html($('ul.slideshow li.show').find('img').attr('alt'));

        //Display the caption
        $('#slideshow-caption').css({ opacity: 0.7, bottom: 0 });

        //Call the gallery function to run the slideshow	
        var timer = setInterval('gallery()', speed);

        //pause the slideshow on mouse over
        $('ul.slideshow').hover(
		function () {
		    clearInterval(timer);
		},
		function () {
		    timer = setInterval('gallery()', speed);
		}
	);

    }

    function gallery() {


        //if no IMGs have the show class, grab the first image
        var current = ($('ul.slideshow li.show') ? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

        //trying to avoid speed issue
        if (current.queue('fx').length == 0) {

            //Get next image, if it reached the end of the slideshow, rotate it back to the first image
            var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption') ? $('ul.slideshow li:first') : current.next()) : $('ul.slideshow li:first'));

            //Get next image caption
            var title = next.find('img').attr('title');
            var desc = next.find('img').attr('alt');

            //Set the fade in effect for the next image, show class has higher z-index
            next.css({ opacity: 0.0 }).addClass('show').animate({ opacity: 1.0 }, 1000);

            //Hide the caption first, and then set and display the caption
            $('#slideshow-caption').slideToggle(300, function () {
                $('#slideshow-caption h3').html(title);
                $('#slideshow-caption p').html(desc);
                $('#slideshow-caption').slideToggle(500);
            });

            //Hide the current image
            current.animate({ opacity: 0.0 }, 1000).removeClass('show');

        }

    }
</script>
<style type="text/css">

ul.slideshow {
	list-style:none;
	width:450px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	top:-7px;
	left:-8px;
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:300px;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
	font-family:Arial;
	font-size:11px;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

</style>
</head>
<body>


    <ul class="slideshow">
    <li class="show"><img src="EminentVisitors/ManiLalBhaumik.jpg" width="300" height="200" alt="Padma Shri Dr. Mani L. Bhaumik, leading India- born American physicist and inventor of lasik eye surgery."></li>
    <li><img src="EminentVisitors/MrSanatChatterjee1.jpg" width="300" height="200" alt="Mr. Sanat Chatterjee, Executive Vice-president-Merck Manufacturing Division, Merck&Co Inc. visited HITK and interacted with the students of Department of Chemical Engineering"></li>
    <li><img src="EminentVisitors/MrHassanBasajabalaba.jpg" width="300" height="200" alt="Mr. Hassan Basajabalaba- Member, University Council, Kampala International University, Uganda, visited Heritage Institute of Technology Kolkata ON August 17, 2016"></li>
    <li><img src="EminentVisitors/Padmashree_Prof_Dr_GDYadav.jpg" width="300" height="200" alt="Padmashree Prof. (Dr.) G.D.Yadav, VC, Institute of Chemical Technology Mumbai addressed the students and faculty members in the plenary session of the National Workshop on Green technology"></li>
    <li><img src="EminentVisitors/Hon_Governor_Shri_KeshariNathTripathi.jpg" width="300" height="200" alt="Honourable Governor of West Bengal Shri Kesari Nath Tripathi inaugurated Conclave on - Educational and Cultural Cooperation among SAARC Countries"></li>
    
    <li><img src="EminentVisitors/ShriVivekKumar_0.jpg" width="300" height="200" alt="Principal Secretary of Education Shri Vivek Kumar addressing at the Conclave on February 24, 2015"></li>
    <li><img src="EminentVisitors/APJ.jpg" width="300" height="200" alt="Late Bharat Ratna APJ Abdul Kalam"></li>
	
	<li><img src="EminentVisitors/Swami_Atmapriyanandaji_1.JPG" width="300" height="200" alt="Swami Atmapriyanandaji, Vice Chancellor, Ramkrishna Mission Vivekananda University, Belur"></li>
    <li><img src="EminentVisitors/Swami_Ishatmananda.jpg" width="300" height="200" alt="Swami Ishatmananda, MIC Vivekananda Vedanta Society of Chicago, USA"></li>
    <li><img src="EminentVisitors/Sitaram_Sharma.jpg" width="300" height="200" alt="Hony. Consul, Sitaram Sharma, Consulate of the Republic of Belarus"></li>
    <li><img src="EminentVisitors/B_B_Bhattacharya.jpg" width="300" height="200" alt="Dr. B.B.Bhattacharya, Emeritus Professor, National Centre for Basic Sciences & Formaer Director, ISM, Dhanbad"></li>
    <li><img src="EminentVisitors/Malenydu_Saha.jpg" width="300" height="200" alt="Prof. Malenydu Saha, Vice Chairman, West Bengal State Council of Higher Education"></li>
    
    
    </ul>


</body>
</html>
