var ccards = new Array();
var ccards = [5,2,6,4,3,1];

var ecards = new Array();
var ecards = [1,2,3,4,5,6,7];

var ccard = 0;
var ecard = 0;

ccard_max = 5;
ecard_max = 6;

function initCardViewer()
{
	setECardText();
	setCCardPic();
	setECardPic();
}



function nextCCard()
{
	ccard = ccard + 1;
	if(ccard > ccard_max)
	{
		ccard = ccard_max;
	}
	setCCardPic();
}
function backCCard()
{
	ccard = ccard - 1;
	if(ccard < 0)
	{
		ccard = 1;
	}
	else
	{
		setCCardPic();
	}
}

function nextECard()
{
	ecard = ecard + 1;
	if(ecard > ecard_max)
	{
		ecard = ecard_max;
	}
	else
	{
		setECardPic();
		setECardText();
	}
}

function backECard()
{
	ecard = ecard - 1;
	if(ecard < 0)
	{
		ecard = 1;
	}
	setECardText();
	setECardPic();
}



function setCCardPic()
{
	myimage = document.getElementById("ccardpic");
	newsrc = "/cardviewer/ccard_" + ccards[ccard] + ".jpg";
	myimage.src = newsrc;
	preloadCCardPic();
}

function setECardPic()
{
	myimage = document.getElementById("ecardpic");
	newsrc = "/cardviewer/ecard_" + ecards[ecard] + ".jpg";
	myimage.src = newsrc;
	preloadECardPic();
}


function preloadCCardPic()
{
	if(ccard < ccard_max)
	{
    	var preload = new Image();
		var newsrc = "/cardviewer/ccard_" + ccards[ccard + 1] + ".jpg";
    	preload.src = newsrc;
	}

}
function preloadECardPic()
{
	if(ecard < ecard_max)
	{
    	var preload = new Image();
		var newsrc = "/cardviewer/ecard_" + ecards[ecard + 1] + ".jpg";
    	preload.src = newsrc;
	}
}



function setECardText()
{
	for (var ecardindex in ecards)
	{
		textid = 'cardtxt' + ecards[ecardindex];
		myelement = document.getElementById(textid);
		if(ecards[ecardindex] == ecards[ecard])
		{
			myelement.style.visibility = "visible";
			myelement.style.display = "block";
		}
		else
		{
			myelement.style.visibility = "hidden";
			myelement.style.display = "none";
		}
	}
}