/*-----------------------------------------------------------------------
Preload CSS Background Images
------------------------------------------------------------------------*/

$(function() {
 //$.preloadCssImages(); 
});

/*-----------------------------------------------------------------------
Gallery Scroll
------------------------------------------------------------------------*/

$(document).ready(function () {
var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');
var horizontal = true;
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative'
});
$container.css('width', $panels[0].offsetWidth * $panels.length);
}
var $scroll = $('#slider .scroll').css('overflow', 'hidden');
$scroll
.before('<div class="scrollButtons left">&laquo; previous</div>')
.after('<div class="scrollButtons right">next &raquo;</div>');
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}
$('#slider .navigation').find('a').click(selectNav);
function trigger(data) {
var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
selectNav.call(el);
}
if (window.location.hash) {
trigger({ id : window.location.hash.substr(1) });
} else {
$('ul.navigation a:first').click();
}
var offset = parseInt((horizontal ? 
$container.css('paddingTop') : 
$container.css('paddingLeft')) 
|| 0) * -1;
var scrollOptions = {
target: $scroll, 
items: $panels,
navigation: '.navigation a',
prev: 'div.left', 
next: 'div.right',
axis: 'x',
onAfter: trigger, 
offset: offset,
duration: 500,
easing: 'swing'
};
$('#slider').serialScroll(scrollOptions);
$.localScroll(scrollOptions);
scrollOptions.duration = 1;
$.localScroll.hash(scrollOptions);
});
	
/*-----------------------------------------------------------------------
Gallery Fuctions
------------------------------------------------------------------------*/

jQuery(function($) {	
$('.gallery_unstyled').addClass('gallery');	
$('ul.gallery').galleria({
history   : true,
clickNext : true, 
insert    : '#main_image',
onImage   : function(image,caption,thumb) { 		
if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=1) ) { // FF/Win fades large images terribly slow
image.css('display','none').fadeIn(1000);
}
caption.css('display','none').fadeIn(1000);
var _li = thumb.parents('li');
_li.siblings().children('img.selected').fadeTo(500,0.5);
thumb.fadeTo('fast',1).addClass('selected');
image.attr('title','Next image >>');
},
onThumb : function(thumb) { // thumbnail effects goes here
var _li = thumb.parents('li');
var _fadeTo = _li.is('.active') ? '1' : '0.5';
thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
thumb.hover(
function() { thumb.fadeTo('fast',1); },
function() { _li.not('.active').children('img').fadeTo('fast',0.5); }
)
}
});
});