')
.cycle({
fx: 'fade',
speed: 600,
timeout: 12000,
next: '#s4',
pause: 1,
before: onBefore,
pager: '#nav'
});
}
function onBefore() {
var href = this.rel;
$('#home_intro').html('
'+ this.title.split("|")[0] + '
');
$('#home_intro').append('
' + this.title.split("|")[1] + '
');
$('.home_more_info a').attr("href", this.rel);
}
SOCIAL.init(".social_box ul li a.flickr_box");
SOCIAL.init(".list a");
LOGINBOX.init("#login", ".login_box");
LOGINBOX.cleared("#username");
VIDEOLISTS.init(".video_lists li a");
FLICKR_GALLERIES.init(".flickr_gallery");
HIDDEN_PANORAMIX.init("a.thickbox", ".instalations_box" );
COMBO.init();
$(".step_carousel").infiniteCarousel();
$('.rounded_corners').reverse().each(function(){
$(this).html($(this).html() + '
');
});
$('.scroll_lists').jScrollPane({
showArrows: true,
scrollbarWidth: 25
});
$(".carousel").infiniteCarousel();
});
/**
* Carousel (to hack in tck library)
*--------------------------------------------------------------------------*/
$.fn.infiniteCarousel = function () {
function repeat(str, num) {
return new Array( num + 1 ).join( str );
}
var $selector = this.selector,
$roundtrip = "";
return this.each(function () {
var $wrapper = $('> div', this).css('overflow', 'hidden'),
$slider = $wrapper.find('> ul'),
$items = $slider.find('> li'),
$single = $items.filter(':first'),
singleWidth = $single.outerWidth(),
visible = Math.ceil($wrapper.innerWidth() / singleWidth), // note: doesn't include padding or border
currentPage = 1,
pages = Math.ceil($items.length / visible);
// 1. Pad so that 'visible' number will always be seen, otherwise create empty items
if (($items.length % visible) != 0) {
$slider.append(repeat('
', visible - ($items.length % visible)));
$items = $slider.find('> li');
}
// 2. Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
$items.filter(':first').before($items.slice(- visible).clone().addClass('cloned'));
$items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
$items = $slider.find('> li'); // reselect
// 3. Set the left position to the first 'real' item
$wrapper.scrollLeft(singleWidth * visible);
// 4. paging function
function gotoPage(page) {
var $paginator = $($selector + "-paginator a");
if (page == 0) { page = $paginator.length};
$paginator.removeClass("active");
if($paginator.length <= (page-1)) {
$($paginator[0]).addClass("active");
} else {
$($paginator[page-1]).addClass("active");
};
var dir = page < currentPage ? -1 : 1,
n = Math.abs(currentPage - page),
left = singleWidth * dir * visible * n;
$wrapper.filter(':not(:animated)').animate({
scrollLeft : '+=' + left
}, 800, function () {
if (page == 0) {
$wrapper.scrollLeft(singleWidth * visible * pages);
page = pages;
} else if (page > pages) {
$wrapper.scrollLeft(singleWidth * visible);
// reset back to start position
page = 1;
}
currentPage = page;
});
return false;
}
$wrapper.after('
<>');
// 5. Bind to the forward and back buttons
$('a.back', this).click(function () {
GoGoGo();
return gotoPage(currentPage - 1);
});
$('a.forward', this).click(function () {
GoGoGo();
return gotoPage(currentPage + 1);
});
// create a public interface to move to a specific page
$(this).bind('goto', function (event, page) {
gotoPage(page);
});
// has paginator?
$($selector + "-paginator a").click(function(e){
e.preventDefault();
GoGoGo();
gotoPage(parseInt($(this).html()));
});
$($selector + "-paginator a:first").addClass("active");
function GoGoGo() {
if($($selector).attr("rel")!="static"){
clearInterval($roundtrip);
$roundtrip = setInterval("$('a.forward').trigger('click')",8000);
}
};
GoGoGo();
});
};