alert("This game is in alpha EXPECT BUGS")
var main = [];//array for map
var overlay = []; //overlay for houseing/buildings
var a = 0;//seected position value
var c = 0;//color
var playerx = 0;
var playery = 0;
var playerheight = 20;
var fps = 10;
var rotation_matrix = []
//resources 
var farms = 0;
var powerplant1 = 0;
var waterplant1 = 0;
var park1amount = 0;
var wifiplant = 0;
var ammountofhouses = 0;
var oilrigs =0;
var mines = 0;
var forests = 0;
var roads = 0;
var storages = 0;

var power = 0;
var water = 0;

var happiness =0;
var wifi = 0;
var money = 1000000;
var nature =0;
var population = 0;
var maxpop = 0;

var oil =20;
var coal = 20;
var iron = 200;
var uranium = 0;
var aluminimum = 40;
var food = 50;
var wood = 2500;
var stone = 2500;

var maxstorage = 200

function preload(){
    
    //nature 
    resource = loadImage('resource.png');
    
    //buildings
    house1 = loadImage('house1.png');
    house2 = loadImage('house2.png');
    house3 = loadImage('house3.png');
    house4 = loadImage('house4.png');
    house5 = loadImage('house5.png');
    wifi1 = loadImage('wifi1.png');
    powerp1 = loadImage('powerp1.png');
    water1 = loadImage('water1.png');
    park1 = loadImage('park1.png');
    
    //resource
    mine = loadImage('mine.png');
    oilrig = loadImage('oilrig.png');
    forest = loadImage('forest.png');
    storage = loadImage('storage.png');
    
    //roads
    roadstr = loadImage('roads/road1str.png');
    roadpip = loadImage('roads/road1pip.png');
    roadcor = loadImage('roads/road1cor.png');
    roadcro = loadImage('roads/road1cro.png');
    
    //roads 1 side
    roadstr1 = loadImage('roads/road1strside1.png');
    roadpip1 = loadImage('roads/road1pipside1.png');
    roadcorl = loadImage('roads/road1corside1l.png');
    roadcorr = loadImage('roads/road1corside1.png');
    
    //road 2 sides
    roadstr2 = loadImage('roads/road1strside2.png');
    roadcor2 = loadImage('roads/roadcor2.png');
}

