//----------------- START GLOBAL VARIABLES ------------------------//
//Set to 1 if user overrides recommendation
var cancel_from_visaselector = 0; 

//Used For Apply Now Buttons 
var apply_asc = new Array();
apply_asc['s_inf_a'] = 'avion_inf';
apply_asc['s_avion_p'] = 'avion_p';
//apply_asc['s_platinum_p'] = 'platinum_p';
apply_asc['s_gold_p'] = 'gold_p';
apply_asc['s_classic2'] = 'classic2';
apply_asc['s_student2'] = 'classic2_student';
apply_asc['s_rewards_g'] = 'rewards_gold';
apply_asc['s_rewards_c'] = 'rewards_classic';
apply_asc['s_gold_us'] = 'gold_us';
//apply_asc['s_mikeweir'] = 'mikeweir';
apply_asc['s_ba_p'] = 'ba_platinum';
apply_asc['s_cp_p'] = 'cp_platinum';
apply_asc['s_esso'] = 'esso';
apply_asc['s_starbucks'] = 'starbucks&ASC=IAS034';
apply_asc['s_platinum'] = 'platinum';
//apply_asc['s_visa_g'] = 'gold';
apply_asc['s_visa_c'] = 'classic';
apply_asc['s_classic_lro'] = 'classic_lr';
apply_asc['s_student'] = 'classic_student';

//Used For Learn More Buttons
var apply = new Array();
apply['s_inf_a'] = 'avion_infinite';
apply['s_avion_p'] = 'avion_p';
//apply['s_platinum_p'] = 'platinum_p';
apply['s_gold_p'] = 'gold_p';
apply['s_classic2'] = 'classic2';
apply['s_student2'] = 'classic2_student';
apply['s_rewards_g'] = 'rewards_gold';
apply['s_rewards_c'] = 'rewards_classic';
apply['s_gold_us'] = 'gold_us';
//apply['s_mikeweir'] = 'mikeweir';
apply['s_ba_p'] = 'ba_platinum';
apply['s_cp_p'] = 'cp_platinum';
apply['s_esso'] = 'esso';
apply['s_starbucks'] = 'starbucks';
apply['s_platinum'] = 'platinum';
//apply['s_visa_g'] = 'gold';
apply['s_visa_c'] = 'classic';
apply['s_classic_lro'] = 'classic_lr';
apply['s_student'] = 'classic_student';

//Define cards and their images
var card_image = new Array();
card_image['s_inf_a'] = '/cartes/images/cards/s_inf_a.gif';
card_image['s_avion_p'] = '/cartes/images/cards/s_avion_p.gif';
//card_image['s_platinum_p'] = '/cartes/images/cards/s_platinum_p.gif';
card_image['s_gold_p'] = '/cartes/images/cards/s_gold_p.gif';
card_image['s_classic2'] = '/cartes/images/cards/s_classic2.gif';
card_image['s_student2'] = '/cartes/images/cards/s_student.gif';
card_image['s_rewards_g'] = '/cartes/images/cards/s_rewards_g.gif';
card_image['s_rewards_c'] = '/cartes/images/cards/s_rewards_c.gif';
card_image['s_classic'] = '/cartes/images/cards/s_classic.gif';
card_image['s_gold_us'] = '/cartes/images/cards/s_gold_us.gif';
//card_image['s_mikeweir'] = '/cartes/images/cards/s_mikeweir.gif';
card_image['s_ba_p'] = '/cartes/images/cards/s_ba_p.gif';
card_image['s_cp_p'] = '/cartes/images/cards/s_cp_p.gif';
card_image['s_esso'] = '/cartes/images/cards/s_esso.gif';
card_image['s_starbucks'] = '/cartes/images/cards/s_starbucks.gif';
card_image['s_platinum'] = '/cartes/images/cards/s_platinum.gif';
//card_image['s_visa_g'] = '/cartes/images/cards/s_gold.gif';
card_image['s_visa_c'] = '/cartes/images/cards/s_classic.gif';
card_image['s_classic_lro'] = '/cartes/images/cards/s_classic.gif';
card_image['s_student'] = '/cartes/images/cards/s_classic.gif';

