travel concept
[robinkrens.nl] / travel / thailand.html
diff --git a/travel/thailand.html b/travel/thailand.html
new file mode 100644 (file)
index 0000000..a43ffe6
--- /dev/null
@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Rob's Travel - Thailand</title>
+  <link rel="stylesheet" href="travel.css" type="text/css" media="screen"/>
+  <script src="jquery.js"></script>
+  <script src="jvectormap.js"></script>
+  <script src="jquery-jvectormap-th-mill-en.js"></script>
+<link href='http://fonts.googleapis.com/css?family=Oswald:400,300' rel='stylesheet' type='text/css' />
+<link href='http://fonts.googleapis.com/css?family=Abel|Satisfy' rel='stylesheet' type='text/css' />
+</head>
+<body>
+<div id="header">
+
+<?php include("./menu.inc") ?>
+
+<div>
+
+<div id="container">
+  <div id="map"></div>
+  <script>
+
+
+$(function(){
+
+    var map,
+           markers = [
+               {latLng: [15.229776, 103.123169], name: 'My Future Bride', abbr: "PH" },
+               {latLng: [14.402089, 104.685030], name: 'The Forbidden Temple of Khoa Prah Wihan', abbr: "PR" },
+               {latLng: [17.880390, 101.655121], name: 'The Spoiled Kids from Bangkok', abbr: "CS" },
+               {latLng: [18.788624, 99.003296], name: 'Traditional Northern Massage', abbr: "TM"},
+               {latLng: [17.865664, 102.746887], name: 'Too many weird statues', abbr: "NK"},
+               {latLng: [11.785269, 99.794312], name: 'A common sight in 3rd class cabins', abbr: "PK"},
+               {latLng: [19.081500, 98.931885], name: 'ผีเสื้อที่หายไป ', abbr: "BD"} , 
+               ]
+     map = new jvm.WorldMap({
+       markers: markers,
+       container: $('#map'),
+       map: 'th_mill_en',
+       backgroundColor: 'white',
+       regionStyle: {
+               initial: {
+                       fill: '#EEEEEE',
+                       "fill-opacity": 1,
+                       stroke: 'black',
+                       "stroke-width": 2,
+                       "stroke-opacity": 1
+                },
+               hover: {
+                       "fill-opacity": 0.8
+                       },
+               selected: {
+                       fill: '#99FF00'
+                       },
+               selectedHover: {}
+       },
+       selectedRegions: ["TH-57", "TH-58", "TH-10", "TH-14", "TH-30", "TH-90", "TH-71",
+                         "TH-32", "TH-33", "TH-34", "TH-40", "TH-43", "TH-42", "TH-31",
+                         "TH-48", "TH-77", "TH-50", "TH-16", "TH-49", "TH-52"
+                        ],
+       markerStyle: {
+               initial: {
+                       fill: '#FFFFFF',
+                       stroke: '#000000',
+                       r: 7,
+                       },
+               hover: {
+                       fill: "orange",
+                       stroke: 'black',
+                       "stroke-width": 1
+                         },
+               selected: {fill: '#FFFFFF',
+                       stroke: '#000000'}
+       },
+
+       onMarkerClick: function(event, code){
+               $('#MAIN').hide();
+               $.each(markers, function(index, value) { 
+                               $('#'+markers[index].abbr).hide();
+                       });
+               $('#'+markers[code].abbr).fadeIn("slow");
+
+       },
+
+      });
+});
+
+</script>
+
+<div id="PH" style="float: right; width: 650px; display: none;">
+<h2>Phimai: My Future Bride</h2>
+<p style="float: left; text-align: justify;">
+<img src="images/phimai.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+"Be a stupid falang! Just be you! That's all what it takes to survive Isaan". 
+Ben was right. Ben had been hopping Isaan provinces for years. The names of his ex-wifes were tattood on his arms.
+They ran off. Bad luck he says. "But it doesn't stop me from living here.." <br /><br />
+Acting as a stupid falang, as Ben said, it is hard to wander the streets of Khorat, Buriram or Phimai
+ without being pulled into the houses of friendly people. I don't think I spent any of my Thai Baht on food in Isaan.
+Most of the time they wouldn't leave me before I saw their daughter. Awkward, but I guess it's culture nonetheless. <br />
+<br />
+This girl is a nice specimen, she even had a temple in her back yard... What more can you ask for?  
+</p>
+</div>
+
+<div id="PR" style="float: right; width: 650px; display: none;">
+<h2>Near Khantaralak: The forbidden temple Khoa Prah Wihan </h2>
+<p style="float: left; text-align: justify;">
+<img src="images/phrawihan.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+Despite my <a>goverment's advice</a> I decided to visit Khao Phra Wihan. After a bus ride, two songthiauws, one 30 baht scooter 
+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
+to visit the temple site on Cambodian Land. Friendly soldiers on the Thai side, however, lend us their binoculars to view the sights
+and spot Cambodian soldiers. <br /><br />
+We picknicked between Thai soldiers. Looking through the binoculars I saw tourist on the other side do the same with Cambodian forces.
+
+
+</p>
+</div>
+
+<div id="CS" style="float: right; width:650px; display: none;">
+<h2>Chiang Saen: The spoiled kids from Bangkok </h2>
+<p style="float: left; text-align: justify;">
+<img src="images/spoiled-kids.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+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. 
+And all of Bangkok with me. <br /><br />
+
+It was nice hanging out with these little buggers from 'Krung Thep'. Instead of being alone, I was eating ice cream and
+listining to the new single of niew jiew. <br /><br />
+
+I realized that they are more westerner than me: whiter teeths, lighter skin, better haircuts, SLR's. And a nice pickup truck, 
+compared to my shitty chinese fake scooter.
+
+</p>
+</div>
+
+<div id="BD" style="float: right; width:650px; display: none;">
+<h2>Near Chiang Mai: ผีเสื้อที่หายไป</h2>
+<p style="float: left; text-align: justify;">
+<img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+Story soon!</p>
+</div>
+
+<div id="NK" style="float: right; width:650px; display: none;">
+<h2>Nong Khai: Too many weird statues</h2>
+<p style="float: left; text-align: justify;">
+<img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+Story soon!</p>
+</div>
+
+<div id="TM" style="float: right; width:650px; display: none;">
+<h2>Chiang Mai: Thai Massage</h2>
+<p style="float: left; text-align: justify;">
+<img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+Story soon!</p>
+</div>
+
+<div id="PK" style="float: right; width:650px; display: none;">
+<h2>Prachuap Khirikhan: A common sight in 3rd class cabins</h2>
+<p style="float: left; text-align: justify;">
+<img src="images/empty.jpg" style=" float: right; border: 1px solid black; margin: 0 0 10px 10px;" />
+Story soon!</p>
+</div>
+
+<div id="MAIN" style="float: right; width: 650px; display: block;">
+<h1>Thailand: ผีเสื้อที่หายไป and 2000km train</h1>
+<h2>Howto</h2>
+<p>Click on the big white dots to view a little story and picture of my Journey in Thailand.
+Green areas are places I visited and ate rice. Not complete yet! More stories will follow! </p>
+<p>
+<a href="http://www.youtube.com/watch?v=easY_6DqHDY">ผีเสื้อที่หายไป</a> is the songtitle of my favorite Thai artist Klear.
+It reminds of my long train journeys through the east and south of Thailand. A little girly, but i like it.
+
+</p>
+</div>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file