﻿function load() {
    
    var newMap = new makeMap();    
    newMap.load(roseQuarter);
}

var roseQuarter = {
    mapCenter: {  
            lat: 45.5323,
            lng: -122.6694
    },
    
    zoom: 16,
    
    markers: {
        eEsplanade: {
            point: {
                lat: 45.5281,
                lng: -122.6661
            },
            
            view: {
                root: {
                    parentDiv: {
                        title: {},
                        titleTextNode: {},
                        picture: {},
                        caption: {
                            blurbTextNode: {}
                        }
                    }
                }
            },
            
            nodes: {
                parentDiv: {
                    tag: "div",
                    type: "element",
                    style: {
                        properties: {
                            backgroundColor: "#f1f5ef",
                            padding: "5px"
                        }
                    }
                },
                
                title: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "left",
                            width: "500px",
                            fontWeight: "bolder",
                            fontSize: "14px"
                        }
                    }
                },
                
                titleTextNode: {
                    type: "text",
                    text: "Eastbank Esplanade",
                    noReference: {}                
                },
                
                picture: {
                    tag: "img",
                    type: "element",
                    style: {
                        properties: {
                            display: "block",
                            marginRight: "auto",
                            marginLeft: "auto"
                        }
                    },
                    properties: {
                        src: "images/rosequarter/eEsplanade.jpg"
                    }
                },
                
                caption: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "center",
                            width: "500px"
                        }
                    }
                },
                
                blurbTextNode: {
                    type: "text",
                    text: "North end connection to the Eastbank Esplanade.",
                    noReference: {}
                }
            }
        },
        
        steelAlignment: {
            point: {
                lat: 45.529,
                lng: -122.6673
            },
            
            view: {
                root: {
                    parentDiv: {
                        title: {},
                        titleTextNode: {},
                        picture: {},
                        caption: {
                            blurbTextNode: {}
                        }
                    }
                }
            },
            
            nodes: {
                parentDiv: {
                    tag: "div",
                    type: "element",
                    style: {
                        properties: {
                            backgroundColor: "#f1f5ef",
                            padding: "5px"
                        }
                    }
                },
                
                title: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "left",
                            width: "500px",
                            fontWeight: "bolder",
                            fontSize: "14px"
                        }
                    }
                },
                
                titleTextNode: {
                    type: "text",
                    text: "Steel Bridge",
                    noReference: {}                
                },
                
                picture: {
                    tag: "img",
                    type: "element",
                    style: {
                        properties: {
                            display: "block",
                            marginRight: "auto",
                            marginLeft: "auto"
                        }
                    },
                    properties: {
                        src: "images/rosequarter/SteelAlignment.jpg"
                    }
                },
                
                caption: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "center",
                            width: "500px"
                        }
                    }
                },
                
                blurbTextNode: {
                    type: "text",
                    text: "The prefered alignment is to bring the trail under the Steel bridge closer to the river.",
                    noReference: {}
                }
            }
        },
        
        steepSlope: {
            point: {
                lat: 45.5314,
                lng: -122.6715
            },
            
            view: {
                root: {
                    parentDiv: {
                        title: {},
                        titleTextNode: {},
                        picture: {},
                        caption: {
                            blurbTextNode: {}
                        }
                    }
                }
            },
            
            nodes: {
                parentDiv: {
                    tag: "div",
                    type: "element",
                    style: {
                        properties: {
                            backgroundColor: "#f1f5ef",
                            padding: "5px"
                        }
                    }
                },
                
                title: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "3px",
                            textAlign: "left",
                            width: "500px",
                            fontWeight: "bolder",
                            fontSize: "14px"
                        }
                    }
                },
                
                titleTextNode: {
                    type: "text",
                    text: "Steel Bridge to Broadway Bridge",
                    noReference: {}                
                },
                
                picture: {
                    tag: "img",
                    type: "element",
                    style: {
                        properties: {
                            display: "block",
                            marginRight: "auto",
                            marginLeft: "auto"
                        }
                    },
                    properties: {
                        src: "images/rosequarter/steepSlope.jpg"
                    }
                },
                
                caption: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "center",
                            width: "500px"
                        }
                    }
                },
                
                blurbTextNode: {
                    type: "text",
                    text: "With rail right of way and a steep slope getting close to the river is challenging.",
                    noReference: {}
                }
            }
        },
        
        larabeeOverpass: {
            point: {
                lat: 45.5355,
                lng: -122.6742
            },
            
            view: {
                root: {
                    parentDiv: {
                        title: {},
                        titleTextNode: {},
                        caption: {
                            blurbTextNode: {}
                        }
                    }
                }
            },
            
            nodes: {
                parentDiv: {
                    tag: "div",
                    type: "element",
                    style: {
                        properties: {
                            backgroundColor: "#f1f5ef",
                            padding: "5px"
                        }
                    }
                },
                
                title: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "left",
                            width: "500px",
                            fontWeight: "bolder",
                            fontSize: "14px"
                        }
                    }
                },
                
                titleTextNode: {
                    type: "text",
                    text: "Larabee St. Ramp",
                    noReference: {}                
                },
                
                caption: {
                    tag: "p",
                    type: "element",
                    style: {
                        properties: {
                            margin: "0", 
                            padding: "2px",
                            textAlign: "center",
                            width: "500px"
                        }
                    }
                },
                
                blurbTextNode: {
                    type: "text",
                    text: "With the river dependent industry in this section the trail may need to use the Larabee St. overpass to continue south to the Eastback Esplanade.",
                    noReference: {}
                }
            }
        }
    }
}