robinkrens.nl - git repository - robinkrens.nl/blob - travel/thailand.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <title>Rob's Travel - Thailand</title>
   5   <link rel="stylesheet" href="travel.css" type="text/css" media="screen"/>
   6   <script src="jquery.js"></script>
   7   <script src="jvectormap.js"></script>
   8   <script src="jquery-jvectormap-th-mill-en.js"></script>
   9 <link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
  10 <link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css' />
  11 </head>
  12 <body>
  13 <div id="header">
  14
  15 <?php include("./menu.inc") ?>
  16
  17 <div>
  18
  19 <div id="container">
  20   <div id="map"></div>
  21   <script>
  22
  23
  24 $(function(){
  25
  26     var map,
  27             markers = [
  28                 {latLng: [15.229776, 103.123169], name: 'My Future Bride', abbr: "PH" },
  29                 {latLng: [14.402089, 104.685030], name: 'The Forbidden Temple of Khoa Prah Wihan', abbr: "PR" },
  30                 {latLng: [17.880390, 101.655121], name: 'The Spoiled Kids from Bangkok', abbr: "CS" },
  31                 {latLng: [18.788624, 99.003296], name: 'Traditional Northern Massage', abbr: "TM"},
  32                 {latLng: [17.865664, 102.746887], name: 'Too many weird statues', abbr: "NK"},
  33                 {latLng: [11.785269, 99.794312], name: 'A common sight in 3rd class cabins', abbr: "PK"},
  34                 {latLng: [19.081500, 98.931885], name: 'ผีเสื้อที่หายไป ', abbr: "BD"} ,
  35                 ]
  36      map = new jvm.WorldMap({
  37         markers: markers,
  38         container: $('#map'),
  39         map: 'th_mill_en',
  40         backgroundColor: 'white',
  41         regionStyle: {
  42                 initial: {
  43                         fill: '#EEEEEE',
  44                         "fill-opacity": 1,
  45                         stroke: 'black',
  46                         "stroke-width": 2,
  47                         "stroke-opacity": 1
  48                  },
  49                 hover: {
  50                         "fill-opacity": 0.8
  51                         },
  52                 selected: {
  53                         fill: '#99FF00'
  54                         },
  55                 selectedHover: {}
  56         },
  57         selectedRegions: ["TH-57", "TH-58", "TH-10", "TH-14", "TH-30", "TH-90", "TH-71",
  58                           "TH-32", "TH-33", "TH-34", "TH-40", "TH-43", "TH-42", "TH-31",
  59                           "TH-48", "TH-77", "TH-50", "TH-16", "TH-49", "TH-52"
  60                          ],
  61         markerStyle: {
  62                 initial: {
  63                         fill: '#FFFFFF',
  64                         stroke: '#000000',
  65                         r: 7,
  66                         },
  67                 hover: {
  68                         fill: "orange",
  69                         stroke: 'black',
  70                         "stroke-width": 1
  71                           },
  72                 selected: {fill: '#FFFFFF',
  73                         stroke: '#000000'}
  74         },
  75
  76         onMarkerClick: function(event, code){
  77                 $('#MAIN').hide();
  78                 $.each(markers, function(index, value) {
  79                                 $('#'+markers[index].abbr).hide();
  80                         });
  81                 $('#'+markers[code].abbr).fadeIn("slow");
  82
  83         },
  84
  85       });
  86 });
  87
  88 </script>
  89
  90 <div id="PH" style="float: right; width: 650px; display: none;">
  91 <h2>Phimai: My Future Bride</h2>
  92 <p style="float: left; text-align: justify;">
  93 <img src="images/phimai.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
  94 "Be a stupid falang! Just be you! That's all what it takes to survive Isaan".
  95 Ben was right. Ben had been hopping Isaan provinces for years. The names of his ex-wifes were tattood on his arms.
  96 They ran off. Bad luck he says. "But it doesn't stop me from living here.." <br /><br />
  97 Acting as a stupid falang, as Ben said, it is hard to wander the streets of Khorat, Buriram or Phimai
  98  without being pulled into the houses of friendly people. I don't think I spent any of my Thai Baht on food in Isaan.
  99 Most of the time they wouldn't leave me before I saw their daughter. Awkward, but I guess it's culture nonetheless. <br />
 100 <br />
 101 This girl is a nice specimen, she even had a temple in her back yard... What more can you ask for?
 102 </p>
 103 </div>
 104
 105 <div id="PR" style="float: right; width: 650px; display: none;">
 106 <h2>Near Khantaralak: The forbidden temple Khoa Prah Wihan </h2>
 107 <p style="float: left; text-align: justify;">
 108 <img src="images/phrawihan.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
 109 Despite my <a>goverment's advice</a> I decided to visit Khao Phra Wihan. After a bus ride, two songthiauws, one 30 baht scooter
 110 ride (there goes my lunch money) I was left near a military checkpoint. <br /><br /> Luckily I was picked up by a monk and a family from a nearby town. It was not possible
 111 to visit the temple site on Cambodian Land. Friendly soldiers on the Thai side, however, lend us their binoculars to view the sights
 112 and spot Cambodian soldiers. <br /><br />
 113 We picknicked between Thai soldiers. Looking through the binoculars I saw tourist on the other side do the same with Cambodian forces.
 114
 115
 116 </p>
 117 </div>
 118
 119 <div id="CS" style="float: right; width:650px; display: none;">
 120 <h2>Chiang Saen: The spoiled kids from Bangkok </h2>
 121 <p style="float: left; text-align: justify;">
 122 <img src="images/spoiled-kids.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
 123 I expected to hangout silently at Chiang Saen and enjoy my fried rice as usual. I didn't know I arrived on a national holiday.
 124 And all of Bangkok with me. <br /><br />
 125
 126 It was nice hanging out with these little buggers from 'Krung Thep'. Instead of being alone, I was eating ice cream and
 127 listining to the new single of niew jiew. <br /><br />
 128
 129 I realized that they are more westerner than me: whiter teeths, lighter skin, better haircuts, SLR's. And a nice pickup truck,
 130 compared to my shitty chinese fake scooter.
 131
 132 </p>
 133 </div>
 134
 135 <div id="BD" style="float: right; width:650px; display: none;">
 136 <h2>Near Chiang Mai: ผีเสื้อที่หายไป</h2>
 137 <p style="float: left; text-align: justify;">
 138 <img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
 139 Story soon!</p>
 140 </div>
 141
 142 <div id="NK" style="float: right; width:650px; display: none;">
 143 <h2>Nong Khai: Too many weird statues</h2>
 144 <p style="float: left; text-align: justify;">
 145 <img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
 146 Story soon!</p>
 147 </div>
 148
 149 <div id="TM" style="float: right; width:650px; display: none;">
 150 <h2>Chiang Mai: Thai Massage</h2>
 151 <p style="float: left; text-align: justify;">
 152 <img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
 153 Story soon!</p>
 154 </div>
 155
 156 <div id="PK" style="float: right; width:650px; display: none;">
 157 <h2>Prachuap Khirikhan: A common sight in 3rd class cabins</h2>
 158 <p style="float: left; text-align: justify;">
 159 <img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
 160 Story soon!</p>
 161 </div>
 162
 163 <div id="MAIN" style="float: right; width: 650px; display: block;">
 164 <h1>Thailand: ผีเสื้อที่หายไป and 2000km train</h1>
 165 <h2>Howto</h2>
 166 <p>Click on the big white dots to view a little story and picture of my Journey in Thailand.
 167 Green areas are places I visited and ate rice. Not complete yet! More stories will follow! </p>
 168 <p>
 169 <a href="http://www.youtube.com/watch?v=easY_6DqHDY">ผีเสื้อที่หายไป</a> is the songtitle of my favorite Thai artist Klear.
 170 It reminds of my long train journeys through the east and south of Thailand. A little girly, but i like it.
 171
 172 </p>
 173 </div>
 174
 175 </div>
 176
 177 </body>
 178 </html>