// JavaScript Document

var MAX_CHOICE_POPUP = 7;

function removeChoiceLinks(popUpNum)
{
	for (var i = 1; i <= MAX_CHOICE_POPUP; i++)
	{
		if (i != popUpNum)
		{
			$('#choicePopup0' + i).css("display", "none");
			$('#choiceLink0' + i).css("color", "#ffffff");
		}
	}
}

$(document).ready(function()
{
	// exits popups using background click
	$('#smartPopupBG').click(function() {
		$('#smartPopup').fadeOut('slow');
		$('#smartPopupBG').fadeOut('slow');
		$('#choicePopup').fadeOut('slow');
		
		// if in advantage & choice page, removes used link
		removeChoiceLinks(0);
	});
	
	// closes advantage & choice popup using exit buttonn
	$('img.btnExit').click(function() {
		$('#smartPopupBG').fadeOut('slow');
		$('#choicePopup').fadeOut('slow');
		
		// if in advantage & choice page, removes used link
		removeChoiceLinks(0);
	});
	
	// shows advantage menu01 : bumper bars
	$('#choiceIcon01').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup01').fadeIn('slow');
		$('#choiceLink01').css("color", "#5a4099");
	});
	
	$('#choiceLink01').click(function() {
		$('#choicePopup01').fadeIn('slow');
		$('#choiceLink01').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(1);
   });

	// shows advantage menu02 : side mirrors
	$('#choiceIcon02').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup02').fadeIn('slow');
		$('#choiceLink02').css("color", "#5a4099");
	});
	
	$('#choiceLink02').click(function() {
		$('#choicePopup02').fadeIn('slow');
		$('#choiceLink02').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(2);
   });

	// shows advantage menu03 : alloy wheels
	$('#choiceIcon03').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup03').fadeIn('slow');
		$('#choiceLink03').css("color", "#5a4099");
	});
	
	$('#choiceLink03').click(function() {
		$('#choicePopup03').fadeIn('slow');
		$('#choiceLink03').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(3);
   });

	// shows advantage menu04 : alloy wheels
	$('#choiceIcon04').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup04').fadeIn('slow');
		$('#choiceLink04').css("color", "#5a4099");
	});
	
	$('#choiceLink04').click(function() {
		$('#choicePopup04').fadeIn('slow');
		$('#choiceLink04').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(4);
   });

	// shows advantage menu05 : alloy wheels
	$('#choiceIcon05').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup05').fadeIn('slow');
		$('#choiceLink05').css("color", "#5a4099");
	});
	
	$('#choiceLink05').click(function() {
		$('#choicePopup05').fadeIn('slow');
		$('#choiceLink05').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(5);
   });

	// shows advantage menu06 : alloy wheels
	$('#choiceIcon06').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup06').fadeIn('slow');
		$('#choiceLink06').css("color", "#5a4099");
	});
	
	$('#choiceLink06').click(function() {
		$('#choicePopup06').fadeIn('slow');
		$('#choiceLink06').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(6);
   });

	// shows advantage menu07 : alloy wheels
	$('#choiceIcon07').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup07').fadeIn('slow');
		$('#choiceLink07').css("color", "#5a4099");
	});
	
	$('#choiceLink07').click(function() {
		$('#choicePopup07').fadeIn('slow');
		$('#choiceLink07').css("color", "#5a4099");
		//this should be the whole links to remove
		removeChoiceLinks(7);
   });

	// shows advantage menu08 : car seats
	$('#choiceIcon08').click(function() {
		$('#smartPopupBG').fadeIn('slow');
		$('#smartPopupBG').animate({opacity:0.5}, 1000);
		$('#choicePopup').fadeIn('slow');
		$('#choicePopup06').fadeIn('slow');
		$('#choiceLink06').css("color", "#5a4099");
	});

});