var pictureArray;
var position=0;
	
function showCardImage(card)
{
	var showCardImages=document.getElementById("showCardImages");
	var mainTablePage=document.getElementById("mainTablePage");
	var cardImageLeft=document.getElementById("cardImageLeft");
	var cardImageRight=document.getElementById("cardImageRight");
	
	position=0;
	setPictureArray(card);
	mainTablePage.className="darkPage";
	showCardImages.className="popUpPage";
	showCardImages.style.display="block";
	showCardImages.style.left=200;
	showCardImages.style.top=100;
	cardImageLeft.src=pictureArray[0];
	cardImageLeft.className="";
	cardImageRight.src=pictureArray[1];
	cardImageRight.className="border";
	changeOpacity("faded");
}

function setPictureArray(card)
{
	switch(card)
	{
		case 1:
			pictureArray=new Array(2);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card1_1.jpg";
			pictureArray[2]="images/card1_2.jpg";
			pictureArray[3]="images/blank.gif";
			break;
		case 2:
			pictureArray=new Array(2);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card2_1.jpg";
			pictureArray[2]="images/card2_2.jpg";
			pictureArray[3]="images/blank.gif";
			break;
		case 3:
			pictureArray=new Array(4);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card3_1.jpg";
			pictureArray[2]="images/card3_2.jpg";
			pictureArray[3]="images/card3_3.jpg";
			pictureArray[4]="images/card3_4.jpg";
			pictureArray[5]="images/blank.gif";
			break;
		case 4:
			pictureArray=new Array(4);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card4_1.jpg";
			pictureArray[2]="images/card4_2.jpg";
			pictureArray[3]="images/card4_3.jpg";
			pictureArray[4]="images/card4_4.jpg";
			pictureArray[5]="images/blank.gif";
			break;
		case 5:
			pictureArray=new Array(4);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card5_1.jpg";
			pictureArray[2]="images/card5_2.jpg";
			pictureArray[3]="images/card5_3.jpg";
			pictureArray[4]="images/card5_4.jpg";
			pictureArray[5]="images/blank.gif";
			break;
		case 6:
			pictureArray=new Array(4);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card6_1.jpg";
			pictureArray[2]="images/card6_2.jpg";
			pictureArray[3]="images/card6_3.jpg";
			pictureArray[4]="images/card6_4.jpg";
			pictureArray[5]="images/blank.gif";
			break;
		case 7:
			pictureArray=new Array(4);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card7_1.jpg";
			pictureArray[2]="images/card7_2.jpg";
			pictureArray[3]="images/card7_3.jpg";
			pictureArray[4]="images/card7_4.jpg";
			pictureArray[5]="images/blank.gif";
			break;
		case 8:
			pictureArray=new Array(4);
			pictureArray[0]="images/blank.gif";
			pictureArray[1]="images/card8_1.jpg";
			pictureArray[2]="images/card8_2.jpg";
			pictureArray[3]="images/card8_3.jpg";
			pictureArray[4]="images/card8_4.jpg";
			pictureArray[5]="images/blank.gif";
			break;
	}
}
function next()
{
	var cardImageLeft=document.getElementById("cardImageLeft");
	var cardImageRight=document.getElementById("cardImageRight");
	
	if (position<(pictureArray.length-2))
	{
		if ((position+2)>pictureArray.length-1)
			position++;
		else
			position+=2;
		if (position==(pictureArray.length-1))
		{
			cardImageLeft.src=pictureArray[position];
			cardImageLeft.className="border";
			cardImageRight.src="images/blank.gif";
			cardImageRight.className="";
		}
		else
		{
			cardImageLeft.className="border";
			cardImageRight.className="border";
			cardImageLeft.src=pictureArray[position];
			cardImageRight.src=pictureArray[position+1];
		}
	}
}

function previous()
{
	var cardImageLeft=document.getElementById("cardImageLeft");
	var cardImageRight=document.getElementById("cardImageRight");
	
	if (position>0)
	{
		if ((position-2)<0)
			position--;
		else
			position-=2;
		if (position==0)
		{
			cardImageLeft.src=pictureArray[0];
			cardImageLeft.className="";
			cardImageRight.src=pictureArray[1];
		}
		else
		{
			cardImageLeft.className="border";
			cardImageRight.className="border";
			cardImageLeft.src=pictureArray[position];
			cardImageRight.src=pictureArray[position+1];
		}
	}
}

function close(card)
{
	var showCardImages=document.getElementById("showCardImages");
	var mainTablePagePage=document.getElementById("mainTablePage");
	
	mainTablePage.className="regularPage";
	changeOpacity("notFaded");
	showCardImages.style.display="none";
}

function changeOpacity(type)
{	
	var showCardImages=document.getElementById("showCardImages");
	var mainTablePage=document.getElementById("mainTablePage");
	
	if (type=="faded")
	{
		mainTablePage.style.filter="alpha(opacity=20)";
		mainTablePage.style.MozOpacity=.2;
		showCardImages.style.filter="alpha(opacity=100)";
		showCardImages.style.MozOpacity=1;
	}
	if (type=="notFaded")
	{
		mainTablePage.style.filter="alpha(opacity=100)";
		mainTablePage.style.MozOpacity=1;
		showCardImages.style.filter="alpha(opacity=100)";
		showCardImages.style.MozOpacity=1;
	}
}