//Plane Border
//Anything to do with...
//Loading Images
imgFrameMask.src = borderPath + "frameMask.png"
imgBorderMask.src = borderPath + "borderMask.png"
//Card Size
cardWidth = 1074
cardHeight = 749
document.getElementsByClassName("mainGrid")[0].classList.add("plane")
//Card Title
var titleFont = cardHeight * 0.0454 + "px belerenb" //34
var titleFontSpacing = cardWidth * 0.00014 + "px" //0.15
var titleX = cardWidth * 0.5000 //522
var titleY = cardHeight * 0.0534 //40
var titleAlign = "center"
//Mana Cost
var manaCostRadius = 0
var manaCostX = 0
var manaCostY = 0
//Card Type
var typeFont = cardHeight * 0.0347 + "px belerenb" //26
var typeFontSpacing = "0px" //0
var typeX = cardWidth * 0.5000 //522
var typeY = cardHeight * 0.6702 //502
var typeAlign = "center"
//Rules/Flavor Text
var textFont = "px mplantin"
var textFontSpacing = cardWidth * 0.0002 //0.2
var textX = cardWidth * 0.1188 //124
var textY = cardHeight * 0.7143 //535
var textWidth = cardWidth * 0.8860 //925
document.getElementById("textSize").value = Math.floor(cardHeight * 0.0348) //26
//Bottom Info
var planechaseInfo = true
//Set Symbol
var setSymbolY = cardHeight * 0.6929 //519
var setSymbolRight = cardWidth * 0.7797 //814
var setSymbolWidth = cardWidth * 0.0402 //42
var setSymbolHeight = cardHeight * 0.0320 //24
//Watermark
var watermarkWidth =  cardWidth * 0.8787 //920
var watermarkHeight = cardHeight * 0.2000 //150
var watermarkY = cardHeight * 0.8225 //616
//Color Options
loadColors("white-Regular,high-Bottom,mid-Middle,low-Top,none-Single")
document.getElementById("secondColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML
document.getElementById("thirdColorSelection").innerHTML = document.getElementById("colorSelection").innerHTML
//Other
var creatureBorder = false
var thirdBorder = false
var secondBorder = false
var artX = cardWidth * 0.0316 //33
var artY = cardHeight * 0.0441 //33
transparentBorder = true
//With all the new values in place, the program will update it's border images
finishTemplate()
//Any special functions go at the bottom
var uniqueFunctionName = "bottomInfoPlanechase"
function bottomInfoPlanechase() {
	card.textAlign = "left"
	card.fillStyle = document.getElementById("inputInfoColor").value
	var bottomLineFirst = document.getElementById("inputNumber").value + " " + document.getElementById("inputSet").value + " \u00b7 " + document.getElementById("inputLanguage").value
	var bottomLineSecond
	if (document.getElementById("inputInfo").value != "") {
		bottomLineSecond = "CC \u2014 " + document.getElementById("inputInfo").value
		if (bottomLineSecond == "CC \u2014 secretcode") {
			var date = new Date()
			var year = date.getFullYear()
			bottomLineSecond = "\u2122 & \u00a9 " + year + " Wizards of the Coast"
		}
	}
	var artist = document.getElementById("inputArtist").value
	//Artist
	canvas.style.letterSpacing = cardWidth * -0.0002 + "px" //-0.2
	card.font = "16px matrixbsc" //16
	var artistLineWidth = (card.measureText(artist).width + cardWidth * 0.01724) / 2 //18
	imgArtistBrush.imgValues(cardWidth / 2 - artistLineWidth, cardHeight * 0.9426, cardWidth * 0.0144, cardHeight * 0.0134)
	card.mask("imgArtMask,source-over", imgArtistBrush, card.fillStyle)
	card.fillText(artist, cardWidth / 2 - artistLineWidth + cardWidth * 0.01724, cardHeight * 0.9400) //18, 704
	//Left and Right side
	canvas.style.letterSpacing = "0px"
	card.font = cardHeight * 0.0187 + "px relaymedium" //14
	var firstWidth = card.measureText(bottomLineFirst).width + cardWidth * 0.0144 //15
	canvas.style.letterSpacing = cardWidth * -0.0007 + "px" //-0.7
	card.font = cardHeight * 0.0187 + "px mplantin" //14
	var secondWidth = card.measureText(bottomLineSecond).width

	canvas.style.letterSpacing = "0px"
	card.font = cardHeight * 0.0187 + "px relaymedium" //14
	card.fillText(bottomLineFirst, cardWidth / 2 - ((secondWidth + firstWidth) / 2) - cardWidth * 0.0077, cardHeight * 0.9586) //8, 718

	canvas.style.letterSpacing = cardWidth * -0.0007 + "px" //-0.7
	card.font = cardHeight * 0.0187 + "px mplantin" //14
	card.fillText(bottomLineSecond, cardWidth / 2 - ((secondWidth + firstWidth) / 2) + firstWidth - cardWidth * 0.0077, cardHeight * 0.9586) //8, 718
}