function setup() {
    angleMode(DEGREES);
    var height = 1000;
    var width = 1000;
    radio = createRadio();
    

    radio.option('3','terrain');
    radio.option('1','road');
    radio.option('2','house');
    radio.option('4','power plant');
    radio.option('5','water resivor');
    
    radio.option('6','local wifi server');
    radio.option('7','park');
    radio.option('9','resources');
    radio.option('8','rotate');
    radio.style('width', '100%');
    
    radio.selected('2');

    textAlign(CENTER);
    fill(255, 0, 0);
    
    
    delbttn = createButton('delete');
    up = createButton('up');
    down = createButton('down');
    
    up.mousePressed(changeup);
    down.mousePressed(changeddown);
    delbttn.mousePressed(changedel);
    
    //roads
    radio2 = createRadio();
    radio2.option('1','road straight');
    radio2.option('2','road curved');
    radio2.option('3','road pipe');
    radio2.option('4','road cross');
    
    
    radio2.id("roads")
    
    //resources
    radio3 = createRadio();
    radio3.option('1','oil rig');
    radio3.option('2','mine');
    radio3.option('3','forest');
    radio3.option('4','farm');
    radio3.option('5','storage');
    radio3.id("resource")
    
    //terrain   
    radio4 = createRadio();
    radio4.option('1','water');
    radio4.option('2','sand');
    radio4.option('3','light grass');
    radio4.option('4','grass');
    radio4.option('5','dark grass');
    radio4.option('6','stone')
    radio4.option('7','snow');;
    
    radio4.id("terrain")
    
    createCanvas(400,400);
    //pixelDensity(.1);
    background(220)
    noiseSeed(99);
    //noiseDetail(.1)
    var yoff = 0;
    //generate map
    strokeWeight(0);
    frameRate(fps);
    angleMode(DEGREES);
    //generate overlay
    if(overlay.length < 1){
        for(var k = 0; k <= height; k++){
            var row2 = []
            for(var l = 0; l <= width; l++){
                row2.push(0)
            }
            rotation_matrix.push(row2)
        }
    }
    if(overlay.length < 1){
        for(var k = 0; k <= height; k++){
            var row2 = []
            for(var l = 0; l <= width; l++){
                row2.push(0)
            }
            overlay.push(row2)
        }
    }
    
    //generate map
    if(main.length < 1){
        for(var y = 0; y <= height; y++){
            var xoff = 0;
            var row = []
            for(var x = 0; x < width; x++){
                 
                var r = noise(xoff,yoff);
                 
                row.push(parseInt(r*19));
                xoff += .01;
 
            }
            main.push(row);
            yoff += .01;
        
        }
        
    }
    
    
    
    //noSmooth();
    //drawworld(playerx,playery,50);
    //drawworld(1,1,300);
    noStroke();
    imageMode(CENTER);
    drawworld(playerx,playery,playerheight);
}
function updatestat(){
    
    //updates text
    $("#powid").text("power: "+power)
    $("#watid").text("water: "+water)
    $("#hapid").text("Happiness: "+happiness+"%")
    $("#natid").text("Nature: "+nature)
    $("#popid").text("Population: "+population)
    $("#wifid").text("Wifi: "+wifi)
    
    $("#monid").text("Money: "+money)
    $("#fooid").text("Food: "+food)
    $("#oilid").text("Oil: "+oil)
    $("#iroid").text("Iron: "+iron)
    $("#coaid").text("Coal: "+coal)
    $("#wooid").text("Wood: "+wood)
    $("#stoid").text("Stone: "+stone)
    $("#uraid").text("Uranium: "+uranium)
    $("#aluid").text("Aluminimum: "+aluminimum)

    $("#ammount").text(" farms "+farms+" powerplant1 "+powerplant1+" waterplant1 "+waterplant1+" park1amount "+park1amount+" wifiplant "+wifiplant+" houses "+ammountofhouses+" oilrig "+oilrigs+" mine "+mines+" road "+roads+" forest "+forests+" storage "+storages)
    wood += forests
}
function changeup(){
    if(!(playerheight > 150)){
        playerheight += 10;    
    }
    drawworld(playerx,playery,playerheight);
}
function changeddown(){
    if(playerheight > 10){
        playerheight += -10
        
    }
    drawworld(playerx,playery,playerheight);
    
}
var mousepos = [0,0]


