var contactProduct = null; // set once a user selects a product
var contactProductYear = null;
var origProduct = null;
var origProductYear = null;

$(document).ready(function(){
	 // ###################################################
    //  initialize modal
    $('#screen').click( function () { // click outside popup box
		closeModal();
	});
	var windowDimensions = windowSize();
	$('#screen').css('opacity',0);
	$('#screen').css('height',windowDimensions[1]);

	// ###################################################
    //  setup product selection menu click
	$('#product_menu li.product_select').each(function () {
	    $(this).bind('click', function () {
			var linkName = $(this).attr('id');
			var product = linkName.substring(5);
			// set the radio
			$('#product_menu li.product_select').removeClass('on');
			$(this).addClass('on');
			// set the global var
		    contactProduct = product;
	    });
	});
	// setup next button click
	$('.prod_cancel').click(function(){
		//alert(origProduct + '->' + origProductYear);
		$('#prod_'+origProduct).click();
		$('#prod_year_'+origProductYear).click();
		closeModal();
	});

	$('#help_link').click(function(){
		$('#main_menu').hide();
		$('#popup_background').css('background', 'url(/common/images/lightbox_content_bg.png) no-repeat top left');
		$('#popup_background').css('margin-left', '21px');
		$('#popup_background').css('margin-top', '20px');

		$('#help_menu').show();
	});

	$('.prod_back').click(function(){
		$('#help_menu').hide();
		$('#popup_background').css('background', 'url(/common/images/layout/select_product_bg.png) no-repeat top left');
		$('#popup_background').css('margin-left', '0px');
		$('#popup_background').css('margin-top', '0px');
		$('#main_menu').show();
	});

	setupProductSelectButton();

});

function setupProductSelectButton(){
	$('.product_select_button').click(function () {
		yearClick();
	    launchModal();

		if(contactProduct != null && contactProductYear != null){
			origProduct = contactProduct;
			origProductYear = contactProductYear;
			var tempYear = contactProductYear;
			$('#prod_'+contactProduct).click();
			$('#prod_year_'+tempYear).click();

			$('#prodNextEnabled').show();
			$('#prodNextDisabled').hide();
		}
		else{
			$('#prodNextEnabled').hide();
			$('#prodNextDisabled').show();
		}

	});
}

function launchModal(){
	setModalLocation();
	$('#screen').css('height',$(document.body).height());

	$('.product_select').click(loadYears);

	$('#screen').css('display', 'block');
    $('#screen').css('z-index', 1100);
    $('#screen').animate({ opacity: 0.6 }, 'fast', function () {
    	$('#popup_background').css('display', 'block');
        $('#popup_background').css('z-index', 1150);
    	$('#popup').css('display', 'block');
        $('#popup').css('z-index', 1200);
        $('#popup').focus();
    });
}
function closeModal() {
    $('#popup').css('z-index', -2);
    $('#screen').css('z-index', -1);
    $('#screen').animate({ opacity: 0 }, 'fast');
	$('#popup').css('top',120);
	$('#popup').css('display', 'none');
	$('#popup_background').css('top',120);
	$('#popup_background').css('display', 'none');
}

function setModalLocation () {
	var windowDimensions = windowSize();
	var newLeft = windowDimensions[0]/2 - parseInt( $('#popup').width() )/2;
	$('#popup_background').css('left',newLeft);
	$('#popup').css('left',newLeft);
	var newTop = windowDimensions[1]/2 - parseInt( $('#popup').height() )/2;
	newTop += parseInt(getScrollXY()[1]);
	$('#popup_background').css('top',newTop);
	$('#popup').css('top',newTop);
}

function loadYears(){
	var name = $(this).attr('id').substring(5);
	genterateYears(name);
}

function genterateYears(name){
	var jsLink = "javascript:;";
	if(isIE6){
		jsLink = "#";
	}

	if(productInfo[name] != null && productInfo[name].years != ''){
		$('#prodNextEnabled').hide();
		$('#prodNextDisabled').show();

		var years = productInfo[name].years.split(",");

		contactProductYear = null;

		var html = '<div class="os">' + versionText + '</div><ul>';
		for(x = 0; x < years.length; x++){
			var year_label = years[x];

			if(years[x] == 'PREVIOUS')
				year_label = perviousVersion;

			html += '<li id="prod_year_' + years[x] + '" class="year_select"><a href="' + jsLink + '"><span class="radio">&nbsp;</span>' + year_label + '</a></li>';
		}
		html += '<li id="prod_year_' + productInfo[name].defaultYear + '" class="year_select"><a href="' + jsLink + '"><span class="radio">&nbsp;</span>' + imNotSure + '</a></li>'
		html += '</ul>';

		$('#product_year_column').html(html);
		yearClick();
	}
	else{
		$('#prodNextEnabled').show();
		$('#prodNextDisabled').hide();
		$('#product_year_column').html("&nbsp;");
	}
}

function yearClick(){
	$('#product_menu li.year_select').each(function () {
	    $(this).bind('click', function () {
			var linkName = $(this).attr('id');
			var year = linkName.substring(10);
			// set the radio
			$('#product_menu li.year_select').removeClass('on');
			$(this).addClass('on');
			// set the global var
		    contactProductYear = year;

			$('#prodNextEnabled').show();
			$('#prodNextDisabled').hide();
	    });
	});
}