IV = {
	//current dimensions
	curWidth: 0,
	curHeight: 0,
	
	open: function(id) {
		this._create();
		
		$('#image-view-list').html($('#product-image-list').html());
		
		$('#image-view-list li a').click(function() {
			IV.changeImg($(this).attr('j-org'));
			$('#image-view-list li').removeClass('active');
			$(this).parent().addClass('active');
			return false;
		});
		
		$('#image-view-container').click(function(e) {
			e.stopPropagation();
			return false;
		}).css('top', this._getPosY(0)).css('left', this._getPosX(0));
		
		$('#image-view-layer > .bg').click(function() {
			IV.close();
		});
		
		//change to first image
		this.changeImg(id);
	},
	
	close: function() {
		$('#image-view-layer').remove();
	},
	
	changeImg: function(id) {
		__tmp_i = __pimgs[id];
		
		$('#image-view-image img').fadeOut(300, function() {
			var i = __tmp_i;
			
			$('#image-view-image').html('<img src="' + __g_root + 'public/images/products/' + i.uri + '" style="display:none" />');
			
			$('#image-view-image').animate({
				width: i.w,
				height: i.h
			}, {
				duration: 300,
				complete: function() {
					$('#image-view-image img').fadeIn(300);
				}
			});
			$('#image-view-container').animate({
				top: IV._getPosY(i.h),
				left: IV._getPosX(i.w)
			}, {
				duration: 300,
				complete: function() {}
			});
		});
		
	},
	
	_create: function() {
		if($('#image-view-layer').length)
			return;
		
		var html = '';
		
		html += '<div id="image-view-layer">';
			html += '<div class="bg"></div>';
			html += '<div class="image-container" id="image-view-container">';
				html += '<div class="image" id="image-view-image">';
					html += '<img src="" />';
				html += '</div>';
				html += '<ul class="image-list" id="image-view-list">';
				
				html += '</ul>';
			html += '</div>';
		html += '</div>';
		
		$('body').append(html);
	},
	
	_getPosX: function(width) {
		return (($(window).width() - 20 - width) / 2) + $(document).scrollLeft();
	},
	
	_getPosY: function(height) {
		return (($(window).height() - 20 - 80 - height) / 2) + $(document).scrollTop();
	}
};

$(function() {
	__catalog_search_query_default = 'Search our collection';
	
	$('#catalog-search-query').focus(function() {
		if($(this).val() == __catalog_search_query_default)
			$(this).val('').removeClass('inactive');
	}).blur(function() {
		if($(this).val() == '')
			$(this).val(__catalog_search_query_default).addClass('inactive');
	});
	
	$('#catalog-search-button').click(function() {
		if($('#catalog-search-query').val() != __catalog_search_query_default)
			window.location.href = __g_root + 'antiques/' + Default.page.queryString.addTo('s', $('#catalog-search-query').val());
		return false;
	});
	
	$('#catalog-search-query').keypress(function(e) {
		if (e.keyCode == 13) {
			$("#catalog-search-button").click();
			return false;
		}
	});
	
	$('#product-image-list li').mouseover(function() {
		$('#product-image-preview li').removeClass('active');
		$('#product-image-list li').removeClass('active');
		$('#image-' + $('a', this).attr('j-open')).addClass('active');
		$(this).addClass('active');
		return false;
	});
	
	$('#product-image-list li a').click(function() {
		IV.open($(this).attr('j-org'));
		return false;
	});
	
	$('#product-image-preview li a').click(function() {
		IV.open($(this).attr('j-org'));
		return false;
	});
	
	
	$('#buy-now').click(function() {
		$('#checkout-loading').addClass('active');
	});
	$('#buy-now-2').click(function() {
		$('#checkout-loading-2').addClass('active');
	});
});