function mousePressed(){
    mousepos = [(parseInt((mouseX/width)*(playerheight)))-(playerheight/2)+playerx,(parseInt((mouseY/height)*(playerheight)))-(playerheight/2)+playery]
    if(radio.value() == 8){
        rotation_matrix[mousepos[0]][mousepos[1]] += 90;  
        if(rotation_matrix[mousepos[0]][mousepos[1]] == 360){
            rotation_matrix[mousepos[0]][mousepos[1]] = 0
        }
    }
}
var deletes = false;
function changedel(){
    deletes =! deletes
}   
var draggedx = 0;
var draggedy = 0;
function mouseReleased() {
    function caloverlay(z){
        var isoilrig = (iron >= 50 && aluminimum >= 20 && money >= 50000)
        var isroad = (money >= 1000 && stone >= 5)
        var ishouse = (wood >= 5 && stone >= 5 && money >= 50000)
        var ispower = (iron >= 20 && stone >= 20 && coal >= 10 && oil >= 10)
        var iswater = (iron >= 10 && stone >=10)
        var ispark = (iron >= 10 && stone >=10 && wood >= 25)
        var ismine= (wood >= 40 && money >= 20000)
        var isoilrig= (iron >= 100 && aluminimum >= 20 && money >= 50000)
        var isforest = (iron >= 10 && money >= 10000)
        var isfarm = (iron >= 5 && wood >= 5 && money >= 5000 && oil >= 5)
        var isstorage = (iron >= 10 && stone >= 5)
        if(main[z[0]][z[1]] > 7 && 0 == overlay[z[0]][z[1]]){
            if((radio2.value() == 1 || radio2.value() == 2 || radio2.value() == 3 || radio2.value() == 4) && isroad){
                overlay[z[0]][z[1]] = 20+parseInt(radio2.value())
                roads += 1;
                rotation_matrix[z[0]][z[1]] = 0
                stone -= 5
                money -= 1000
                
            }
            if(radio.value() == 2 && ishouse){
                ammountofhouses += 1
                overlay[z[0]][z[1]] = 50+Math.floor(Math.random() * 5)
                wood -= 5
                money -= 50000
                stone -= 5
                
            }
            if(radio.value() == 3){
                main[z[0]][z[1]] = 1             
            }
            if(radio.value() == 4 && ispower){
                powerplant1 += 1;
                overlay[z[0]][z[1]] = 19  
                iron -= 20;
                stone -= 20;
                coal -= 10;
                oil -= 10;   
                           
            }
            if(radio.value() == 5 && iswater){
                waterplant1 += 1;
                overlay[z[0]][z[1]] = 18            
                iron -= 10
                stone -= 10
                
            }
            if(radio.value() == 6 && iswater){
                wifiplant += 1;
                overlay[z[0]][z[1]] = 17  
                iron -= 10
                stone -= 10
                          
            }
            if(radio.value() == 7 && ispark){
                park1amount += 1;
                overlay[z[0]][z[1]] = 16   
                iron -= 10
                stone -= 10
                wood -= 25
                      
            }
            if(radio3.value() == 1 && isoilrig){
                oilrigs += 1;
                overlay[z[0]][z[1]] = 15  
                aluminimum -= 20
                money -= 50000
                iron -= 50
                   
            }
            if(radio3.value() == 2 && ismine){
                mines+=1;
                wood -= 400
                money -= 20000
                overlay[z[0]][z[1]] = 14    
            }
            if(radio3.value() == 3 && isforest){
                forests+=1;
                overlay[z[0]][z[1]] = 13  
                iron -= 10
                money -= 10000
                  
            }
            if(radio3.value() == 4 && isfarm){
                farms += 1;
                overlay[z[0]][z[1]] = 12-parseInt(Math.random()*6)  
                iron -=5 
                wood -= 5
                money -= 5000
                oil -= 5
                  
            }
            if(radio3.value() == 5 && isstorage){
                storages += 1
                overlay[z[0]][z[1]] = 2 
                iron -= 10
                stone -= 5
                 
            }
        }
        if(0 == overlay[z[0]][z[1]] && money >= 5000){
            if(radio4.value() == 1){
                money -= 5000
                main[z[0]][z[1]] = 0
            }
            if(radio4.value() == 2){
                money -= 5000
                main[z[0]][z[1]] = 8     
            }
            if(radio4.value() == 3){
                money -= 5000
                main[z[0]][z[1]] = 9    
            }
            if(radio4.value() == 4){
                money -= 5000
                main[z[0]][z[1]] =12     
            }
            if(radio4.value() == 5){
                money -= 5000
                main[z[0]][z[1]] = 14    
            }
            if(radio4.value() == 6){
                money -= 5000
                main[z[0]][z[1]] = 16     
            }
            if(radio4.value() == 7){
                money -= 5000
                main[z[0]][z[1]] = 17
            }    
        }

    }
    if(mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height){
        if(deletes === false){
            draggedx = ((parseInt((mouseX/width)*(playerheight)))-(playerheight/2)+playerx)-mousepos[0]
            draggedy = ((parseInt((mouseY/height)*(playerheight)))-(playerheight/2)+playery)-mousepos[1]

            if(Math.abs(draggedx) > Math.abs(draggedy)){
                if(draggedx < 0){
                    for(var wid = 0; wid <= Math.abs(draggedx); wid++){
                        var at = [mousepos[0]-wid,mousepos[1]]
                        caloverlay(at)
                    }
                }else{
                    for(var wid = 0; wid <= Math.abs(draggedx); wid++){
                        var at = [mousepos[0]+wid,mousepos[1]]
                        caloverlay(at)
                    }
                }
            }
            if(Math.abs(draggedy) > Math.abs(draggedx)){
                
                if(draggedy < 0){
                    for(var hei = 0; hei < Math.abs(draggedy); hei++){
                        var at = [mousepos[0],mousepos[1]-hei]
                        caloverlay(at)
                    }
                }else{
                    for(var hei = 0; hei < Math.abs(draggedy); hei++){
                        var at = [mousepos[0],mousepos[1]+hei]
                        caloverlay(at)
                    }
                }
            }
            if(main[mousepos[0]][mousepos[1]] > 7 && 0 == overlay[mousepos[0]][mousepos[1]]){
                if(draggedy == 0 && draggedx == 0){
                    var at = [mousepos[0],mousepos[1]]
                    caloverlay(at)
                }
            }
            drawworld(playerx,playery,playerheight);
        }else{
            overlay[mousepos[0]][mousepos[1]] = 0
            drawworld(playerx,playery,playerheight);
        }
    }
}
        
    
    
    
  
   
    