var cardname = new Array();
cardname['s_inf_a'] 		= '<em>Visa* Infinite</em> Voyages<sup>&reg;</sup>';
cardname['s_avion_p'] 		= '<em>Visa*</em> Platine Voyages<sup>&reg;</sup>';
//cardname['s_platinum_p'] 	= '<em>Visa*</em> Platine Privilège';
cardname['s_gold_p'] 		= '<em>Visa*</em> Or Privilège';
cardname['s_classic2'] 		= '<em>Visa*</em> Classique II';
cardname['s_student2'] 		= '<em>Visa*</em> Classique II pour étudiant';
cardname['s_rewards_g']		= '<em>Visa*</em> Or RBC Récompenses';
cardname['s_rewards_c'] 	= '<em>Visa*</em> Classique RBC Récompenses';
cardname['s_gold_us'] 		= '<em>Visa*</em> Or en dollars US';
//cardname['s_mikeweir'] 		= '<em>Visa*</em> Mike Weir RBC';
cardname['s_ba_p'] 			= '<em>Visa*</em> British Airways Platine';
cardname['s_cp_p'] 			= '<em>Visa*</em> Cathay Pacific Platine RBC';
cardname['s_esso'] 			= '<em>Visa*</em> Esso';
cardname['s_starbucks'] 	= '<em>Visa*</em> Starbucks Duetto';
cardname['s_platinum'] 		= '<em>Visa*</em> Platine';
//cardname['s_visa_g'] 		= '<em>Visa*</em> Or';
cardname['s_visa_c'] 		= '<em>Visa*</em> Classique';
cardname['s_classic_lro'] 	= '<em>Visa*</em> Classique avec option à taux d\'intérêt réduit';
cardname['s_student'] 		= '<em>Visa*</em> Classique pour étudiant';	
//----------------- END GLOBAL VARIABLES ------------------------//

function roll(img_name, img_src){
	if(document.getElementById('ID_CARD_SELL_1').value != ''){
		document[img_name].src = img_src;
	}
}

function openURL(card, server_name) {
	window.location = "https://"+server_name+"cgi-bin/cartes/visaapp/apply.cgi?cid="+apply_asc[card];
}

function openLearnMoreURL(card, server_name) {
	window.location = "http://"+server_name+"/cartes/personal/"+apply[card]+".html";
}	
// -->

function swap(category,acLayer){
	//alert(acLayer);	
	
	var layersArray = new Array();
	
	//loop needs to be adjusted for how many subcategories there are
	for (var i=1; i<4; i++){
		layer = document.getElementById('cards_segment_'+i);
		layersArray[i] = layer;
		if(layer.id == acLayer){
			layer.style.display = "block";
		}
		else{
			layer.style.display = "none";
		}
	}
	
	
	for (i=1; i<4; i++){
		cat = "cat_"+i;
		
		if(category != cat){
			document.getElementById('cat_'+i).className="category_no_border";
		}
		else{
			document.getElementById(category).className="curr_category";
		}
	}
	
	//Swap Images
	if (category=='cat_1') {
		if (document.getElementById('cat_1').style.backgroundImage == 'url(/cartes/compare/images/rbc-rewards-cards-off.gif)') {
			document.getElementById('cat_1').style.backgroundImage = 'url(/cartes/compare/images/rbc-rewards-cards-on.gif)'
			document.getElementById('cat_2').style.backgroundImage = 'url(/cartes/compare/images/partner-rewards-cards-off.gif)'
			document.getElementById('cat_3').style.backgroundImage = 'url(/cartes/compare/images/everyday-con-cards-off.gif)'
		}		
	}
	else if (category=='cat_2') {
		if (document.getElementById('cat_2').style.backgroundImage == 'url(/cartes/compare/images/partner-rewards-cards-off.gif)') {
			document.getElementById('cat_1').style.backgroundImage = 'url(/cartes/compare/images/rbc-rewards-cards-off.gif)'
			document.getElementById('cat_2').style.backgroundImage = 'url(/cartes/compare/images/partner-rewards-cards-on.gif)'
			document.getElementById('cat_3').style.backgroundImage = 'url(/cartes/compare/images/everyday-con-cards-off.gif)'
		}		
	}
	else if (category=='cat_3') {
		if (document.getElementById('cat_3').style.backgroundImage == 'url(/cartes/compare/images/everyday-con-cards-off.gif)') {
			document.getElementById('cat_1').style.backgroundImage = 'url(/cartes/compare/images/rbc-rewards-cards-off.gif)'
			document.getElementById('cat_2').style.backgroundImage = 'url(/cartes/compare/images/partner-rewards-cards-off.gif)'
			document.getElementById('cat_3').style.backgroundImage = 'url(/cartes/compare/images/everyday-con-cards-on.gif)'
		}		
	}
	
}

