function cmp_click() {
	var checked = 0;
	
	var allElements = document.compare_cards.elements;
	
	var elemCount = allElements.length;

	for(var i=0; i<elemCount; i++) {
		var str_name = /compare/;
		
		
		if(str_name.test(allElements[i].name) && allElements[i].type=='checkbox' && allElements[i].checked)  {
			
		
			checked++;
			
			if(checked >= 3) {
				
				for(e in allElements) {
					
					if (allElements[e].checked == false && allElements[e].type == "checkbox") {
						allElements[e].disabled = true;
					}	
				}
				
			}
			else {
				for (e in allElements) {

					if (allElements[e].disabled == true)
						allElements[e].disabled = false;
				}	
			}
		}

	}
}

function compare_selected() {
	
	document.compare_cards.act.value = 'compare';
	document.compare_cards.action = 'compare.php';
	document.compare_cards.submit();
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}
function readCardsNumber() {
	var ca = document.cookie.split(';');
	var cn = 0;
	for(i=0;i<ca.length;i++) {
		if(ca[i].length) cn++;
	}
	
	return cn;
}
function eraseCookie(name) {
	createCookie(name,"",-1);
}

function setRemove(id) {
	
	document.getElementById('ac_'+id).innerHTML = '<span onclick="removeFromList(\''+id+'\')" style="cursor:pointer;"><img src="img/remove.png" border="0" alt="Remove {$i.creditcard_name}" ><br>Remove From List</span>';
}

function setAdd(id) {
	document.getElementById('ac_'+id).innerHTML = '<span onclick="addToList(\''+id+'\')" style="cursor:pointer;"><img src="img/add.png" border="0" alt="Add {$i.creditcard_name}" ><br>Add to My List</span>';
}

function addToList(id) {
	
	createCookie('cards['+id+']','1','10');
	
	
	setCardsText();
	
	setRemove(id);
}

function removeFromList(id) {
	
	eraseCookie('cards['+id+']');
	
	
	setCardsText();
	
	setAdd(id);
}


function setCardsText() {
	var cn = readCardsNumber();
	var cardsListText = '';

	if(cn == 0) {
		cardsListText = 'Your card list is empty';
	}
	else {
		if(cn == 1)	 {
			cardsListText = 'You have 1 card on your list<br><a href="my_card_list.php">Click to view your card list</a>';
		}
		else {
			
			cardsListText = 'You have '+cn+' card on your list<br><a href="my_card_list.php">Click to view your card list</a>';
		}
	}
	
	document.getElementById('card_list').innerHTML=cardsListText;
}


function opacity(id, opacStart, opacEnd, millisec, hide) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			timer++;
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
		}
		
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
		
	}
	
	//if(hide) document.getElementById(id).style.display='none';
}
function changeOpac(opacity, id) {
	if(opacity>2) {
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
	else {
		document.getElementById(id).style.overflow = 'hidden';
		document.getElementById(id).style.height='0px';
	}
	
}