// execute your scripts when DOM is ready. this is a good habit 
jQuery(function($){
    $("#scrollable").scrollable({
        items: '.items',
        horizontal: true,
        size: 4,
        prev: '#prev',
        next: '#next'
    });
    $("#gallery").scrollable({
        items: '.items',
        horizontal: true,
        size: 4,
        prev: '#prev',
        next: '#next'
    });
		
    $("#highslide").scrollable({
        horizontal: true,
        size: 2,
				navi : '.naviHighslide',
				naviItem : 'a' 
     }); 
		 $(".naviHighslide").click(function(e){
			 e.preventDefault();
		 });
    
		$("#latestlectures").scrollable({
        horizontal: true,
        size: 2,
				navi : '.naviHighslide',
				naviItem : 'a' 
    });
		$(".naviLatestlectures").click(function(e){
			 e.preventDefault();
		 });
    
		$("#mostviewed").scrollable({
        horizontal: true,
        size: 2,
				navi : '.naviHighslide',
				naviItem : 'a' 
    });		
    $(".naviMostViewedlectures").click(function(e){
			 e.preventDefault();
		 });
		$('#moreslide').click(function(event){
        if ($("#hidethis").is(":hidden")) {
            $("#hidethis").slideDown("slow");
            //document.getElementById('moreslide').innerHTML = "back";
            $(this).text('return');
        }
        else {
            $('#hidethis').slideUp("slow");
            //document.getElementById('moreslide').innerHTML = "more";
            $(this).text('more');
        }
    });
});