function ischecked(card){
	
}

function hl(id, id_end){
	row = document.getElementById(id);
	row_end = document.getElementById(id_end);
	row.style.backgroundColor = '#6990D1';
	row_end.style.backgroundColor = '#D6DCEA';
}

function uhl(id){
	row = document.getElementById(id);
	row.style.backgroundColor = '#D6DCEA';
}

function swapImage(img_src){
	img = document.getElementById('card_thumb');
	img.src = img_src;
}

function cardCompare(card, imgPath, server_name){		
	var slot;
	for(var i=1; i<5 ;i++){
		var open_slot = document.getElementById("ID_CARD_SELL_"+i);
		if(open_slot.value == card){
			remove(i, open_slot);
			return false;
		}
		if(open_slot.value == ""){
			slot = i;
			//alert(slot);
			break;
		}
		if(i == 4){
			slot = 4;
		}
	}
	
	var hidden_var = document.getElementById('ID_CARD_SELL_'+slot);
	
	if(slot == 4 && hidden_var.value != ''){
		document.getElementById(hidden_var.value).src = '/cartes/compare/images/unchecked.gif';
	}
	
	hidden_var.value = card;
	
	var bg = document.getElementById('cell_card_'+slot);
	bg.className="card_enabled";
	document.getElementById('apply_btn_'+slot).src = '/cartes/compare/images/apply-now-btn.gif';
	document.getElementById('apply_btn_'+slot).style.cursor = 'hand';
	document.getElementById('apply_btn_'+slot).onclick = function() {openURL(card, server_name)};
	document.getElementById('learn_btn_'+slot).src = '/cartes/compare/images/learn-more-btn.gif';
	document.getElementById('learn_btn_'+slot).style.cursor = 'hand';
	document.getElementById('learn_btn_'+slot).onclick = function() {openLearnMoreURL(card, server_name)};	
	document.getElementById('cardname_'+slot).innerHTML = cardname[card];		
	var rem_img = document.getElementById('remove_'+slot);
	rem_img.src = '/cartes/compare/images/remove-btn.gif';
	rem_img.style.cursor = 'hand';
	//rem_img.onclick = remove;
	if(slot != 4){
		rem_img.onclick = function() {remove(slot-1, hidden_var)};
	}
	else{
		rem_img.onclick = function() {remove(slot, hidden_var)};
	}
	
	//change checkbox image
	var checkbox = document.getElementById(card);
	checkbox.src = "/cartes/compare/images/checked.gif";
	
	var img = document.getElementById('card'+slot);
	img.src = imgPath;
	if(slot < 4){
		slot++;
	}
	
	document.getElementById('id_cards_compared').value = slot;
	//alert("slot vcalue is: "+slot);
	//alert("Actual value is: "+document.getElementById('id_cards_compared').value);
	if(document.getElementById('id_cards_compared').value > 0){
		document.getElementById('compare_btn').src = "/cartes/compare/images/compare-cards-btn-out.gif";
		document.getElementById('compare_btn_arrows').src = "/cartes/compare/images/compare-card-btn-arrow-on.gif";
	}
}

