//preload the dice images first
var greyleft=new Image();
greyleft.src="leftg.gif";
var activleft=new Image();
activleft.src="left.gif";
var greyright=new Image();
greyright.src="rightg.gif";
var activright=new Image();
activright.src="right.gif";

var d4faceg=new Image();
d4faceg.src="d4fg.gif";
var d4face0=new Image();
d4face0.src="blank.gif";
var d6faceg=new Image();
d6faceg.src="d6fg.gif";
var d6face0=new Image();
d6face0.src="blank.gif";
var d8faceg=new Image();
d8faceg.src="d8fg.gif";
var d8face0=new Image();
d8face0.src="blank.gif";
var d10faceg=new Image();
d10faceg.src="d10fg.gif";
var d10face0=new Image();
d10face0.src="blank.gif";
var d12faceg=new Image();
d12faceg.src="d12fg.gif";
var d12face0=new Image();
d12face0.src="blank.gif";
var d20faceg=new Image();
d20faceg.src="d20fg.gif";
var d20face0=new Image();
d20face0.src="blank.gif";
var d100faceg=new Image();
d100faceg.src="d100fg.gif";
var d100face0=new Image();
d100face0.src="blank.gif";

var d4face1=new Image();
d4face1.src="d4f1.gif";
var d4face2=new Image();
d4face2.src="d4f2.gif";
var d4face3=new Image();
d4face3.src="d4f3.gif";
var d4face4=new Image();
d4face4.src="d4f4.gif";

var d6face1=new Image();
d6face1.src="d6f1.gif";
var d6face2=new Image();
d6face2.src="d6f2.gif";
var d6face3=new Image();
d6face3.src="d6f3.gif";
var d6face4=new Image();
d6face4.src="d6f4.gif";
var d6face5=new Image();
d6face5.src="d6f5.gif";
var d6face6=new Image();
d6face6.src="d6f6.gif";

var d8face1=new Image();
d8face1.src="d8f1.gif";
var d8face2=new Image();
d8face2.src="d8f2.gif";
var d8face3=new Image();
d8face3.src="d8f3.gif";
var d8face4=new Image();
d8face4.src="d8f4.gif";
var d8face5=new Image();
d8face5.src="d8f5.gif";
var d8face6=new Image();
d8face6.src="d8f6.gif";
var d8face7=new Image();
d8face7.src="d8f7.gif";
var d8face8=new Image();
d8face8.src="d8f8.gif";

var d10face1=new Image();
d10face1.src="d10f1.gif";
var d10face2=new Image();
d10face2.src="d10f2.gif";
var d10face3=new Image();
d10face3.src="d10f3.gif";
var d10face4=new Image();
d10face4.src="d10f4.gif";
var d10face5=new Image();
d10face5.src="d10f5.gif";
var d10face6=new Image();
d10face6.src="d10f6.gif";
var d10face7=new Image();
d10face7.src="d10f7.gif";
var d10face8=new Image();
d10face8.src="d10f8.gif";
var d10face9=new Image();
d10face9.src="d10f9.gif";
var d10face10=new Image();
d10face10.src="d10f10.gif";

var d12face1=new Image();
d12face1.src="d12f1.gif";
var d12face2=new Image();
d12face2.src="d12f2.gif";
var d12face3=new Image();
d12face3.src="d12f3.gif";
var d12face4=new Image();
d12face4.src="d12f4.gif";
var d12face5=new Image();
d12face5.src="d12f5.gif";
var d12face6=new Image();
d12face6.src="d12f6.gif";
var d12face7=new Image();
d12face7.src="d12f7.gif";
var d12face8=new Image();
d12face8.src="d12f8.gif";
var d12face9=new Image();
d12face9.src="d12f9.gif";
var d12face10=new Image();
d12face10.src="d12f10.gif";
var d12face11=new Image();
d12face11.src="d12f11.gif";
var d12face12=new Image();
d12face12.src="d12f12.gif";

var d20face1=new Image();
d20face1.src="d20f1.gif";
var d20face2=new Image();
d20face2.src="d20f2.gif";
var d20face3=new Image();
d20face3.src="d20f3.gif";
var d20face4=new Image();
d20face4.src="d20f4.gif";
var d20face5=new Image();
d20face5.src="d20f5.gif";
var d20face6=new Image();
d20face6.src="d20f6.gif";
var d20face7=new Image();
d20face7.src="d20f7.gif";
var d20face8=new Image();
d20face8.src="d20f8.gif";
var d20face9=new Image();
d20face9.src="d20f9.gif";
var d20face10=new Image();
d20face10.src="d20f10.gif";
var d20face11=new Image();
d20face11.src="d20f11.gif";
var d20face12=new Image();
d20face12.src="d20f12.gif";
var d20face13=new Image();
d20face13.src="d20f13.gif";
var d20face14=new Image();
d20face14.src="d20f14.gif";
var d20face15=new Image();
d20face15.src="d20f15.gif";
var d20face16=new Image();
d20face16.src="d20f16.gif";
var d20face17=new Image();
d20face17.src="d20f17.gif";
var d20face18=new Image();
d20face18.src="d20f18.gif";
var d20face19=new Image();
d20face19.src="d20f19.gif";
var d20face20=new Image();
d20face20.src="d20f20.gif";

var d100face1=new Image();
d100face1.src="d100f1.gif";
var d100face2=new Image();
d100face2.src="d100f2.gif";
var d100face3=new Image();
d100face3.src="d100f3.gif";
var d100face4=new Image();
d100face4.src="d100f4.gif";
var d100face5=new Image();
d100face5.src="d100f5.gif";
var d100face6=new Image();
d100face6.src="d100f6.gif";
var d100face7=new Image();
d100face7.src="d100f7.gif";
var d100face8=new Image();
d100face8.src="d100f8.gif";
var d100face9=new Image();
d100face9.src="d100f9.gif";
var d100face10=new Image();
d100face10.src="d100f10.gif";