/*******************************************************************************

	CSS on Sails Framework
	Title: Billion Dollar Babes
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: July 2011

*******************************************************************************/

jQuery(document).ready(function() {
	BDB.init();
});

var BDB = {
	init: function(){
		this.collectionScrollable();
		this.collectionOverlay();
		this.fixIE();
	},
	
	collectionScrollable: function () {
		jQuery('.scrollable').scrollable({
			next: '.img_next',
			prev: '.img_prev'
		});
	},
	
	collectionOverlay: function () {
		var loadImg = function (index,sc){
			jQuery('#img, #img_desc, #img_longdesc').empty();
			var $t = sc.getItems().find('li').eq(index);
			var im = new Image();
			im.onload = function(){
				jQuery('#img').append(im);
				jQuery('#img_wrap').data('overlay-item',index);
				jQuery(im).addpowerzoom({
					magnifiersize: [150, 150]
				});
			};
			im.src = $t.find('img').attr('src');
			jQuery('#img_desc').append($t.find('.img_desc').html());
			jQuery('#img_longdesc').append($t.find('.img_longdesc').html());
			jQuery('#img_wrap').find('.img_prev, .img_next').removeClass('disabled');
			if ( index == 0 ) {
				jQuery('#img_wrap .img_prev').addClass('disabled');
			} else if ( index == sc.getItems().find('li').size() - 1 ) {
				jQuery('#img_wrap .img_next').addClass('disabled');
			}
		};
		
		var sc = jQuery('.scrollable').data('scrollable');
		
		jQuery('#img_content .img').overlay({
			target: '#overlay',
			close: '#close',
			top: 'center',
			onLoad: function () {
				var i = jQuery('#img_content .items li').index(this.getTrigger().closest('li'));
				loadImg(i,sc);
			},
			onClose: function () {
				jQuery('#zoom-window').hide();
			},
			mask: {
				opacity: 0.5
			}
		});
		
		jQuery('#overlay').find('.img_prev, .img_next').click(function(){
			if ( jQuery(this).hasClass('disabled') ) {
				return ;
			}
			var i = jQuery('#img_wrap').data('overlay-item') + ( jQuery(this).hasClass('img_next') ? 1 : -1 );
			loadImg(i,sc);
		});
	},
	
	fixIE: function(){
		if ( jQuery.browser.msie && jQuery.browser.version <= "7.0" ) {
			jQuery('.items li').hover(function(){
				jQuery(this).addClass('hover');
			},function(){
				jQuery(this).removeClass('hover');
			});
		}
	}
}