var examples = {};

//~ examples['simple'] = function() {
  //~ $('#sphere').earth3d({
    //~ dragElement: $('#locations') // where do we catch the mouse drag
  //~ });
//~ };

//~ examples['simple_tilted'] = function() {
  //~ $('#sphere').earth3d({
    //~ dragElement: $('#locations'), // where do we catch the mouse drag
    //~ sphere: { // rotation and size of the planet
      //~ tilt: 40,
      //~ turn: 20,
      //~ r: 10
    //~ }
  //~ });
//~ };


examples['locations'] = function() {
  /* defining locations to display.
     Each position must have a key, an alpha and delta position (or x and y if you want to display a static location).
     Any additional key can be reached via callbacks functions.
  */
var locations = {};

for (let latIndex = 0; latIndex < 36; latIndex++) {
    var lonIndex = 0
        const alpha = (90 - lonIndex * 10) * (Math.PI / 180);
        const delta = (latIndex * 10) * (Math.PI / 180);

        const southWestLat = 90 - latIndex * 10;
        const southWestLon = lonIndex * 10;

        const objKey = `obj_${latIndex}_${lonIndex}`;
        const objName = `_${latIndex}_${lonIndex}_`;
        const objLink = `welcome.html`;

        locations[objKey] = {
            alpha: alpha,
            delta: delta,
            name: objName,
            link: objLink
        };
}
  //~ var locations = {
    //~ obj1: {
      //~ alpha: Math.PI / 4,
      //~ delta: 0,
      //~ name: '_usa_',
      //~ link: 'https://oasis.astroport.com#usa'
    //~ },
    //~ obj2: {
      //~ alpha: 1 * Math.PI / 4,
      //~ delta: -2 * Math.PI / 4,
      //~ name: '_africa_',
      //~ link: 'https://oasis.astroport.com#africa'
    //~ },
    //~ obj3: {
      //~ alpha: 2 * Math.PI / 4,
      //~ delta: 0,
      //~ name: '_hawai_',
      //~ link: 'https://oasis.astroport.com#awai'
    //~ },
    //~ obj4: {
      //~ alpha: 3 * Math.PI / 4,
      //~ delta: 3 * Math.PI / 4,
      //~ name: '_australia_',
      //~ link: 'https://oasis.astroport.com#australia'
    //~ },
    //~ obj5: {
      //~ alpha: 2.2 * Math.PI / 4,
      //~ delta: -0.9 * Math.PI / 4,
      //~ name: '_southamerica_',
      //~ link: 'https://oasis.astroport.com#southamerica'
    //~ },
    //~ obj6: {
      //~ alpha: 1.2 * Math.PI / 4,
      //~ delta: -2 * Math.PI / 4,
      //~ name: '_europe_',
      //~ link: 'https://oasis.astroport.com#europe'
    //~ }
  //~ };

  $('#sphere').earth3d({
    locationsElement: $('#locations'),
    dragElement: $('#locations'), // where do we catch the mouse drag
    locations: locations
  });
};


//~ examples['flights'] = function() {
  //~ /* defining locations to display.
     //~ Each position must have a key, an alpha and delta position (or x and y if you want to display a static location).
     //~ Any additional key can be reached via callbacks functions.
  //~ */
  //~ var locations = {
    //~ obj1: {
      //~ alpha: Math.PI / 4,
      //~ delta: 0,
      //~ name: '_usa_',
      //~ link: 'https://oasis.astroport.com#usa'
    //~ },
    //~ obj2: {
      //~ alpha: 1 * Math.PI / 4,
      //~ delta: -2 * Math.PI / 4,
      //~ name: '_africa_',
      //~ link: 'https://oasis.astroport.com#africa'
    //~ },
    //~ obj3: {
      //~ alpha: 2 * Math.PI / 4,
      //~ delta: 0,
      //~ name: '_hawai_',
      //~ link: 'https://oasis.astroport.com#awai'
    //~ },
    //~ obj4: {
      //~ alpha: 3 * Math.PI / 4,
      //~ delta: 3 * Math.PI / 4,
      //~ name: '_australia_',
      //~ link: 'https://oasis.astroport.com#australia'
    //~ },
    //~ obj5: {
      //~ alpha: 2.2 * Math.PI / 4,
      //~ delta: -0.9 * Math.PI / 4,
      //~ name: '_southamerica_',
      //~ link: 'https://oasis.astroport.com#southamerica'
    //~ },
    //~ obj6: {
      //~ alpha: 1.2 * Math.PI / 4,
      //~ delta: -2 * Math.PI / 4,
      //~ name: '_europe_',
      //~ link: 'https://oasis.astroport.com#europe'
    //~ },
    //~ zero: {
      //~ alpha: 0 * Math.PI / 4,
      //~ delta: 0 * Math.PI / 4,
      //~ name: '_CraftYourWorld_',
      //~ link: 'https://ipfs.copylaradio.com/ipfs/QmNcNcYRDUFmR1Ey1MAyhzzZRJEi1Dfq8YXRTXq6XZ9n4A'
    //~ },
    //~ pi: {
      //~ alpha: -3 * Math.PI / 4,
      //~ delta: -3 * Math.PI / 4,
      //~ name: '_OpenTW_',
      //~ link: 'https://astroport.copylaradio.com'
    //~ }
  //~ };
  //~ /* defining paths to display.
     //~ Each path must have a key, an origin and a destination. The values are the location's key.
     //~ You can, if you want to, define flights on these paths.
     //~ Each flight has a key, a destination (the location's key) and a position.
     //~ The position is the progress a fleet has made on its path.
     //~ Any additional key can be reach via callbacks functions.
   //~ */
  //~ var paths = {
    //~ path: {
      //~ origin: 'obj1',
      //~ destination: 'obj2',
      //~ flights: {
        //~ flight: {
          //~ position: 0.25,
          //~ destination: 'obj2',
          //~ name: 'Flight 1'
        //~ },
        //~ flight2: {
          //~ position: 0.25,
          //~ destination: 'obj1',
          //~ name: 'Flight 2'
        //~ }
      //~ }
    //~ },
    //~ path2: {
      //~ origin: 'obj1',
      //~ destination: 'obj3',
      //~ flights: {
        //~ flight3: {
          //~ position: 0.5,
          //~ destination: 'obj3',
          //~ name: 'Flight 3'
        //~ }
      //~ }
    //~ },
    //~ path3: {
      //~ origin: 'obj1',
      //~ destination: 'obj4',
      //~ flights: {
        //~ flight4: {
          //~ position: 0.5,
          //~ destination: 'obj4',
          //~ name: 'Flight 4'
        //~ }
      //~ }
    //~ },
    //~ path4: {
      //~ origin: 'obj1',
      //~ destination: 'obj5'
    //~ },
    //~ path7: {
      //~ origin: 'obj1',
      //~ destination: 'obj5',
      //~ flights: {
        //~ flight5: {
          //~ position: 0.25,
          //~ destination: 'obj7',
          //~ name: 'Flight 5'
        //~ }
      //~ }
    //~ }
  //~ }
  $('#sphere').earth3d({
    dragElement: $('#locations'), // where do we catch the mouse drag
    sphere: { // rotation and size of the planet
      tilt: 40,
      turn: 20,
      r: 100
    }
  });
  //~ $('#sphere').earth3d({
    //~ flightsCanvas: $('#flights'),
    //~ locationsElement: $('#locations'),
    //~ dragElement: $('#locations'), // where do we catch the mouse drag
    //~ paths: paths,
    //~ locations: locations
  //~ });
//~ };