function remove(slot_rem, hidden_var){
	if(document.getElementById('ID_CARD_SELL_1').value != ''){
		//document.getElementById('compare_btn').src = "/cartes/compare/images/compare-cards-btn-disable.gif";
		document.getElementById("remove_"+slot_rem).src = "/cartes/compare/images/remove-btn-gray.gif";
		document.getElementById("card"+slot_rem).src = "/cartes/compare/images/remove-gray.jpg";
		document.getElementById("apply_btn_"+slot_rem).src = "/images/oce/spacer.gif";
		document.getElementById("learn_btn_"+slot_rem).src = "/images/oce/spacer.gif";
		document.getElementById("cardname_"+slot_rem).innerHTML = "";
		document.getElementById(hidden_var.value).src = '/cartes/compare/images/unchecked.gif';
		document.getElementById("ID_CARD_SELL_"+slot_rem).value = "";
		var card_rem = document.getElementById("ID_CARD_SELL_"+slot_rem);
		
		for(var i=slot_rem; i<5; i++){
			if(document.getElementById("ID_CARD_SELL_"+i).value == ""){
				var temp = i+1;
				if(document.getElementById("ID_CARD_SELL_"+temp) && document.getElementById("ID_CARD_SELL_"+temp).value == ""){
					break;
				}
				else{//id_cards_compared
					
					if(document.getElementById("ID_CARD_SELL_"+temp)){
						document.getElementById("remove_"+i).src = document.getElementById("remove_"+temp).src;
						document.getElementById("card"+i).src = document.getElementById("card"+temp).src;

						document.getElementById("apply_btn_"+i).src = document.getElementById("apply_btn_"+temp).src;
						document.getElementById("apply_btn_"+i).onclick = document.getElementById("apply_btn_"+temp).onclick;
						document.getElementById("learn_btn_"+i).src = document.getElementById("learn_btn_"+temp).src;
						document.getElementById("learn_btn_"+i).onclick = document.getElementById("learn_btn_"+temp).onclick;
						document.getElementById("cardname_"+i).innerHTML = document.getElementById("cardname_"+temp).innerHTML;
					
						document.getElementById("ID_CARD_SELL_"+i).value = document.getElementById("ID_CARD_SELL_"+temp).value;
						
						document.getElementById("ID_CARD_SELL_"+temp).value = "";
						document.getElementById("remove_"+temp).src = "/cartes/compare/images/remove-btn-gray.gif";
						document.getElementById("card"+temp).src = "/cartes/compare/images/remove-gray.jpg";
						document.getElementById("apply_btn_"+temp).src = "/images/oce/spacer.gif";
						document.getElementById("learn_btn_"+temp).src = "/images/oce/spacer.gif";
						document.getElementById("cardname_"+temp).innerHTML = "";
						//alert(document.getElementById('id_cards_compared').value);
						
					}
					//break;
					//if(){break;}
				}
				//alert("Hidden Variable "+i+++" is BLANK");
			}
		}
	}
	
	//Check if user came from visa selector, if so set variable
	var from_visaselector = getURLParam('vs');
	
	//alert("Actual value is: "+document.getElementById('ID_CARD_SELL_1').value);
	//Grey-out buttons and arrows and set titles back to default
	if (document.getElementById('ID_CARD_SELL_1').value == '' || cancel_from_visaselector==1 || (slot_rem==1  && from_visaselector==1)){
		document.getElementById('compare_btn').src = "/cartes/compare/images/compare-cards-btn-disable.gif";
		document.getElementById('compare_btn_arrows').src = "/cartes/compare/images/compare-card-btn-arrow-off.gif";
		document.getElementById('cards_area_title').src= '/cartes/compare/images/selector-cards-top.jpg';
		document.getElementById('cards_area_body_top').style.backgroundImage= "url('/cartes/compare/images/selected-card-bg-white.gif')";
		document.getElementById('cards_area_body_middle').style.backgroundImage= "url('/cartes/compare/images/selected-card-bg-white.gif')";
		document.getElementById('cards_area_button').style.backgroundImage= "url('/cartes/compare/images/category-bottom-white.jpg')";
		document.getElementById('cell_card_1').background= '';
		cancel_from_visaselector=1
	}
	
	//Turn on Compare button and arrows if there are still cards
	//alert("Actual value is: "+document.getElementById('id_cards_compared').value);
	//alert("Actual value is: "+document.getElementById('ID_CARD_SELL_1').value);
	if(document.getElementById('ID_CARD_SELL_1').value != ''){
		document.getElementById('compare_btn').src = "/cartes/compare/images/compare-cards-btn-out.gif";
		document.getElementById('compare_btn_arrows').src = "/cartes/compare/images/compare-card-btn-arrow-on.gif";
	}		
	
	if (from_visaselector == 1) {
		qs = qs+"&vs=1";
		cancel_from_visaselector=1; //Lets comparator know user has overridden recommendation
	}			

}

