Add additional gallery style elements

2 files changed, 222 insertions, 0 deletions

diff --git a/gallery_views/ajax_scroller/fisheye_ajax_scroller_inc.tpl b/gallery_views/ajax_scroller/fisheye_ajax_scroller_inc.tpl
new file mode 100644
index 0000000..f390627
--- /dev/null
+++ b/gallery_views/ajax_scroller/fisheye_ajax_scroller_inc.tpl
@@ -0,0 +1,10 @@
+{assign var=thumbsize value='avatar'}
+<div align="center" height="500" class="gallery">
+	<div  id="g1" class="galleryCont">
+		{foreach from=$gContent->mItems item=galItem}
+			<img class="imgThumb" src="{$galItem->mInfo.thumbnail_url.$thumbsize}">
+			<img class="imgFull" src="{$galItem->mInfo.thumbnail_url.large}">
+			<div class="imgDesc">{$galItem->mInfo.title|escape}</div>
+		{/foreach}
+	</div>
+</div>
diff --git a/gallery_views/galleriffic/fisheye_galleriffic_inc_5.tpl b/gallery_views/galleriffic/fisheye_galleriffic_inc_5.tpl
new file mode 100644
index 0000000..333e58d
--- /dev/null
+++ b/gallery_views/galleriffic/fisheye_galleriffic_inc_5.tpl
@@ -0,0 +1,212 @@
+{strip}<div class="galleriffic">
+
+<div class="header">
+	{include file="bitpackage:fisheye/gallery_icons_inc.tpl"}
+	<h1>{$gContent->getTitle()|escape}</h1>
+	<div class="gallerybar">
+		<div class="path">
+			{assign var=breadCrumbs value=$gContent->getBreadcrumbLinks()}
+			{if $gGallery}
+				{displayname user=$gGallery->mInfo.creator_user user_id=$gGallery->mInfo.creator_user_id real_name=$gGallery->mInfo.creator_real_name} :: <a href="{$smarty.const.FISHEYE_PKG_URL}?user_id={$gGallery->mInfo.user_id}">{tr}Galleries{/tr}</a> &raquo;{if $breadCrumbs}{$breadCrumbs}{else}{$gGallery->getTitle()}{/if}
+			{else}
+				{displayname user=$gContent->mInfo.creator_user user_id=$gContent->mInfo.creator_user_id real_name=$gContent->mInfo.creator_real_name} :: <a href="{$smarty.const.FISHEYE_PKG_URL}?user_id={$gContent->mInfo.user_id}">{tr}Galleries{/tr}</a> &raquo; {if $breadCrumbs}{$breadCrumbs}{else}{$gContent->getTitle()}{/if}
+			{/if}
+		</div>
+	</div>
+</div>
+
+
+<!-- Start Advanced Gallery Html Containers -->
+<div class="navigation-container">
+	<div id="thumbs" class="navigation">
+		<div>
+		<ul class="thumbs noscript">
+			{foreach from=$gContent->mItems item=galItem}
+			<li>
+				{if is_a($galItem, 'FisheyeImage')}
+					<a class="thumb" name="{$galItem->mImageId}" href="{$galItem->mInfo.thumbnail_url.large}{*$smarty.const.FISHEYE_PKG_URL}view_image.php?image_id={$galItem->mImageId*}" title="{$galItem->mInfo.title|escape}">
+						<img src="{$galItem->mInfo.thumbnail_url.avatar}" alt="{$galItem->mInfo.title|escape}" />
+					</a>
+					<h2 class="heading">
+						<div class="image-heading">{biticon iname="image-x-generic" isize="small" iexplain=$galItem->getContentTypeName()|escape}{$galItem->getDisplayLink()}</div>
+					</h2>
+					<div class="caption">
+						<div class="meta floatright">
+							{if $galItem->mInfo.event_time}
+							<div class="photo-date date">
+								{$galItem->mInfo.event_time|bit_short_date}
+							</div>
+							{/if}
+							{if ($galItem->hasUpdatePermission() || $gContent->getPreference('link_original_images')) && $galItem->getDownloadUrl()}
+							<div class="download">
+								<a href="{$galItem->getDownloadUrl()}">{tr}Download Original{/tr}</a>
+								{if $galItem->mInfo.width && $galItem->mInfo.height}
+								<div class="photo-date">{$galItem->mInfo.width}x{$galItem->mInfo.height} {tr}pixels{/tr}</div>
+								{/if}
+							</div>
+							{/if}
+						</div>
+						<div class="image-desc"><p>{$galItem->mInfo.description|escape}</p></div>
+					</div>
+				{elseif is_a($galItem, 'FisheyeGallery')}
+					<a class="thumb" name="{$galItem->mContentId}" href="{$galItem->mPreviewImage->mInfo.thumbnail_url.large}" title="{$galItem->mInfo.title|escape}">
+						<img src="{$galItem->mPreviewImage->mInfo.thumbnail_url.avatar}" alt="{$galItem->mInfo.title|escape}"/>
+					</a>
+					<div class="heading">
+						<h2>{biticon iname="emblem-photos" isize="small" iexplain=$galItem->getContentTypeName()|escape}{$galItem->getDisplayLink()}</h2><span class="image-count">({$galItem->getImageCount()} {tr}Items{/tr})</span>
+					</div>
+					<div class="caption">
+						<div class="image-desc">{$galItem->mInfo.description|escape}</div>
+						<div class="download">
+
+						</div>
+					</div>
+				{/if}
+			</li>
+			{/foreach}
+		</ul>
+		</div>
+	</div>
+
+	{include file="bitpackage:liberty/services_inc.tpl" serviceLocation='view' serviceHash=$gContent->mInfo}
+
+	{if $gContent->getPreference('allow_comments') eq 'y'}
+		{include file="bitpackage:liberty/comments.tpl"}
+	{/if}
+
+</div>
+
+<div id="gallery" class="content">
+	<div class="slideshow-container">
+		<div id="heading" class="heading-container"></div>
+		<div id="controls" class="controls"></div>
+		<div id="loading" class="loader"></div>
+		<div id="slideshow" class="slideshow"></div>
+		<div id="imagedetails" class="image-details-container"></div>
+	</div>
+	<div id="caption" class="caption-container"></div>
+</div>
+
+<script type="text/javascript">/*<![CDATA[*/
+{literal}
+jQuery(document).ready(function($) {
+	// We only want these styles applied when javascript is enabled
+	$('div.content').css('display', 'block');
+
+	// Initially set opacity on thumbs and add
+	// additional styling for hover effect on thumbs
+	var onMouseOutOpacity = 0.67;
+	$('#thumbs ul.thumbs li').opacityrollover({
+		mouseOutOpacity:   onMouseOutOpacity,
+		mouseOverOpacity:  1.0,
+		fadeSpeed:         'fast',
+		exemptionSelector: '.selected'
+	});
+
+	// Initialize Advanced Galleriffic Gallery
+	var gallery = $('#thumbs').galleriffic({
+		delay:                     2500,
+		numThumbs:                 30,
+		preloadAhead:              10,
+		enableTopPager:            false,
+		enableBottomPager:         false,
+		maxPagesToShow:            6,
+		imageContainerSel:         '#slideshow',
+		controlsContainerSel:      '#controls',
+		captionContainerSel:       '#caption',
+		loadingContainerSel:       '#loading',
+		renderSSControls:          true,
+		renderNavControls:         true,
+		playLinkText:              'Play Slideshow',
+		pauseLinkText:             'Pause Slideshow',
+		prevLinkText:              '&lsaquo; Previous Photo',
+		nextLinkText:              'Next Photo &rsaquo;',
+		nextPageLinkText:          'Next &rsaquo;',
+		prevPageLinkText:          '&lsaquo; Prev',
+		enableHistory:             true,
+		autoStart:                 false,
+		syncTransitions:           true,
+		defaultTransitionDuration: 900,
+		onSlideChange:             function(prevIndex, nextIndex) {
+			// 'this' refers to the gallery, which is an extension of $('#thumbs')
+			this.find('ul.thumbs').children()
+				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
+				.eq(nextIndex).fadeTo('fast', 1.0);
+
+			// Update the photo index display
+			this.$captionContainer.find('div.photo-index')
+				.html('Photo '+ (nextIndex+1) +' of '+ this.data.length);
+		},
+		onPageTransitionOut:       function(callback) {
+			this.fadeTo('fast', 0.0, callback);
+		},
+		onPageTransitionIn:        function() {
+			var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
+			var nextPageLink = this.find('a.next').css('visibility', 'hidden');
+
+			// Show appropriate next / prev page links
+			if (this.displayedPage > 0)
+				prevPageLink.css('visibility', 'visible');
+
+			var lastPage = this.getNumPages() - 1;
+			if (this.displayedPage < lastPage)
+				nextPageLink.css('visibility', 'visible');
+
+			this.fadeTo('fast', 1.0);
+		}
+	});
+
+	/**************** Event handlers for custom next / prev page links **********************/
+
+	gallery.find('a.prev').click(function(e) {
+		gallery.previousPage();
+		e.preventDefault();
+	});
+
+	gallery.find('a.next').click(function(e) {
+		gallery.nextPage();
+		e.preventDefault();
+	});
+
+	/**** Functions to support integration of galleriffic with the jquery.history plugin ****/
+
+	// PageLoad function
+	// This function is called when:
+	// 1. after calling $.historyInit();
+	// 2. after calling $.historyLoad();
+	// 3. after pushing "Go Back" button of a browser
+	function pageload(hash) {
+		// alert("pageload: " + hash);
+		// hash doesn't contain the first # character.
+		if(hash) {
+			$.galleriffic.gotoImage(hash);
+		} else {
+			gallery.gotoIndex(0);
+		}
+	}
+
+	// Initialize history plugin.
+	// The callback is called at once by present location.hash.
+	$.historyInit(pageload, "advanced.html");
+
+	// set onlick event for buttons using the jQuery 1.3 live method
+	$("a[rel='history']").live('click', function(e) {
+		if (e.button != 0) return true;
+
+		var hash = this.href;
+		hash = hash.replace(/^.*#/, '');
+
+		// moves to a new page.
+		// pageload is called at once.
+		// hash don't contain "#", "?"
+		$.historyLoad(hash);
+
+		return false;
+	});
+
+	/****************************************************************************************/
+});
+{/literal}
+/*]]>*/</script>
+
+</div>{/strip}