var totalmoved = 0;
var time = 0;
function draw(){
    time = time+(1/fps)
    updatestat()

    
    if(radio.value() == 1 || radio2.value() == 1||radio2.value() == 2 || radio2.value() == 3||radio2.value() == 4){
        document.getElementById("roads").style.opacity = 1;
    }
    else{
        document.getElementById("roads").style.opacity = 0;
    }
    if(radio.value() == 9 ||radio3.value() == 1||radio3.value() == 2 || radio3.value() == 3|| radio3.value() == 4|| radio3.value() == 5){
        document.getElementById("resource").style.opacity = 1;
    }
    else{
        document.getElementById("resource").style.opacity = 0;
    }
    if(radio.value() == 3 ||radio4.value() == 1||radio4.value() == 2 || radio4.value() == 3|| radio4.value() == 4|| radio4.value() == 5|| radio4.value() == 6|| radio4.value() == 7){
        document.getElementById("terrain").style.opacity = 1;
    }
    else{
        document.getElementById("terrain").style.opacity = 0;
    }
    if(keyIsPressed === true){
        if (key === "d") {
            playerx += 2*(parseInt(playerheight/20 )+1);
        }
        if (key === "a") {
            playerx -= 2*(parseInt(playerheight/20)+1);
        }
        if (key === "w" ) {
            playery -= 2*(parseInt(playerheight/20)+1);
        }
        if (key === "s") {
            playery += 2*(parseInt(playerheight/20)+1);
        }

        drawworld(playerx,playery,playerheight);
    }

}
var colors = [
    //water
    [85, 101, 237],[85, 101, 237],[85, 101, 237],[85, 101, 237],[85, 101, 237],[85, 101, 237],[85, 101, 237],[85, 101, 237],
    //sand
    [237, 224, 85],
    //grass light
    [18, 156, 46],[18, 156, 46],
    //grass normal
    [8, 146, 36],[8, 146, 36],[8, 146, 36],
    //grass dark
    [3, 141, 31],[3, 141, 31],
    //rock
    [119, 119, 119],
    //snow
    [255, 255, 255],[255, 255, 255],
    //placeholder
    [198,131,125],
    //road
    [134, 135, 134]]
