<?php include("app/design/html/head.php"); ?>
<script>
	$(document).ready( function() {
		$('.tab_content').hide()
		$('.tab_content:first').addClass('active')
		$('.active').show()
		$('.tab_navigation').find('li:first').addClass('active')
			$('.tabinge').click( function() {
						var id = $(this).attr('id')
						$('.tab_navigation').find('li').removeClass('active')
						$(this).addClass('active')
						$('.tab_content').hide()
						$('.part'+id).fadeIn()
			})
			
			
		$('.slider').click(function(e) {
		e.preventDefault();
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		$('#slider_presentation').css({'width':maskWidth,'height':maskHeight});
		$('#slider_presentation').fadeIn(500);	
		$('#slider_presentation').fadeTo("slow");	
		$('#slider_presentation').css("background", "#000");	
		var winH = $(window).height();
		var winW = $(window).width();
              
		$(".slider_wrapper").css('top',  winH/2-$(".slider_wrapper").height()/2);
		$(".slider_wrapper").css('left', winW/2-$(".slider_wrapper").width()/2);
		$(".slider_wrapper").fadeIn(500); 	

		});
		
		$(".close").click( function() {
			$("#slider_presentation").fadeOut(500);			
			$(".slider_wrapper").fadeOut(500);					
		});
		
		$("#slider_presentation").click( function() {
			$("#slider_presentation").fadeOut(500);			
			$(".slider_wrapper").fadeOut(500);					
		});
	
			
	})
</script>
<div class="col-main">
	<div class="cms">
	<div class="title">
	<h1>The Library</h1>
<div class="slider_wrapper">
<div class="slider_display">
<?php include("slider_addons.php"); ?>
</div>
</div>
<div id="slider_presentation"></div>

		<div class="description">
				<div class="part1 tab_content">
				<p>The library was established in 1977 when Visayas Technician Institute now known as the
Technological University of the Philippines Visayas opened its door to technician students. There were
196 students enrolled at the first opening of classes and free school supplies were given to the students.
Ma. Loreto Rago was the first chief librarian who managed the library with the assistanc eof Venus
Altamera and Benito Ermina Jr. There were only 96 books circulating donated by the faculty and Asia
Foundation. The library made its first purchase of 99 books on June 14, 1977. The books were classified
according to subjects by using the Dewey Decimal Classification or DDC. The library charged 25 centavos
per day for overdue books for general circulation and ten centavos per hour for reserve books. There
was only one room and that was the office of the librarian. The long counter at the main entrance of the
library was used for the checker and charging of books and other library materials to the borrowers.</p>
				</div>
				<div class="part2 tab_content">
				<p>On January 16, 1978, Carmelita Cronologia joined the library and took over the place of Mrs.
Rago as chief librarian when the latter resigned in February 1980. Mrs. Cronologia made some changes
in the library system by using the Library of Congress or LC in classifying books. She made the library
handbook and conducted the library orientation for first year students at the opening of the classes
in June. Gradually, the library collection increased. Through her efforts, the library was given one unit
of computer, computer table, and chair. On June 16, 1980 Rosario Besana was employed as College
Librarian II. She took chargde of book cataloging, vertical file, indexing of periodicals, and bulletin
board display. When the contract of Venus Altamera ended on April 30, 1981, Ma. Teresa Jardinico was
transferred to the library from the Mechanical Technology as Junior Librarian. She was in charge of filing,
typing, book repair, and indexing of cards for the card catalog. In November 1989, Leda Dionson was
transferred from the Research Division, maintaning her position title as Information Editor. Later, it was
changed to Information Officer I and again change to Administrative Officer II in 2006. Mrs. Dionson
improved the library handbook publication, bulletin board displays, and vertical file when they were
assigned to her.

