<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Velkommen til min bildeside</title>
    <style type="text/css">
            body
        {
            margin: 0px;            
            font-family: Segoe UI;
            background-color: Black;            
            background-repeat: repeat-x;
            color: White;
        }       
        
        #myMap
        {
            border: solid 2px white;
        }
        
        #main
        {
            padding: 10px;
        }
        
        .iconStyle
        {
            width: 60px;
            border: solid 2px white;
        }
        
        .titleStyle, .detailsStyle        
        {
            font-family: Segoe UI;
        }
        
        .detailsStyle
        {
            font-size: 12px;
        }      
    </style>
    <script src="http://dev.virtualearth.net/mapcontrol/v4/mapcontrol.js" type="text/javascript"></script>
    <script type="text/javascript">
        var map = null;
        var pinID = 1;
        
        function LoadMap()
        {
            map = new VEMap('myMap');            
            map.LoadMap(new VELatLong(62.24, 20.45), 4 ,'h' ,false);   
            
            AddPin(41.378, 2.170, "Warriors.jpg", "Bilder/Barcelona", "TechEd Barcelona 2006", "Bilder fra TechEd Barcelona 2006");
            AddPin(70.068, 24.975, "Gutta.jpg", "Bilder/Fisketur", "Fisketur", "Bilder fra fisketur på Finnmarksvidda sommeren 2006");            
            AddPin(28.591, 77.224, "Finale.jpg", "Bilder/India", "Imagine Cup 2006", "Bilder fra Imagine Cup 2006 i India");
            AddPin(43.709, 7.271, "Nice.jpg", "Bilder/Nice", "Nice", "Bilder fra Connect 2006 i Nice");
            AddPin(51.596, -0.731, "GoKart.jpg", "Bilder/Reading", "Imagine Cup Accelerator", "Bilder fra Imagine Cup Accelerator i Reading 2007");
            AddPin(55.648, 12.094, "Gjengen.jpg", "Bilder/Roskilde", "Roskilde 2006", "Bilder fra Roskildefestivalen sommeren 2006");
            AddPin(63.427, 10.421, "Goran.jpg", "Bilder/Trondheim", "Trondheim", "Diverse bilder fra Trondheim");            
        }
        
        function AddPin(lat, lon, picture, folder, title, description)
        {                    
            var pin = new VEPushpin(pinID, 
                                new VELatLong(lat, lon), 
                                folder + "/" + picture, 
                                title,                                 
                                "<a href=\"" + folder + "\"><img src=\"" + folder + "/" + picture + "\" style=\"width: 200px;\"></a><br/><p>" + description + "</p>",
                                'iconStyle', 
                                'titleStyle',
                                'detailsStyle');            
            map.AddPushpin(pin);            
            pinID++;            
        }           
    </script>
</head>
<body onload="LoadMap();">
    <form id="form1" runat="server">
    <div id="main">
        <h1>Velkommen til min bildeside, <asp:LoginName ID="loginName" runat="server" /></h1>
        <h4><asp:LoginStatus ID="loginStatus" runat="server" /></h4> 
        <div id="myMap" style="position: relative; width: 99%; height: 99%;"></div> 
    </div>
    </form>
</body>
</html>
