//pre battle arena
var pre_ARENA = function () {
//sky
background(135, 206, 235);

//sun
fill(255, 247, 8);
ellipse(355,57,80,80);


var img = getImage("cute/GrassBlock");
var imgwidth = 80;

for (var i = 0; i < width/imgwidth;i++) {
    image(img, i * imgwidth, height - imgwidth*3, imgwidth, imgwidth);
    image(img, i * imgwidth, height - imgwidth*2.5, imgwidth, imgwidth);
    image(img, i * imgwidth, height - imgwidth*2, imgwidth, imgwidth);
    image(img, i * imgwidth, height - imgwidth*1.5, imgwidth, imgwidth);
    image(img, i * imgwidth, height - imgwidth, imgwidth, imgwidth);
}

var img_2 = getImage("cute/TreeShort");
var imgwidth = 80;

for (var i = 0; i < width/(imgwidth/2); i++) {
    image(img_2, i* imgwidth/2-20, height - imgwidth*3.35, imgwidth, imgwidth);
}
};

// SDG battle arenas 1-17

//battle arena 1 & 2
var africa_ARENA = function() {

background(247, 240, 178);

//sky
fill(135, 206, 235);
rect(0,1,400,122);

//sun
fill(255, 247, 8);
ellipse(355,57,80,80);

//cloud
var leftX = 102;
    fill(255,255,255);
    ellipse(leftX, 51, 148, 88);
    ellipse(leftX+62, 54, 70, 60);
    ellipse(leftX-62, 55, 70, 60);

//dirtblocks
var img = getImage("cute/DirtBlock");
var imgWidth = 80;

for(var i = 0; i < width/i; i++){
    image(img, i* imgWidth, 95, imgWidth, 77);
    image(img, i* imgWidth, 133, imgWidth, 77);
    image(img, i* imgWidth, 172, imgWidth, 77);
    image(img, i* imgWidth, 211, imgWidth, 77);
    image(img,i * imgWidth,250,imgWidth,77);
}

//broken house
var house = function (h_x,h_y, househeight, housewidth) {
    fill(184, 60, 26);
if (househeight === undefined) {
    househeight = 99;
}

if (housewidth === undefined) {
    housewidth = 150;
}

rect(h_x,h_y,housewidth,househeight);

    //roof
    fill(145, 84, 10);
    var roofheight = -50;
    triangle(h_x,h_y,h_x + housewidth,h_y,h_x + housewidth/2,h_y + roofheight);

    //windows
    fill(28, 123, 217);
    rect(h_x+housewidth*0.1, h_y+househeight*0.4, housewidth*0.2, househeight*0.3);

    //doors
    fill(0, 0, 0);
    rect(h_x+housewidth*0.7, h_y+househeight*0.38,housewidth*0.2,househeight*0.6);


};

house(11,96, 70, 100);
house(118,57, 70, 100);
house(240, 85, 70, 100);

};

//battle arena 3
var hospital_ARENA = function () {
//rocs
var img = getImage("cute/PlainBlock");
var imgWidth = 80;

for(var i = 0; i < width/i; i++){
    image(img, i* imgWidth, 95, imgWidth, 77);
    image(img, i* imgWidth, 133, imgWidth, 77);
    image(img, i* imgWidth, 172, imgWidth, 77);
    image(img, i* imgWidth, 211, imgWidth, 77);
    image(img,i * imgWidth,250,imgWidth,77);
}
var beds = function(x,y,xPos,yPos) {
//beds

//legs
fill(255,255,255);
rect(x,y+26,xPos-90,yPos-10);
rect(x+90,y+26,xPos-90,yPos-10);


//matress
fill(255,255,255);

rect(x,y,xPos, yPos);

//pillows
fill(255, 0, 0);
rect(x,y,xPos*0.2,yPos*1);

};

//place beds
beds(14,120,101,29);
beds(130,120,101,29);
beds(245,120,101,29);

//windows
var x_window = 50;
fill(28,123,217);
rect(x_window,30,70,70);

var x_window = width-50-70;
rect(x_window,30,70,70);

};

//battle arena 4
var school_ARENA = function (){

//sky
fill(135, 206, 235);
rect(0,1,400,122);

//sun
fill(255, 247, 8);
ellipse(355,57,80,80);

var x = 0;
var y = 111;

//building
fill(255, 0, 0);
rect(x,y, 398,226);

//roof
fill(0,0,0);
triangle(x,y,200,10,397,y);

//windows
var x_window = 45;
var y_window = 176;

    //behind windows
    fill(0,0,0);
    rect(x_window, y_window, x_window+15+x_window,y_window-71);

fill(28,123,217);
rect(x_window, y_window, 50,50);
rect(x_window+55,y_window,50,50);
rect(x_window, y_window+55, 50,50);
rect(x_window+55,y_window+55,50,50);

//door
fill(255,255,255);
var x_door = 247;
rect(x_door,y+85,82,141);

    //håndtag
    fill(0,0,0);
    line(294,265,310,265);

//clock


//sign
fill(255,255,255);
rect((width-172)/2,115,172,53);

    //fonttext
    var schoolFont = createFont('Arial',30);

fill(0,0,0);
textFont(schoolFont);
text("School", (width-86)/2,129,172,53);
};

//battle arena 5

var genderroom_ARENA = function () {
var x = 0;
var y = 0;
var x_width = 200;
var y_height = 400;

noStroke();

    //left upper rect
    fill(255,20,147);
    rect(x/2,y/2,x_width,y_height/2);

    //left lower rect
    fill(232, 28, 140);
    rect(x,y+200,x_width,y_height/2);

    //right upper rect
    fill(32, 167, 230);
    rect(x_width,y,x_width,y_height);

    //right lower rect
    fill(35, 103, 135);
    rect(x_width,y+200,x_width,y_height/2);

};

//battle arena 14
var underwater_ARENA = function (){
background(89, 216, 255);

//sand

noStroke();
fill(252, 229, 128);
rect(0,288,413,126);

//seaweed
stroke(34,139,34);
line(161,298,154,269);
line(161,241,154,269);
line(151,214,161,242);

line(255,301,246,268);
line(235,259,246,269);
line(237,260,244,230);

line(93,296,91,273);

var bodyLength = 19;
var bodyHeight = 15;

var fish = function(bodycolor) {
    var centerX = random(0,width);
    var centerY = random(0,height/2);

    noStroke();
    fill(bodycolor);

    //body
    ellipse(centerX,centerY,bodyLength,bodyHeight);

    //tail
    var tailWidth = bodyLength/4;
    var tailHeight = bodyHeight/2;
    triangle(centerX-bodyLength/2, centerY, centerX-bodyLength/2-tailWidth, centerY    -tailHeight, centerX-bodyLength/2-tailWidth, centerY+tailHeight);

    //eye
    fill(33,33,33);
    ellipse(centerX+bodyLength/4, centerY, bodyHeight/5, bodyHeight/5);
};

for(var i = 0; i < 20; i++) {

var col = color(i * 20, random(0,254), random(0,90)*i);

  fish(col);
}
};