Home - The Great Hall at Messina College (2024)

= 1100){ imgNum = 5; $('#' + galleryID +' .gallery.single .itemImg').css("width","20%"); $('#' + galleryID +' div.dots').css('visibility','visible'); } else if (windowWidth > 850 && windowWidth < 1099){ imgNum = 4; $('#' + galleryID +' .gallery.single .itemImg').css("width","25%"); $('#' + galleryID +' div.dots').css('visibility','visible'); } else if (windowWidth > 650 && windowWidth < 850){ imgNum = 3; $('#' + galleryID +' .gallery.single .itemImg').css("width","33%"); $('#' + galleryID +' div.dots').css('visibility','visible'); } else if (windowWidth > 467 && windowWidth < 650){ imgNum = 2; $('#' + galleryID +' .gallery.single .itemImg').css("width","50%"); $('#' + galleryID +' div.dots').css('visibility','visible'); } else if (windowWidth <= 467){ imgNum = 1; $('#' + galleryID +' .gallery.single .itemImg').css("width","100%"); $('#' + galleryID +' div.dots').css('visibility','hidden'); } }//How many to image items to move var moveWidth = $('#' + galleryID +' .gallery.single .itemImg.active').width() * imgNum; // Dot animation function match_dot(){ for (var i = 0; i < pageNum; i++){ $('#' + galleryID +' .dot').eq(i).addClass('on'); $('#' + galleryID +' .dot').eq(i-1).removeClass('on'); } }//Dot onclick$('#' + galleryID +' .gallery.single .dots .dot').click(function(){ $('#' + galleryID +' .gallery.single .dots .dot.on').removeClass('on');$(this).addClass('on'); var pageGroup = $(this).index(); var imageIndex = pageGroup*imgNum; $('#' + galleryID +' .gallery.single .itemImg.active').removeClass('active'); $('#' + galleryID +' .gallery.single .itemImg').eq(imageIndex).nextAll(':lt('+imgNum+')').andSelf().addClass('active');//Show or hide thumbnail controls toggleThumbLeft(pageGroup); toggleThumbRight(pageGroup, size_itemImg, imgNum); }); // Previous and right button $('#' + galleryID +' .gallery.single .next').click(function(){ //clearInterval(interval); goRight(); }); $('#' + galleryID +' .gallery.single .pre').click(function(){ //clearInterval(interval); goLeft(); }); function goRight(){$('#' + galleryID +' .gallery.single .pre').show(); //Dot toggle $('#' + galleryID +' .gallery.single .dot.on').next().addClass('on'); $('#' + galleryID +' .gallery.single .dot.on').eq(0).removeClass('on'); $('#' + galleryID +' .gallery.single .itemImg.active').last().nextAll(':lt('+imgNum+')').addClass('active'); $('#' + galleryID +' .gallery.single .itemImg.active').first().nextAll(':lt('+(imgNum-1)+')').andSelf().removeClass('active'); if ($('#' + galleryID +' .gallery.single .itemImg:last-child').hasClass('active')){ $('#' + galleryID +' .gallery.single .next').hide(); } } function goLeft(){$('#' + galleryID +' .gallery.single .next').show(); $('#' + galleryID +' .gallery.single .dot.on').prev().addClass('on'); $('#' + galleryID +' .gallery.single .dot.on').eq(1).removeClass('on'); if (imgNum==1){$('#' + galleryID +' .gallery.single .itemImg.active').prev().addClass('active'); $('#' + galleryID +' .gallery.single .itemImg.active').last().removeClass('active'); //$(".gallery.single .itemImg.active").first().prevAll(':lt('+(imgNum-1)+')').addClass('active'); //$(".gallery.single .itemImg.active").first().nextAll(':gt('+(imgNum)+')').andSelf().removeClass('active'); }else { $('#' + galleryID +' .gallery.single .itemImg.active').first().prevAll(':lt('+(imgNum)+')').addClass('active'); $('#' + galleryID +' .gallery.single .itemImg.active').first().nextAll(':gt('+(imgNum-2)+')').removeClass('active'); } if ($('#' + galleryID +' .gallery.single .itemImg:first-child').hasClass('active')){ $('#' + galleryID +' .gallery.single .pre').hide(); } } // image hover display caption $('#' + galleryID +' .gallery .itemImg').hover( function() { $('#' + galleryID +' .gallery .imgCaption').css('width', $(this).width()); $(this).find('.imgCaption').fadeIn(500); }, function() { $(this).find('.imgCaption').fadeOut(500); } ); // Gallery overlay control functions function toggleZoomLeft(a){ if (a == 0){ $('#' + galleryID +' .gallery-overlay .frames button.pre').hide(); } else{ $('#' + galleryID +' .gallery-overlay .frames button.pre').show(); } }; function toggleZoomRight(a){ if (a != parseInt(size_itemImg-1)) { $('#' + galleryID +' .gallery-overlay .frames button.next').show(); }else{ $('#' + galleryID +' .gallery-overlay .frames button.next').hide(); } }; function toggleThumbLeft(b){ if (b == 0){ $('#' + galleryID +' .gallery-overlay .thumbnails .pre').hide(); $('#' + galleryID +' .gallery-overlay .gallery-wrapper .pre').hide(); } else { $('#' + galleryID +' .gallery-overlay .thumbnails .pre').show(); $('#' + galleryID +' .gallery-overlay .gallery-wrapper .pre').show(); } } function toggleThumbRight(a, b, c){ if (a == Math.ceil(b/c) -1){ $('#' + galleryID +' .gallery-overlay .thumbnails .next').hide(); $('#' + galleryID +' .gallery-overlay .gallery-wrapper .next').hide(); } else { $('#' + galleryID +' .gallery-overlay .thumbnails .next').show(); $('#' + galleryID +' .gallery-overlay .gallery-wrapper .next').show(); } } function toggleImgCaption(){ $('#' + galleryID +' .gallery-overlay .frames .itemImg.active .imgCaption').removeClass('icon-arrow-up'); $('#' + galleryID +' .gallery-overlay .frames .itemImg.active .imgCaption').addClass('icon-arrow-down');$('#' + galleryID +' .gallery-overlay .frames .itemImg.active .imgCaption >div').show(); } //function update the page number function updateNum(pagenum){ $('#' + galleryID +' .page').remove(); $('#' + galleryID +' .frames').prepend("" + pagenum +" of " +size_itemImg + ""); }; // Zoom in image (large image) on click $('#' + galleryID +' .gallery .itemImg').click(function(){$('#' + galleryID +' .gallery-overlay').show(); $('#' + galleryID +' .gallery-overlay .zoomIn').css('height',$(window).height()); $('#' + galleryID +' .gallery').hide(); //variables imgIndex = $(this).index(); pageGroup = Math.floor(imgIndex/imgNum); $('#' + galleryID +' .gallery-overlay .frames .itemImg').eq(imgIndex).addClass('active'); //imageCaption icon-arrow-down $('#' + galleryID +' .gallery-overlay .frames .itemImg .imgCaption').addClass('icon-arrow-down'); toggleImgCaption(); //show or hide ZoomIn controls toggleZoomLeft(imgIndex); toggleZoomRight(imgIndex); //No thumbnails if frame less than 3 item if (imgNum <3){ $('#' + galleryID +' .gallery-overlay .thumbnails').hide(); }else{ $('#' + galleryID +' .gallery-overlay .thumbnails').show(); //Show or hide thumbnail controls toggleThumbLeft(pageGroup); toggleThumbRight(pageGroup, size_itemImg, imgNum); // display thumbnails accordingly the page the item is on $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').slice(parseInt(imgNum*pageGroup),parseInt(imgNum*(pageGroup+1))).addClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active.anchor').removeClass('anchor'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').eq(imgIndex).addClass('anchor'); } //Update page number updateNum(imgIndex+1); }); /*** Icons click events ***/ //Icon-close on click $('#' + galleryID +' .closed').click(function(){ $('#' + galleryID +' .gallery-overlay').hide(); $('#' + galleryID +' .gallery').show(); $('#' + galleryID +' .gallery-overlay .itemImg.active').removeClass('active'); }); //Icon-arrow-down and up$('#' + galleryID +' .gallery-overlay .frames .imgCaption').click(function(){ $(this).toggleClass('icon-arrow-down icon-arrow-up');$(this).find('div').toggle(); }); //Zoom-in frames (large image) button next $('#' + galleryID +' .gallery-overlay .frames button.next').click(function(){ imgIndex = $('#' + galleryID +' .gallery-overlay .frames .itemImg.active').index()+2; pageGroup = Math.ceil(imgIndex/imgNum); var thumbIndex = $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').last().index(); var thumbGroup = Math.ceil(thumbIndex/imgNum); //show or hide ZoomIn controls toggleZoomLeft(imgIndex-1); toggleZoomRight(imgIndex-1); //Show or hide thumbnail controls toggleThumbLeft(pageGroup-1); toggleThumbRight(pageGroup-1, size_itemImg, imgNum); //if there are more items if (parseInt(imgIndex) < parseInt(size_itemImg + 1)){ $('#' + galleryID +' .gallery-overlay .frames .itemImg.active').next().addClass('active'); $('#' + galleryID +' .gallery-overlay .frames .itemImg.active').eq(0).removeClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active.anchor').removeClass('anchor'); //forward pages when reach the end of imgNum and they are on the same page if (parseInt(imgIndex) == parseInt((pageGroup-1)*imgNum+1) && thumbIndex == imgIndex){ $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').last().nextAll(":lt("+imgNum+")").addClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').first().nextAll(':lt('+(imgNum-1)+')').andSelf().removeClass('active'); toggleThumbLeft(pageGroup-1); toggleThumbRight(pageGroup-1, size_itemImg, imgNum); } // if thumbnails and zoomIn images are not in the same page if (pageGroup != thumbGroup){// thumbnail should be back to the previous group $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').removeClass('active');$('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').slice(parseInt(imgNum*(pageGroup-1)),parseInt(imgNum*(pageGroup))).addClass('active'); toggleThumbLeft(pageGroup-1); toggleThumbRight(pageGroup-1, size_itemImg, imgNum); } $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').eq(parseInt(imgIndex-1)).addClass('anchor'); } // toggle imgCaption toggleImgCaption(); // update the page number updateNum(imgIndex); }); //Zoom-in frames (large image) button left $('#' + galleryID +' .gallery-overlay .frames button.pre').click(function(){ imgIndex = $('#' + galleryID +' .gallery-overlay .frames .itemImg.active').index(); pageGroup = Math.ceil(imgIndex/imgNum); var thumbIndex = $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').first().index()+1; var thumbGroup = Math.ceil(thumbIndex/imgNum); //Show or hide thumbnail controls toggleThumbLeft(pageGroup-1); toggleThumbRight(pageGroup-1, size_itemImg, imgNum); //if more images on the left if(imgIndex > 0){ //show or hide ZoomIn controls toggleZoomLeft(imgIndex-1); toggleZoomRight(imgIndex-1); $('#' + galleryID +' .gallery-overlay .frames .itemImg.active').prev().addClass('active'); $('#' + galleryID +' .gallery-overlay .frames .itemImg.active').eq(1).removeClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active.anchor').removeClass('anchor'); if (parseInt(imgIndex) == parseInt(pageGroup*imgNum) && thumbIndex == imgIndex){$('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').first().prevAll(":lt("+imgNum+")").addClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active:gt("+parseInt(imgNum-1)+")').removeClass('active'); toggleThumbLeft(pageGroup-1); toggleThumbRight(pageGroup-1, size_itemImg, imgNum); } // if thumbnails and zoomIn images are not in the same page if (pageGroup != thumbGroup){// thumbnail should be back to the previous group $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').removeClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').slice(parseInt(imgNum*(pageGroup-1)),parseInt(imgNum*pageGroup)).addClass('active'); toggleThumbLeft(pageGroup-1); toggleThumbRight(pageGroup-1, size_itemImg, imgNum); } $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').eq(parseInt(imgIndex-1)).addClass('anchor'); } // toggle imgCaption toggleImgCaption(); // update the page updateNum(imgIndex); }); //Thumbnails button next $('#' + galleryID +' .gallery-overlay .thumbnails .next').click(function(){ $('#' + galleryID +' .gallery-overlay .thumbnails .pre').show(); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active.anchor').removeClass('anchor'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').last().nextAll(':lt('+imgNum+')').addClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').first().nextAll(':lt('+(imgNum-1)+')').andSelf().removeClass('active'); if ($('#' + galleryID +' .gallery-overlay .thumbnails .itemImg:last-child').hasClass('active')){//end of slide $('#' + galleryID +' .gallery-overlay .thumbnails .next').hide(); } }); //Thumbnails button prev $('#' + galleryID +' .gallery-overlay .thumbnails .pre').click(function(){ $('#' + galleryID +' .gallery-overlay .thumbnails .next').show(); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active.anchor').removeClass('anchor'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').first().prevAll(':lt('+(imgNum)+')').addClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active').first().nextAll(':gt('+(imgNum-2)+')').removeClass('active'); if ($('#' + galleryID +' .gallery-overlay .thumbnails .itemImg:first-child').hasClass('active')){//begining of the slide $('#' + galleryID +' .gallery-overlay .thumbnails .pre').hide(); } }); //Thumbnails hover $(".gallery-overlay .thumbnails .itemImg").hover( function() { $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').removeClass('glow'); $(this).addClass('glow'); }, function() { $(this).removeClass('glow'); } ); //Click on the thumbnail $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').click(function(){ imgIndex =$(this).index(); pageGroup = Math.floor(imgIndex/imgNum); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg').eq(imgIndex).addClass('glow'); if ($('#' + galleryID +' .gallery-overlay .frames .itemImg.active').length>0){$('#' + galleryID +' .gallery-overlay .frames .itemImg.active').removeClass('active'); } $('#' + galleryID +' .gallery-overlay .frames .itemImg').eq(imgIndex).addClass('active'); $('#' + galleryID +' .gallery-overlay .thumbnails .itemImg.active.anchor').removeClass('anchor'); $(this).addClass('anchor'); // toggle imgCaption toggleImgCaption(); //show or hide ZoomIn controls toggleZoomLeft(imgIndex); toggleZoomRight(imgIndex); //Show or hide thumbnail controls toggleThumbLeft(pageGroup); toggleThumbRight(pageGroup, size_itemImg, imgNum); // update the page updateNum(imgIndex+1); }); //Swipe gallery single on mobile $('#' + galleryID +' .gallery.single .gallery-inner').swipeleft(function () { goLeft(); }); $('#' + galleryID +' .gallery.single .gallery-inner').swiperight(function () { goRight(); }); // Swipe overlay $('#' + galleryID +' .frames .gallery-inner').swipeleft(function () {$('#' + galleryID +' .gallery-overlay .frames button.pre').click(); }); $('#' + galleryID +' .frames .gallery-inner').swiperight(function () {$('#' + galleryID +' .gallery-overlay .frames button.next').click(); }); // Arrow key left and Arrow key right document.onkeydown = function(e) { e = e || window.event; if (e.keyCode == '37'){//arrow key left if ($('#' + galleryID +' .frames .itemImg.active').length>0) //on overlay $('#' + galleryID +' .gallery-overlay .frames button.pre').click(); elsegoLeft(); } else if (e.keyCode == '39') {//arrow key right if ($('#' + galleryID +' .frames .itemImg.active').length>0)$('#' + galleryID +' .gallery-overlay .frames button.next').click(); else goRight(); } }});