$(function(){

	var	jMainTable			= $('#main-table'),
		jInfoLinks			= $('#product-info-links'),
		jDetailsDialog		= $('#details-dialog'),
		jFittingGuideLink	= $('a[href="form-fitting-guide.html\\#2"]'),
		jFittingDialog		= $('#fitting-dialog');

	// ITEM DETAILS POPUP
	if (jInfoLinks.size() > 0 && jDetailsDialog.size() > 0) {
		jDetailsDialog.draggable({'handle':'.win-header'});
		jDetailsDialog.find('.win-close')
			.click(function(){
				jDetailsDialog
					.css({'display':'none','position':'relative'})
					.find('.details-detail')
						.css('display','none');
				return false;
			});
		jInfoLinks.find('a').each(function(){
			var jLink		= $(this),
				sectionSel	= jLink.attr('rel');
			jLink.click(function(){
				var pos = jMainTable.offset();
				// hide all sections, show this section, show
				jDetailsDialog
					.find('.details-detail')
						.css('display','none')
						.end()
					.find(sectionSel)
						.css('display','block')
						.end()
					.css({	'position'	: 'absolute',
							'top'		: ((pos.top + 5) + 'px'),
							'left'		: ((pos.left + 5) + 'px'),
							'display'	: 'block'
					});
				return false; // no default click
			});
		});
	}

	// FITTING GUIDE POPUP
	if (jFittingGuideLink.size() > 0 && jFittingDialog.size() > 0) {
		jFittingDialog.draggable({'handle':'.win-header'});
		jFittingDialog.find('.win-close')
			.click(function(){
				jFittingDialog
					.css({'display':'none','position':'relative'})
					.find('.details-detail')
						.css('display','none');
				return false;
			});
		jFittingGuideLink.each(function(){
			var jLink = $(this);
			jLink.click(function(){
				var pos = jMainTable.offset();
				// hide all sections, show this section, show
				jFittingDialog
					.css({	'position'	: 'absolute',
							'top'		: ((pos.top + 5) + 'px'),
							'left'		: ((pos.left + 5) + 'px'),
							'display'	: 'block'
					});
				return false; // no default click
			});
		});
	}
	
});