function showCard(cardName,group,color){
	var theUrl = '../card_2.htm?cardName=' + cardName;
	if(group > "") theUrl += '&group=' + group;
	if(color > "") theUrl += '&color=' + color;
	window.open(theUrl,'','scrollbars=yes,resizable=yes,width=450,height=450');
}

function replaceChar(str,charIn, charOut){
var strOut = "";

	for (var i=0; i< str.length; i++){	
		if(str.charAt(i) == charIn) strOut += charOut;	else strOut += str.charAt(i);
	}
	return strOut
}

function doubleSpace(str){
	var strOut = ""
	for (var i=0; i< str.length; i++) strOut += str.charAt(i) + " ";
	return strOut
}


function cardDetails(document){
	this.$document = document;
	var imageName = "";
	var titleName = "";
	var color = null;
	var group = null;
	var s = this.$document.location.search;
	
	// get card name
	var start = s.indexOf('cardName=');
	if(start > -1){
		start += 9
		var end = s.indexOf('&', start);
		if(end == -1) end = s.length;
		var rawName = s.substring(start,end);
	}
	
	titleName = replaceChar(rawName,"_"," ");
	imageName = replaceChar(rawName,"_","");
	
	// get card group
	start = s.indexOf('group=');
	if(start > -1){
		start += 6;
		end = s.indexOf('&', start);
		if(end == -1) end = s.length;
		group = s.substring(start,end)
	}

	// get card colour
	start = s.indexOf('color=');
	if(start > -1){
		start += 6;
		end = s.indexOf('&', start);
		if(end == -1) end = s.length;
		color = s.substring(start,end)
	}
	this.cardGroup = group;
	this.colorName = color;
	this.cardName = rawName;
	this.imageName = imageName;
	this.titleName = replaceChar(rawName,"_"," ").toUpperCase();
	this.querystring = s;
}