/**
  * @author justin
 */

var pearl = {
		buildPagerAnchor: function (index, domElement) {
			return $("<a><span class=\"gallery-pager-icon\"></span>" + index + "</a>");
		}
}

$(document).ready(function() {
	
	if ($("#main > .gallery").length > 0) {
		$.getJSON("/gallery/home", function(data){
			$.each(data, function(key, val){
				var img = new Image();
				img.src = val;
				var element = $("<img>").attr("src", val);
				$("#main > .gallery").append(element);
			});
			
			$("#main > .gallery")
				.after($('<div id="main-gallery-pager">')
				.addClass('gallery-pager'))
				.cycle({pager: '#main-gallery-pager', pagerAnchorBuilder: pearl.buildPagerAnchor});
		});
	}
	
	if ($("#content_side > .gallery").length > 0) {
		$.getJSON("/gallery/content", function(data){
			$.each(data, function(key, val){
				var img = new Image();
				img.src = val;
				var element = $("<img>").attr("src", val);
				$("#content_side > .gallery").append(element);
			});
			
			$("#content_side > .gallery")
				.after($('<div id="content-gallery-pager">')
				.addClass('gallery-pager'))
				.cycle({pager: '#content-gallery-pager', pagerAnchorBuilder: pearl.buildPagerAnchor});
		});
	}
	
	$("#promo-panel-container").load("/promo_panel", function(data){
		$("#promo-panel-container").cycle({pager: '#promo-panel-pager', pagerAnchorBuilder: pearl.buildPagerAnchor, timeout: 12000});
	});
	
	$(".scrollable").scrollbar({arrows: false}); // initialise scrollbars
	
});