farmcolors = [[183,214,29],[214,183,29],[214,103,29],[140,214,29],[72,137,34],[160,181,3],[175,120,0]]
function drawworld(xin,yin,zoom){
    clear()
    var last = -1;
    var pos = height/zoom
    var zoomdiv = zoom/2
    
    
    for(var y = yin-zoom/2; y < zoom/2 + yin; y++){
        for(var x = xin-zoom/2; x < zoom/2 + xin; x++){
            if(x > 0 && x < width&& y > 0 && y < height){
                a = main[x][y];  
                i = overlay[x][y];
                r = rotation_matrix[x][y];
                
                if(last != a && a < 21){
                    fill(colors[a]);
                }
                if(a <= 20){
                    rect(pos*(x-xin+zoomdiv), pos*(y-yin+zoomdiv),pos+1,pos+1);
                }
                if(i > 0){  
                    
                    if(i == 50){
                        
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r+90)
                        image(house1,0 ,0, pos, pos);
                        pop();
                    }
                    
                    if(i == 51){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(house2,0 ,0, pos, pos);
                        pop();
                    }  
                    if(i == 52){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(house3,0 ,0, pos, pos);
                        pop();
                    }  
                    if(i == 53){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(house4,0 ,0, pos, pos);
                        pop();
                    }   
                    if(i == 54){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(house5,0 ,0, pos, pos);
                        pop();
                    }  
                    if(i == 19){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(powerp1,0 ,0, pos, pos);
                        pop();
                    } 
                    if(i == 18){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(water1,0 ,0, pos, pos);
                        pop();
                    } 
                    if(i == 17){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(wifi1,0 ,0, pos, pos);
                        pop();
                    } 
                    if(i == 16){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(park1,0 ,0, pos, pos);
                        pop();
                    } 
                    if(i == 15){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(oilrig,0 ,0, pos, pos);
                        pop();
                    }    
                    if(i == 14){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(mine,0 ,0, pos, pos);
                        pop();
                    } 
                    if(i == 13){
                        
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(forest,0 ,0, pos, pos);
                        pop();
                    } 
                    //farm tiles
                    if(i >= 6 && i <= 12){
                        
                        fill(farmcolors[i-6]);
                        rect(pos*(x-xin+zoomdiv), pos*(y-yin+zoomdiv),pos+1,pos+1);
                    }
                    if(i == 2){

                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(storage,0 ,0, pos, pos);
                        pop();
                    } 
                    //roads
                    if(i == 21){
                        //both
                        
                        if((overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24) && (overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24) && (r == 90 || r == 270)){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadstr2,0 ,0, pos, pos);
                            pop()
                        }
                        else if((overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24) && (overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24) && (r == 0 || r == 180)){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r+180)
                            image(roadstr2,0 ,0, pos, pos);
                            pop()
                        }
                        //up road
                        else if(overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24 && r == 0){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r+180)
                            image(roadstr1,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24 && r == 180){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadstr1,0 ,0, pos, pos);
                            pop();
                            
                        }
                        //down road
                        else if(overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24 && r == 0){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadstr1,0 ,0, pos, pos);
                            pop()
                        }
                        else if(overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24 && r == 180){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r+180)
                            image(roadstr1,0 ,0, pos, pos);
                            pop()
                        }
                        //left  road
                        else if(overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24 && r == 90){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadstr1,0 ,0, pos, pos);
                            pop()
                        }
                        else if(overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24 && r == 270){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r+180)
                            image(roadstr1,0 ,0, pos, pos);
                            pop()
                        }
                        //right
                        else if(overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24 && r == 90){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r+180)
                            image(roadstr1,0 ,0, pos, pos);
                            pop()
                        }
                        else if(overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24 && r == 270){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadstr1,0 ,0, pos, pos);
                            pop()
                        }
                        else{
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadstr,0 ,0, pos, pos);
                            pop();
                        }
                    }
                    if(i == 22){
                        //both
                        if((overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24) && (overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24) && ( r == 270)){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcor2,0 ,0, pos, pos);
                            pop()
                        }
                        else if((overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24) && (overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24) && ( r == 180)){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcor2,0 ,0, pos, pos);
                            pop()
                        }
                        else if((overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24) && (overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24) && ( r == 90)){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcor2,0 ,0, pos, pos);
                            pop()
                        }
                        else if((overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24) && (overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24) && ( r == 0)){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcor2,0 ,0, pos, pos);
                            pop()
                        }
                        //right
                        else if(overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24 && r == 90){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorl,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24 && r == 0){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorr,0 ,0, pos, pos);
                            pop();
                            
                        }
                        //left
                        else if(overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24 && r == 270){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorl,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24 && r == 180){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorr,0 ,0, pos, pos);
                            pop();
                            
                        }
                        //top
                        else if(overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24 && r == 0){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorl,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24 && r == 270){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorr,0 ,0, pos, pos);
                            pop();
                            
                        }
                        //bottom
                        else if(overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24 && r == 90){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorr,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24 && r == 180){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcorl,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else {
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadcor,0 ,0, pos, pos);
                            pop();
                        }
                    

                    }
                    if(i == 23){
                        
                        if(overlay[x][y-1] != 0 && overlay[x][y-1] != 21 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 23 &&overlay[x][y-1] != 24 && r == 0){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadpip1,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x][y+1] != 0 && overlay[x][y+1] != 21 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 23 &&overlay[x][y+1] != 24 && r == 0){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r+180)
                            image(roadpip1,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x+1][y] != 0 && overlay[x+1][y] != 21 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 23 &&overlay[x+1][y] != 24 && r == 90){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadpip1,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else if(overlay[x-1][y] != 0 && overlay[x-1][y] != 21 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 23 &&overlay[x-1][y] != 24 && r == 270){
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadpip1,0 ,0, pos, pos);
                            pop();
                            
                        }
                        else{
                            push();
                            translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                            rotate(r)
                            image(roadpip,0 ,0, pos, pos);
                            pop();
                        }
                    }
                    if(i == 24){
                        
                                                
                        push();
                        translate(pos*(x-xin+zoomdiv)+pos/2, pos*(y-yin+zoomdiv)+pos/2);
                        rotate(r)
                        image(roadcro,0 ,0, pos, pos);
                        pop();
                    }
                }
            }
        }
    }
    
}