function cc_submit(server_name){
	var cards = document.getElementById('id_cards_compared').value;
	
		if(document.getElementById('id_cards_compared').value != 0){
			var one = document.getElementById('ID_CARD_SELL_1').value;
			if (one != ''){
				var qs = "?";
				for (var i = 1; i<5; i++){
					//alert(i);
					var s = "ID_CARD_SELL_"+i;
					
					var temp = document.getElementById(s).value;
					//alert(temp);
					if(i!=4){
						qs = qs+i+"_select="+temp+"&";
					}
					else{
						qs = qs+i+"_select="+temp;
					}
					//alert(qs);						
				}
				//Check if user came from visa selector, if so set variable
				var from_visaselector = getURLParam('vs');
				if (from_visaselector == 1 && cancel_from_visaselector!=1) {
					qs = qs+"&vs=1";
				}					
				window.location = "http://"+server_name+"cgi-bin/cartes/compare/cards.cgi"+qs;
			}
		}
}

/*******************************************************************************
NOTES															 
ENSURE THAT THE VALUES OF THE HIDDEN ELEMENTS ARE POPULATED ACCORDINGLY WHEN CARDS ARE REMOVES, ADDED OR SHIFTED.
/******************************************************************************/
function purge(){
	document.getElementById('id_cards_compared').value = '';
	document.getElementById('ID_CARD_SELL_1').value = '';
	document.getElementById('ID_CARD_SELL_2').value = '';
	document.getElementById('ID_CARD_SELL_3').value = '';
	document.getElementById('ID_CARD_SELL_4').value = '';
}

function getURLParam(strParamName) {	
	// GetURL Params value from querystring
	var qs = location.search.split('?');
	if (qs.length > 1) {
	var pairs = qs[1].split("&");
		for (var i=0; i<pairs.length; i++) {
			var namevalue = pairs[i].split("=", 2);
			var name = unescape(namevalue[0]);
			var value = unescape(namevalue[1]);
			if (name.toUpperCase() == strParamName.toUpperCase()) {
				return value;
				//break;
			}
		}
	}
	return null;
}

//Preselect Cards if in URL
function preselectCards(server_name) {
	//Get Parameters
	from_visaselector = getURLParam('vs');
	card1 = getURLParam('1_select');
	card2 = getURLParam('2_select');
	card3 = getURLParam('3_select');
	card4 = getURLParam('4_select');
	
	//Check if card is valid
	if (card_image[card1] == undefined) card1 = null;
	if (card_image[card2] == undefined) card2 = null;
	if (card_image[card3] == undefined) card3 = null;
	if (card_image[card4] == undefined) card4 = null;

	//Select the cards
	var card_count=0;
	if (card1 != null) {
		cardCompare(card1, card_image[card1], server_name ); card_count++;
	}
	if (card2 != null) {
		cardCompare(card2, card_image[card2], server_name ); card_count++;
	}
	if (card3 != null) {
		cardCompare(card3, card_image[card3], server_name ); card_count++;
	}
	if (card4 != null) {
		cardCompare(card4, card_image[card4], server_name ); card_count++;
	}
	
	//Change title background if user came from visa selector
	//highlight recommended card
	//Change form submit to add vs variable to signify user came from selector
	if (from_visaselector == 1) {
		document.getElementById('cards_area_title').src= '/cartes/compare/images/recommended-cards-top.jpg';
		document.getElementById('cards_area_body_top').style.backgroundImage= "url('/cartes/compare/images/selected-card-bg-blue.gif')";
		document.getElementById('cards_area_body_middle').style.backgroundImage= "url('/cartes/compare/images/selected-card-bg-blue.gif')";
		document.getElementById('cards_area_button').style.backgroundImage= "url('/cartes/compare/images/category-bottom-blue.jpg')";
		document.getElementById('from_selector_hidden').value=1;
	}		
}