$(document).ready(function(){

	$('#scroller').addClass('scroller')

	$('#k_cups').hide();

	$('a.modal').click(function() {
		var modal = $(this).attr("href");
		$(modal).modal({
			opacity:40,
			overlayCss: {backgroundColor:"#040d54"},
			closeClass: "modalClose",
			closeHTML: "<a href='#'>Close</a>",
			onOpen: function (dialog) {
				dialog.overlay.fadeIn('slow', function () {
					dialog.container.slideDown('slow', function () {
						dialog.data.fadeIn('slow');
					});
				});
			},
			onShow: function (dialog) {
				$('#scroller').cycle('pause');
			},
			onClose: function (dialog) {
				dialog.data.fadeOut('slow', function () {
					dialog.container.slideUp('slow', function () {
						dialog.overlay.fadeOut('slow', function () {
							$.modal.close(); // must call this!
							$('#scroller').cycle('resume');
						});
					});
				});
			}
		});
		return false;
	});

	$("#scroller").cycle( {
		fx:     'fade',
		speed:  1200,
		timeout: 12000,
		pause: 1,
		pager: "#scroll_nav",
		pagerAnchorBuilder: function(idx, slide) {
			return '#scroll_nav a:eq(' + idx + ')';
		}
	});

	$('a.enlarge').click(function() {
		var newHtml = $(this).attr("href");
		//$('#marshmallow_madness').html($(newHtml).html());
		$('#marshmallow_madness').html("<img src=\"" + newHtml + "\" alt=\"\" />");
		$('a.modalClose').css('right', '-7px');
		$('a.modalClose').css('top', '3px');
		return false;
	});

});
