//AndyS: 25/10/2007 Modal Div for products

$(document).ready(function() {
	$('body').append('<div id="modalOverlay" style="display:none;"></div>');
	$('.tablePosition1').hide();
	$('.tablePosition2').hide();
	$('.tablePosition3').hide();
	$('.centerColumnSubSection').find('a[@href="#"]').bind('click', function() {
	var chrFieldId =  $(this).attr("ref");
	var arrFieldId = chrFieldId.split("_");
	var numOfferID = arrFieldId[1];
	showProductModal(numOfferID);
	}).css('cursor','hand');
});

function showProductModal(numProductId) {
	$('.tablePosition1').show();
	$('.tablePosition2').hide();
	$('.tablePosition3').hide();
	var numModalWidth = getWindowXY('x');
	var numModalHeight = getWindowXY('y') + 600;
	$('#modalOverlay').css('width',numModalWidth);
	    $('#modalOverlay').css('height',numModalHeight);
	    var chrContentID = '#contentOffer' + numProductId;
	    var chrContent =  $(chrContentID).html();
	    $('#modalOverlay').html(chrContent);
	    //modalContents - positioning hack - requires proper fix
    	var leftOffset = parseInt(getWindowXY('x')/2) - 390;
    	var topOffset = parseInt(getWindowXY('y')/2) - 395;
	    if ($.browser.msie) {
	    	$('.modalContents').css('left',leftOffset);
	    	topOffset -= 10;
	    	if(topOffset < 0)
	    		topOffset = 0;
	    	$('.modalContents').css('top',topOffset);
	    } else {
	    	$('.modalContents').css('margin-left',leftOffset + 'px');
	    	if(topOffset < 0)
	    		topOffset = 0;
	    	$('.modalContents').css('margin-top',topOffset + 'px');
	    }
	    openTab(1);
		$('#modalOverlay').show();
		return false;
}

function openTab(tabId) {	
	var numTabs = parseInt($('#numTabs').val());
	var numThisTab = parseInt(tabId);
	var chrTab = '#tab' + tabId;
	$('.tab').removeClass();
	$('.activeTab').removeClass();
	for (i = 1; i <= numTabs; i++) {
		var thisTabID = ".tabName" + i;
		var thisTablePositionID = ".tablePosition" + i;
		if (i == numThisTab) {
			$(thisTabID).parent().addClass('activeTab');
			$(thisTablePositionID).show();
		} else {
			$(thisTabID).parent().addClass('tab');
			$(thisTablePositionID).hide();
		
		}
	}
}