function checkUncheckSavedCards(cardid) 
{
    var arrAddDiv = document.getElementsByClassName("addDiv" + cardid);
    var arrRemoveDiv = document.getElementsByClassName("removeDiv" + cardid);
	var arrCompareDiv = document.getElementsByClassName("compare_cards_" + cardid);
    var i;
    var check = getCookie("card_" + cardid);
	var card_order = getCookie("card_order");
	var numberOfSavedCards = getCookie("saved_cards");

    if (check != "" && (card_order.search(check)) && numberOfSavedCards  > 0 ) 
	{
        for (i = 0; i < arrAddDiv.length; i++)
		{
            arrAddDiv[i].style.display = "none";
            arrRemoveDiv[i].style.display = "block";
			arrCompareDiv[i].style.display = "block";
        }
    } 
	else 
	{
        for (i = 0; i < arrAddDiv.length; i++) 
		{
            arrAddDiv[i].style.display = "block";
            arrRemoveDiv[i].style.display = "none";
			arrCompareDiv[i].style.display = "none";
        }
    }
}

function removeCreditCard(id) 
{
	//delete the cookie set for this particular card.
    setCookie("card_" + id, "", -1);
	
	//get the number of previously saved credit cards
    var numberOfSavedCards = getCookie("saved_cards");
	
	//derement the number by one.
    numberOfSavedCards--;
	
	//rewrite the cookie with the new number of saved credit cards
    setCookie("saved_cards", numberOfSavedCards);
	
	//remove the card from the order list
    var card_order = getCookie("card_order");

    setCookie("card_order", card_order.replace("_" + id + "_", "_"));
	
	checkUncheckSavedCards(id);

	//get the displayed value of saved credit cards and decrement it by one.	
    var val = parseFloat(document.getElementById("SavedCards").innerHTML);
    document.getElementById("SavedCards").innerHTML = val - 1;
	
	if(val==1)
	{
		document.getElementById('CompareSavedCards').style.display = 'none';
		document.getElementById('NoSavedCards').style.display = 'block';
	}
}

function saveCreditCard(id) 
{
	// get the content of cookie
    var numberOfSavedCards = getCookie("saved_cards");
	
	//if the saved cards is blank then we create the order cookie
    if (numberOfSavedCards == "")
	{
        setCookie("card_order", "_" );
    }
	
	//if the cookie is full then we alert a error message
    if (numberOfSavedCards == 6) 
	{
        alert("Maximum 6 cards can be saved at a time for comparison.\nYou have already saved 6 cards. ");
        return;
    }
	
	//increase the number of credit cards
    numberOfSavedCards++;
	
	//setcookie with the new saved cards
    setCookie("saved_cards", numberOfSavedCards);
	
	//setcookie with the credit card id
    setCookie("card_" + id, id);
	
	//get the order in which the cards were saved
    var card_order = getCookie("card_order");
	
	//set the new card in this order
    setCookie("card_order", card_order + id + "_");
	
    checkUncheckSavedCards(id);
	
	//get the displayed value of saved credit cards and increment it by one.
    var val = parseFloat(document.getElementById("SavedCards").innerHTML);
	document.getElementById("SavedCards").innerHTML = val + 1;
	
	document.getElementById('CompareSavedCards').style.display = 'block';
	document.getElementById('NoSavedCards').style.display = 'none';
}

function getCookie(c_name)
{
    if (document.cookie.length > 0) 
	{
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) 
		{
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) 
			{
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}

function setCookie(c_name, value, expiredays) {
    var exdate = new Date;
    exdate.setTime(exdate.getTime() + 60*60*1000);
    document.cookie = c_name + "=" + escape(value) + (expiredays == null ? "; path=/" : ";expires=" + exdate.toGMTString() + "; path=/");
}

function checkNumberOfSavedCards()
{
	var numberOfSavedCards = getCookie("saved_cards");
	if(numberOfSavedCards>0)
	{
		document.getElementById("SavedCards").innerHTML = numberOfSavedCards;
		document.getElementById('CompareSavedCards').style.display = 'block';
		document.getElementById('NoSavedCards').style.display = 'none';
	}
	else
	{
		document.getElementById("SavedCards").innerHTML = 0;
		document.getElementById('CompareSavedCards').style.display = 'none';
		document.getElementById('NoSavedCards').style.display = 'block';
	}
}

function clearSavedCards()
{
    var i;
	var card_order = getCookie("card_order");
	var numberOfSavedCards = getCookie("saved_cards");
	
	if(card_order !='' && numberOfSavedCards > 0)
	{
		card_order_array = card_order.split("_");
		for(i=1;i<(card_order_array.length-1);i++)
		{
			cardid = card_order_array[i];
			var arrAddDiv = document.getElementsByClassName("addDiv" + cardid);
  		    var arrRemoveDiv = document.getElementsByClassName("removeDiv" + cardid);
			var arrCompareDiv = document.getElementsByClassName("compare_cards_" + cardid);
			
			for (j = 0; j < arrAddDiv.length; j++) 
			{
				arrAddDiv[j].style.display = "block";
				arrRemoveDiv[j].style.display = "none";
				arrCompareDiv[j].style.display = "none";
			}
		}
	}
	setCookie("saved_cards","");
	setCookie("card_order","");
	checkNumberOfSavedCards();
}