Mrs. Cronologia retired on February 2, 2000 and Mrs. Besana assumed her responsibilities as
the chief librarian or College Librarian III. In March 2000, three brand new computers plus computer
tables and chairs were given to the library for the internet use of the students. Since there was no room
assigned for the internet users, a small temporary space at the library corner was provided. On October
16, 2002, Estela Delamente joined the library forms. On January 2, 2003 Janette Panoncillo, now Mrs.
Dichosa was hired as College Librarian II. In June 2003, Benito Ermina Jr. Left the library to take charge of
the Audio Visual Room.</p>
				</div>
				<div class="part3 tab_content">
					<p>On July 15, 2005, Mrs. Besena availed of the early retirement. Mrs. Dichosa was promoted to
College Librarian III and Mrs. Jardinico to College Librarian II effective October 17, 2006. On December
20, 2006, Raymund Cayao was hired as College Librarian I. To date, there are five library staff. Through
the years, with increasing student population due to the opening of new courses, the library collection
also increased. Student assistant had to be hired to augment the work force.

There was a need for the library to extend its area to give more room for the book shelves
and to cater to the growing demands of its customers. To decongest the over crowded area on the
south wing of the library, the General circulation was moved to the General Reading Area after the
adjacent room was vacated by the AVR (Audio Visual Room). The Reserve Area was transferred to the
side of the Reference Area, thus giving enough space for those who want somequiet reading. The long
counter which occupied a lot of space was knocked down to give way for the Internet Room, Office of
the Librarian, and Technical Working Area. Three additional brand new computers and computer table
s and chairs were provided for the internet room. Two air-conditioned units were installed: one for
the internet room and the other units is being shared by the office of the chief librarian and working
area for the librarians. Six brand new ceiling fans were installed for general Circulation and General
Reading areas. The new set-up took place in May 2006 which gave the library a facelift and comfortable
environment conductive for reading, studying, and research work for everyone. A total of 7, 090 books
have been acquired as of January 19, 2007.</p>
				</div>
		</div>
			<div class="tab_navigation"><ul>
		<li  class="tabinge" id="1">1</li>
		<li  class="tabinge" id="2">2</li>
		<li  class="tabinge" id="3">3</li>
		<li  class="slider">View More Images</li>
	</ul>
	</div>
	</div>
	<div class="gallery">
	<ul>
	<li>
	<a href='media/home_slider/DSC03009.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03009.JPG'">
            <img width="250" src="media/home_slider/DSC03009.JPG" alt='' />
    </a>
	</li>
	<li>
	<a href='media/home_slider/DSC03008.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03008.JPG'">
            <img width="250" src="media/home_slider/DSC03008.JPG" alt='' />
    </a>
	</li>
	<li>
	<a href='media/home_slider/DSC03011.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03011.JPG'">
            <img width="250" src="media/home_slider/DSC03011.JPG" alt=''  />
    </a>
	</li>
	<!--second-->
	<li>
	<a href='media/home_slider/DSC03012.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03012.JPG'">
            <img width="250" src="media/home_slider/DSC03012.JPG" alt='' />
    </a>
	</li>
	<li>
	<a href='media/home_slider/DSC03013.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03013.JPG'">
            <img width="250" src="media/home_slider/DSC03013.JPG" alt=''  />
    </a>
	</li>
	<li>
	<a href='media/home_slider/DSC03014.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03014.JPG'">
            <img width="250" src="media/home_slider/DSC03014.JPG" alt=''  />
    </a>
	</li>
	
	<!--3rd-->
	
	<li>
	<a href='media/home_slider/DSC03054.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03054.JPG'">
            <img width="250" src="media/home_slider/DSC03054.JPG" alt=''  />
    </a>
	</li>
	<li>
	<a href='media/home_slider/DSC03057.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03057.JPG'">
            <img width="250" src="media/home_slider/DSC03057.JPG" alt=''  />
    </a>
	</li>
	<li>
	<a href='media/home_slider/DSC03056.JPG' class = 'cloud-zoom' id='zoom1'
            rel="position: 'inside', useZoom: 'zoom1', smallImage: 'media/home_slider/DSC03056.JPG'">
            <img width="250" src="media/home_slider/DSC03056.JPG" alt='' />
    </a>
	</li>
	</div>
	</div>
</div>



<?php include("app/design/html/footer.php"); ?>