//---------------------------DATA--------------------------------------------
//			+0,        +1,				+2, +3

var gBoardList = [	"Public4", 	"Publik Logo (red on black)",	45, "Publik",
			"Comrades", 	"Comrades",			60, "Publik",
			"Public1", 	"Public Transportation", 	45, "Publik",
			"Public2", 	"Public Duality", 		45, "Publik",
			"Public3", 	"Public Duality in Blue", 	47, "Publik",			
			"Alchemy1", 	"Alchemy", 			55, "Alchemy", 
			"Alchemy2", 	"Alchemy (green)", 		57, "Alchemy",
			"Shield2",	"Thrashed (blue)",		60, "Alchemy",
			"Shield1", 	"Thrashed (yellow)",		62, "Alchemy",
			"Fish", 	"Garden Fish",		55, "Alchemy",
			"Alchemy3", 	"Chemist's Vial",		55, "Alchemy",
			"Alchemy4", 	"Blue Moon",			60, "Alchemy",
			"Burn", 	"Heart Burn",			55, "Alchemy",
			"City_Sk8",	"City Sk8",			55, "Alchemy",
			"Decapod", 	"Decapod",			60, "Beastly"
			];

//--------------------------FUNKSHUNZ----------------------------------------

function LoadBoardChooser (seriesname)
{
	var boardarray = gBoardList;
	var t = "";
	
	var i = 0;
	for (i = 0; i < boardarray.length; i += 4)
	{
	  if (boardarray[i + 3] == seriesname) {
	  
		var boardid = boardarray[i + 0];
		var boardname = boardarray[i + 1];
		var boardprice = boardarray[i + 2];
		
		t += "<li id='" + boardarray[i + 0]  + "li' ";
		t += "onmouseover=\"BoardMouseOver('" + boardid + "');\"";
		t += "onmouseout=\"BoardMouseOut('" + boardid + "');\"";
		t += "onclick=\"BoardClick('" + boardid + "');\">";
		t += "<div id='" + boardid + "detail' class='detail'>";
		t += "<a href='javascript: Xclose(\"" + boardid + "detail\");' class='X'>X</a>";
		t += "<p>" + boardname + "<br>$" + boardprice + "<br>";		
		t += '<form action="https://checkout.google.com/api/checkout/v2/checkoutForm/Merchant/637142334189043" id="BB_BuyButtonForm" method="post" name="BB_BuyButtonForm">';
		t += '<input name="item_name_1" type="hidden" value="' + boardname + '"/>';
		t += '<input name="item_description_1" type="hidden" value="skateboard deck"/>';
		t += '<input name="item_quantity_1" type="hidden" value="1"/>';
		t += '<input name="item_price_1" type="hidden" value="' + boardprice + '"/>';
		t += '<input name="item_currency_1" type="hidden" value="USD"/>';
		t += '<input name="_charset_" type="hidden" value="utf-8"/>';
		t += '<input alt="" src="https://checkout.google.com/buttons/buy.gif?merchant_id=637142334189043&amp;w=117&amp;h=48&amp;style=white&amp;variant=text&amp;loc=en_US" type="image"/>';
		t += '</form>';
		t += "</p><br><img src='boards/" + boardid + "_250.png' class='fullpic'>";
		t += "</div>";
		t += "<img src='boards/" + boardid + "_90.png' id='" + boardid + "' class='thumbnail'>";
		t += "<br><label>" + boardname + "</label>";

		t += "</li>";
	  }
	}


	Xelt(seriesname).innerHTML = t;

}


function BoardMouseOver (id) 
{
	Xelt(id).className = "thumbnailover";
}

function BoardMouseOut (id) 
{
	//alert(Xelt(id).IsOpen);
	if (Xelt(id).IsOpen) {
		// do nothing
	} else {
		Xelt(id).className = "thumbnail";
		Xelt(id+"li").className = "";
	}
	
	//Xelt(id+"detail").style.display = "none";
}

function BoardClick (id)
{
	if (!Xelt(id).IsOpen)
	{
		Xelt(id).IsOpen = true;
		Xelt(id+"li").className = "selected";
		Xelt(id+"detail").style.display = "block";
		//RaiseShadow();
	} else {
		Xclose(id);
	}

}

function Xclose (id) 
{
	Xelt(id+"detail").style.display = "none";
	Xelt(id).IsOpen = false;
	//LowerShadow();
}

function RaiseShadow ()
{
	Xelt('shadow').style.display = "block";
}

function LowerShadow () 
{
	Xelt('shadow').style.display = "none";
}