Monday, March 5, 2018


Ilustrasi
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


</b:if>

<!-- Start www.bloggertipandtrick.net: Changing the Blogger Title Tag  -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- End www.bloggertipandtrick.net: Changing the Blogger Title Tag  -->

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   Sevim
Author: Lasantha Bandara
URL 1:  http://www.premiumbloggertemplates.com/
URL 2:  http://www.bloggertipandtrick.net/
Date:   January 2013
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #content {width:600px;}
body#layout #myGallery {display:none;}
body#layout #headbox{display:none;}

/* Variable definitions
   ====================

*/

/* Use this with templates/template-twocol.html */

/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* LAYOUT */

body {
    background: #343434;
    }

#wrapper {
    }

#container {
    margin-top: 15px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqI-qnzAuco_70iPy4zBzoXDRhSQWqZ0qBgXU3SiJRzJrxfx46Vo15Of_XzrQV76Ovy5CO8nrJjRoPR5HRbbK7RQpReCNoaihnnFOSk6zMoMgA9RVzu3Cy01H0NAKSII28cK5gewNp8Y8c/s0/container-background.png) top center no-repeat;
    }

#contentwrap {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij79rz5bcmFn8-_5u9q5q0v9CmOTJUoREuFNLEYW7GErMvWBbWH2O9WOWxFmcHs-jMyaGPUveww3isWTYKGqFvuj1de77PtLPlzEtkddo4zVOft_DTcBqZMBJmpZbKyX2yWpQYceFEpEdy/s0/contentwrap.png) top left repeat-y;
    border-top: 1px solid #3db8c1;
    }

a {
    color: #21759B;
    }

a:hover {
    color: #d54e21;
    }
   
/* HEADER */

#header {
    height: 90px;
    overflow:hidden;
    }

#bheadersec {
    height: 90px;
    }

#header h1 {
    margin-bottom: 0px !important;
    padding: 10px 0 0 15px;
    font-weight: normal;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    font-size: 32px;
    text-transform: none;
    }

#header h1 a, #header h1 a:visited {
    color: #fff;
    text-decoration: none;
    }

#header h2 {
    padding-left: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Helvetica, Sans-serif;
    font-style: italic;
    }
   
.logoimg {
    margin: 2px 0 0 15px;
}

/* NAVIGATION MENUS */

#pagemenucontainer {
    height: 28px;
    margin-top: 8px;
    float: right;
    }
   
#pagemenu {
    height: 28px;
    float: right;
    }

#pagemenu, #pagemenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
#pagemenu {
    margin-bottom: 1px;
    }
   
#pagemenu ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
   
#pagemenu li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
   
#pagemenu ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
   
#pagemenu li a, #pagemenu li a:link {
    color: #b6e7ea;
    display: block;
    margin: 0px 1px 0px 1px;
    padding: 6px 10px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    }
   
#pagemenu li a:hover, #pagemenu li a:active{
    color: #fff;
    display: block;
    text-decoration: none;
    }
   
#pagemenu  li.current_page_item a {
    color: #fff;
    }

#pagemenu li:hover, #pagemenu li.sfhover {
    position: static;
    }
   
.topright {
    text-align: left;
    margin: 11px 0 0 0;
    }

.topright a {
    color: #b6e7ea;
    text-decoration: none;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: top;
    font-weight: normal;
    text-transform: uppercase;
    }
  
.topright a:hover {
    color: #fff;
}

.navcontainer {
    height: 36px;
    padding-left: 10px;
    }
   
#nav {
    height: 32px;
    }

#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
#nav {
    margin-bottom: 1px;
    }
   
#nav ul {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }
   
#nav li {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
   
#nav ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
   
#nav li a, #nav li a:link {
    color: #fff;
    display: block;
    margin: 0px 3px 0px 3px;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, Helvetica, Sans-serif;
    text-shadow: 0 1px 0 #0d767d;
    }
   
#nav li a:hover, #nav li a:active {
    color: #0a8992;
    display: block;
    text-decoration: none;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IXWtW0HYK7vVQ6DMiO8eFDbwumsOhlDwYkWX9V6aGNuwMt_T96TpqJlhjS-841rqGy1Ti6ZfKe7GRmDD8QPvjXeQG-fI8CiKEIllqqvyvB8tgQ481a4avvphh_osBdBgXMaSePRohQ1p/s0/nav-backgr-hover.png) top left repeat-x;
    text-shadow: 0 1px 0 #fff;
    }
   
#nav  li.current-cat a {
    color:#0a8992;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3IXWtW0HYK7vVQ6DMiO8eFDbwumsOhlDwYkWX9V6aGNuwMt_T96TpqJlhjS-841rqGy1Ti6ZfKe7GRmDD8QPvjXeQG-fI8CiKEIllqqvyvB8tgQ481a4avvphh_osBdBgXMaSePRohQ1p/s0/nav-backgr-hover.png) top left repeat-x;
    text-shadow: 0 1px 0 #fff;
    }

#nav li:hover, #nav li.sfhover {
    position: static;
    }
   
/* CONTENT */

#content {
    padding: 15px 5px 15px 15px;
    }
   
pre { overflow: auto;
    width: 470px;
    }

.post {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d4d5;
    }

.post p {
    margin-bottom: 10px;
    }

.post-title {
    margin: 0 0 8px 0;
    padding: 0px;
    line-height: 22px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    color: #343434;
    }
   
.post-title a {
    text-decoration: none;
    color: #343434;
    }

.post-title a:hover {
    text-decoration: none;
    color: #d54e21;
    }

.pagetitle {
    margin-bottom: 20px;
    line-height: 22px;
    font-family: Arial, Verdana;
    text-decoration: underline;
}

.readmorecontent {
    text-align: right;
    }

a.readmore {
    padding: 4px 15px;
    text-decoration: none;
    font-size: 12px;
    background: #343434;
    color: #fff;
    }

a.readmore:hover {
    background: #12939c;
    color: #fff;
    }
   
.postdate {
    font-size: 13px;
    font-family: Arial, Helvetica, Sans-serif;
    font-style: italic;
    color: #838282;
    }

.postmeta {
    font-size: 11px;
    padding: 2px 4px;
    font-family: Arial, Verdana;
    }
   
.postdate img, .postmeta img {
    border: none;
    vertical-align: middle;
    margin:2px;
    }
   
.entry {
    text-align: justify;
    line-height: 20px;
    padding-top: 8px;
    font-family: Arial, Verdana;
    font-size: 14px;
    }
.navigation {
    padding: 10px 0;
    }

blockquote {
    overflow: hidden;
    padding-left: 9px;
    font-style: italic;
    color: #666;
    border-left: 3px solid #CADAE7;
    }
   
/* SIDEBAR(S) */

.sidebaradbox {
    margin-top: 5px;
    text-align:center;
    }
   
.ad125 {
    margin: 6px;
    }

.sidebar {
    margin: 0 10px 10px 10px;
    color: #fff;
    font-size: 13px;
    }
   
.sidebar a {
    text-decoration: none;
    color: #fff;
    }

.sidebar a:hover {
    text-decoration: underline;
    color:#fff;
    }

#search {
    border: 1px solid #248e95;
    height: 30px;
    padding: 0;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsnlbeV38NJnu5lzenITWpidXT90OAgERByJp_1jLC0OmqPbGBH2W8dLVcp71GdMHdnMixz62wqyJkxS-zB5GXTT2WRGs7ezfl5hK_6YlCjiK0bFKL6CvF_DY5XhdeRGE3FqKO7gTbLoHj/s0/search-background.png) top left repeat-x;
    text-align: right;
}

#search input {
    border: 0;
    background: none;
    color: #858282;
}
   
#s {
    width: 240px;
    padding: 4px;
    margin:3px 0 0 0;
    background: none;
}

#topsearch     #s {
  width: 250px; 
}

#topsearch #search {
    margin: 10px 0 0 0;
}

/* Social icons */
.addthis_toolbox {
    padding: 15px 0 0px 0;
    text-align: center;
    }
.addthis_toolbox .custom_images a
{
    width: 32px;
    height: 32px;
    margin: 0 3px 0 3px;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.85;
}
   
.sidebarvideo {

    }

.sidebar h2 {
    margin: 10px 0 0 0;
    padding: 5px 0 5px 10px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBeLrOvRXJO1_rosmbWUa6ZDmzbY3j3PaIo95w-Re0-MgXJrndE4FOm2H6mNVCSD2aHU1fYw0nphZeWKryqW6C4oPYMyKcwgMOTawZdByGGNaePodCDPzNzY159Qg0ArlVtHt9sFAl-brv/s0/sidebar_tab.png) top left repeat-x;
    background-repeat: repeat-x;
    background-position: top;
    font-size: 15px;
    font-family: Arial, Helvetica, Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 1px 0 #141414;
    }

.sidebar ul {
    list-style-type: none;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
   
.sidebar ul li {
    padding: 4px 0px 4px 4px;
    margin: 0px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_CctVoUisLq4u3KdlG2SUtxuLYGrjb_w3KEl2Wy_vO6rI_m2__7EnZ3RExtDI-dkXD6ecL5q-O3ZKA6NWfIihHscqQrrtjXmS5pf54V1tzUdazjekVFa4NV6qFLJrM02ErZymJETyVvH4/s0/sidebar_line.png) bottom left repeat-x;
    }

/* FOOTER */

#footer {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNO3MF1UTe-S5FTSgroIwpnipfUB_e_Odk3R5-liqH63z_jWhQKTBiwRZK6K0MkxXMpVntVTEwERsN9XopA5QyhUsos1rypJnqVPm-OiTWNy1DJvZTAJdDIh0-9aFEALQlL1tvJPhW7YSk/s0/footer-background.png) bottom left no-repeat;
    padding: 22px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    border-top: 1px solid #3db8c1;
    }

#footer a {
    color: #fff;
    }

#footer a:hover {
    text-decoration: none;
    }
   
#credits {
    color: #949494;
    font-size: 11px;
    text-align: center;
    padding: 10px;
    }
       
#credits a {
    color: #949494;
    text-decoration: none;
    }

#content {
    word-wrap:break-word;
    overflow:hidden;
}

.sidebar {
    word-wrap:break-word;
    overflow:hidden;
}

#myGallery, #myGallerySet, #flickrGallery
{
    width: 610px;
    height: 320px;
    z-index:5;
    margin-bottom: 20px;
    overflow:hidden;
}

.jdGallery a
{
    outline:0;
}


#flickrGallery
{
    width: 500px;
    height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
    display: none;
}

.jdGallery
{
    overflow: hidden;
    position: relative;
}

.jdGallery img
{
    border: 0;
    margin: 0;
}

.jdGallery .slideElement
{
    width: 100%;
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAuE3hKxNZAVLC6rNLMH0ul4yi1x_qBYCztP65Sl8vShDbyhMVsCQ1K3l5025Os_kOFtMyxYXcXfb-Q1Y0BfAbDXSng1nE9tSMpxlQbBfNDJKGX4-xOo2THz0An1DqeHAGuSIEFON8hHlX/s0/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAuE3hKxNZAVLC6rNLMH0ul4yi1x_qBYCztP65Sl8vShDbyhMVsCQ1K3l5025Os_kOFtMyxYXcXfb-Q1Y0BfAbDXSng1nE9tSMpxlQbBfNDJKGX4-xOo2THz0An1DqeHAGuSIEFON8hHlX/s0/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
    position: absolute;
    z-index: 10;
    width: 100%;
    margin: 0px;
    left: 0;
    bottom: 0;
    height: 100px;
    background: #11929b;
    color: #fff;
    text-indent: 0;
    overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
    bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
    padding: 0;
    font-size: 14px;
    margin: 0;
    margin: 2px 5px;
    font-weight: bold;
    color: #fff !important;
}

.jdGallery .slideInfoZone p
{
    padding: 0;
    font-size: 12px;
    margin: 2px 5px;
    color: #eee;
}

.jdGallery div.carouselContainer
{
    position: absolute;
    height: 135px;
    width: 100%;
    z-index: 10;
    margin: 0px;
    left: 0;
    top: 0;
}

.jdGallery a.carouselBtn
{
    position: absolute;
    bottom: 0;
    right: 30px;
    height: 20px;
    /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
    text-align: center;
    padding: 0 10px;
    font-size: 13px;
    background: #333;
    color: #fff;
    cursor: pointer;
}

.jdGallery .carousel
{
    position: absolute;
    width: 100%;
    margin: 0px;
    left: 0;
    top: 0;
    height: 115px;
    background: #333;
    color: #fff;
    text-indent: 0;
    overflow: hidden;
}

.jdExtCarousel
{
    overflow: hidden;
    position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
    position: absolute;
    width: 100%;
    height: 78px;
    top: 10px;
    left: 0;
    overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
    position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
    cursor: pointer;
    background: #000;
    background-position: center center;
    float: left;
    border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
    margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
    font-size: 13px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    padding: 0;
    margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
    font-size: 10px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    padding: 1px 2px;
    margin: 0;
    background: #222;
    border: 1px solid #888;
    cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
    color: #b5b5b5;
}

.jdGallery a
{
    font-size: 100%;
    text-decoration: none;
    color: #fff;
}

.jdGallery a.right, .jdGallery a.left
{
    position: absolute;
    height: 99%;
    width: 25%;
    cursor: pointer;
    z-index:10;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
    filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.jdGallery a.left
{
    left: 0;
    top: 0;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4jWgsHkxa1LCH9o4kfSd9eK2Mi_GDG1Cli1d7XNeK9NW2M4UQrB_NBNYtp8pzyBYeJx4NZyT2Yf0TiEBmea2jEWQkmYdYXxvvGe8I3Msa3s1bVhdpxofiWP0bIkvnCyQd1JJ0TtV99N1/s0/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOt1qcGl71lrovV29raxmQbO2EUyJ_ksBg5Q7Nsv2lB9eLcBZYI4vQJ73vkNJ5tTTHbfKRJxFIIrYBPO3NF7t-VVYqsw3CWD0TWkUdYX9QDJo2WWvjd2RlX7ow7BE6CnFaxzUEfWxk49bB/s0/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
    right: 0;
    top: 0;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJhsI9PN9MvsT_mpOR_cTS_BlBPH0xV5gOxlR46U0kc1Jy34oWcVn2FYA4i3igVhVmhKFVp7fZX_-giQRM5kJyVDm6q44B79e38i01YvxI0TK_RnWSIteUHWe7UZwEM9NxfGqjfF-nMJms/s0/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN2F4a0j_ktlMmhdRnlmmoUf9j14704sLYvprkQj6W7Eb1Kd8s3QGmbQZpZiG2O1DDBWfINSCMhHD4KCeD0jFTqy-ew-MOxhU1CQ7l-ayFGICGI7vwcKtlIgr-7XUZJfsg8utn8lAWukT4/s0/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.withArrows a.open
{
    position: absolute;
    top: 0;
    left: 25%;
    height: 99%;
    width: 50%;
    cursor: pointer;
    z-index: 10;
    background: none;
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOqmdDDaLd9Jorz8y9OGAJuPoKIVAAGVmAoqxsATSWef8LCPreJzMKdhyphenhyphenLP-fuZSabEpBq1QdrKrZ4V-UsSWkNb9zB1PfCctzYYU4iDRI1Kuea54xXfeeKUmvHFeAa-R-Xu1pGOnrXbLVo/s0/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsjl5yP4dUv-hViXqYzrHlLbuUmblXcDDFB6OS_6kJ8vT9zMkJDp7ugnu_Ry9N1QYL7ZiSYXBJ-2V8NAQW-rEh5O8N3EonslJmjiSDvWpTaOr6RgMqc9l4Tr9aCCasKtlSV5oiqc4iB4cN/s0/open.gif') no-repeat center center;
    filter:alpha(opacity=80); }
   
   
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
    z-index: 15;
    position: absolute;
    top: 0;
    left: 30px;
    height: 20px;
    /*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
    text-align: center;
    padding: 0 10px;
    font-size: 13px;
    background: #333;
    color: #fff;
    cursor: pointer;
    opacity: .4;
    -moz-opacity: .4;
    -khtml-opacity: 0.4;
    filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
    z-index: 20;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
}

.jdGallery .gallerySelector h2
{
    margin: 0;
    padding: 10px 20px 10px 20px;
    font-size: 20px;
    line-height: 30px;
    color: #fff !important;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
    overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
    margin-left: 10px;
    margin-top: 10px;
    border: 1px solid #888;
    padding: 5px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
    background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
    background: #000;
    background-position: center center;
    float: left;
    border: none;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color:  #fff;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    color: #fff !important;
}

/* all menu links */
#nav a, #subMenusContainer a {
    text-decoration:none;
    display:block;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a {
    margin:0;
    float:left;
    background: none;
    padding:12px 14px;
    text-transform:uppercase;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a {
    color: #fff;
    font-size: 12px;
    text-align:left;
    background-color:#1f8a92;
    padding:5px 20px;
}
/* All menu links on hover or focus */
#nav li a:hover,
#nav li a:focus,
#nav a.mainMenuParentBtnFocused{
    background:#197076;
    color:#fff;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-shadow:0px 1px 0px #000;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#subMenusContainer a.subMenuParentBtnFocused {
    background-color: #197076;
    color:#fff;
    text-shadow:0px 1px 0px #000;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn {
    background: url(../img/arrow_right.gif) right center no-repeat;
}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused {
    background: url(../img/arrow_right_over.gif) right center no-repeat;
}
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn {
    /*background: url(../img/arrow_down.gif) right center no-repeat;*/
}
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused {
    /*background: url(../img/arrow_down_over.gif) right center no-repeat;*/
}
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW {
    display:none;
    position: absolute;
    overflow:hidden;
    /*the 2px left & right padding lets you have a 1px border
      on the ul or ol inside since overflow is set to hidden*/
    padding:0 2px;
    margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
}
/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
    /*border around submenu goes here*/   
    background: none;
    left:0;
}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
    /*great place to use a background image as a divider*/
    background-image:url(../img/mainnav-sep.gif);
    background-repeat:no-repeat;
    background-position: 100% 5px;
    cursor: pointer;
    float: left;
    margin: 0 2px 0 0;
    padding: 0 2px 0 0;
    height: 44px;
    display: inline;
}
#subMenusContainer li {
    list-style: none;
}
/* main menu ul or ol elment */
#nav {
    width: 950px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    font-size: 12px;
    display: block;
}
#nav .children{
    display: none;
}
#subMenusContainer {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    overflow:visible;
    z-index:1000000000;
}

h2.date-header {
  margin: 1.5em 0 .5em;
  display: none;
}

.main .widget {
  margin: 0 0 5px;
  padding: 0 0 2px;
}

.main .Blog {
  border-bottom-width: 0;
}

#header .description {
  color:#ffffff;
  font-size:14px;
  text-shadow:0px 1px 0px #000000;
}

/* Comments----------------------------------------------- */
#comments {
    padding:10px;
    color:#666;
    margin-bottom:20px;
}

#comments h4 {
    font-size:22px;
    margin-bottom:10px;
}

#comment-name-url {
  width: 365px;
  float: left;
}

#comment-date {
  width: 365px;
  float: left;
  margin-top: 5px;
  font-size: 10px;
}

#comment-header {
  float: left;
  padding: 5px 0 40px 10px;
  margin: 5px 0 15px 0;
  position: relative;
  background-color: #ffffff;
  border: 1px dashed #eeeeee;
}

.avatar-image-container {
  background: url(http: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlfZ1lG2qc_7eBnop5e-XBcjSDd1dQYFsgyNHt4iLHPuKJfVkPPIEDmD6rxz9wDROFvKa6Ll7wIaoQUUgc6P3kkwy_GIx1_ITUCFeVjbXkzVmwhqzNIMiYtjAus1gqsnukbBXmS_UV4Ycg/s1600/comment-avatar.jpg);
  width: 32px;
  height: 32px;
  float: right;
  margin: 5px 10px 5px 5px;
  border: 1px solid #dddddd;
}

.avatar-image-container img {
  width: 32px;
  height: 32px;
}

a.comments-autor-name {
  color: #000000;
  font: normal bold 14px Arial, Tahoma, Verdana;
}

a.says {
  color: #000000;
  font: normal 14px Arial, Tahoma, Verdana;
}

.says a:hover {
  text-decoration: none;
}

.deleted-comment {
  font-style: italic;
  color: gray;
}

#blog-pager-newer-link {
  float: left;
}

#blog-pager-older-link {
  float: right;
}

#blog-pager {
  text-align: center;
  padding:5px;
}

.feed-links {
  clear: both;
}

/* Profile ----------------------------------------------- */
.profile-img {
  float: left;
  margin-top: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 4px;
  border: 1px solid #eeeeee;
}

.profile-data {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #000000;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock {
  margin: .5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

.avatar-image-container {
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pnYPONE3sN7u1Tzjgg7d-uWAtZLvuIBr4ieDPaxgVzV-o_QG0sxyQsPEUBb4KHqi5UXhc3hndHiN14w4AODulJBTW2DDA27nErAzHrudGDsyUYThkwn5B1ocGfofoQ1eVqnsly7PFdB0/s0/comment-avatar.jpg);
  width: 32px;
  height: 32px;
  float: right;
  margin: 5px 10px 5px 5px;
  border: 1px solid #dddddd;
}

.avatar-image-container img {
  width: 32px;
  height: 32px;
}

.profile-link {
  text-transform: uppercase;
  letter-spacing: .1em;
}

.comment-form {
  max-width: 600px;
}

#navbar-iframe {
  height: 0;
  visibility: hidden;
  display: none;
}

.PopularPosts .widget-content ul li {
  padding:0px;
  margin:0px 0px 6px 0px;
}

.popular-posts {
margin-top: 5px;
}

.reaction-buttons table{
  border:none;
  margin-bottom:5px;
}

.reaction-buttons table, .reaction-buttons td{
  border:none;
}

]]></b:skin>

<script type='text/javascript'>
//<![CDATA[

JSON.extend({
parse: function(string) {
    return JSON.decode(string);
},
stringify: function(obj) {
    return JSON.encode(obj);
}
});

//]]>
</script>

<style media='print' type='text/css'>
body {line-height:1.5;font-family:&quot;Helvetica Neue&quot;, Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
.container {background:none;}
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space {background:#fff;color:#fff;}
h1, h2, h3, h4, h5, h6 {font-family:&quot;Helvetica Neue&quot;, Arial, &quot;Lucida Grande&quot;, sans-serif;}
code {font:.9em &quot;Courier New&quot;, Monaco, Courier, monospace;}
img {float:left;margin:1.5em 1.5em 1.5em 0;}
a img {border:none;}
p img.top {margin-top:0;}
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small {font-size:.9em;}
.large {font-size:1.1em;}
.quiet {color:#999;}
.hide {display:none;}
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
a:link:after, a:visited:after {content:&quot; (&quot; attr(href) &quot;)&quot;;font-size:90%;}
</style>

<!--[if IE]>
<style type="text/css">
body {text-align:center;}
.container {text-align:left;}
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
ol {margin-left:2em;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
img {-ms-interpolation-mode:bicubic;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
fieldset {padding-top:0;}
</style>
<![endif]-->

<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js'/>

<script type='text/javascript'>
//<![CDATA[

//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('11.36=f 12({1M:11,a:{1m:"2s"},X:8(B,A){7.P("1v",8(){7.1w=(7.13["k"+7.1x.37()]!=0);b(7.1w&&2t.2u.38){7.e.39().2v(7.13)}},n);7.e=7.2w=$(B);7.Q(A);9 C=7.e.1n("13");7.13=C||f 1c("3Y",{3Z:$1Y(7.e.40("14","1N"),{41:"42"})}).43(7.e);7.e.1Z("13",7.13).1d("14",0);7.l=[];7.1w=n},2s:8(){7.14="14-15";7.1x="21";7.k=7.e.2x},22:8(){7.14="14-16";7.1x="23";7.k=7.e.2y},17:8(A){7.e.1d(7.14,A[0]);7.13.1d(7.1x,A[1]);c 7},1O:8(E,D,C){9 B=[];9 A=2;A.3a(8(F){B[F]=11.1O(E[F],D[F],C)});c B},h:8(B,E){b(!7.z(Y.2z,B,E)){c 7}7[E||7.a.1m]();9 D=7.e.1e(7.14).1P();9 C=7.13.1e(7.1x).1P();9 A=[[D,C],[0,7.k]];9 G=[[D,C],[-7.k,0]];9 F;1Q(B){o"R":F=A;1f;o"3b":F=G;1f;o"1R":F=(7.13["k"+7.1x.37()]==0)?A:G}c 7.Q(F[0],F[1])},3c:8(A){c 7.h("R",A)},3d:8(A){c 7.h("3b",A)},2A:8(A){7[A||7.a.1m]();7.1w=j;c 7.17([-7.k,0])},2B:8(A){7[A||7.a.1m]();7.1w=n;c 7.17([0,7.k])},1R:8(A){c 7.h("1R",A)}});1c.44.r={17:8(B){9 A=7.1n("r");b(A){A.Z()}c 7.3e("r").1Z("r:a",$1Y({2C:"Z"},B))},2D:8(A){b(A||!7.1n("r")){b(A||!7.1n("r:a")){7.17("r",A)}7.1Z("r",f 11.36(7,7.1n("r:a")))}c 7.1n("r")}};1c.1o({r:8(D,E){D=D||"1R";9 B=7.2D("r"),A;1Q(D){o"2A":B.2A(E);1f;o"2B":B.2B(E);1f;o"1R":9 C=7.1n("r:2E",B.1w);B[(C)?"3d":"3c"](E);7.1Z("r:2E",!C);A=n;1f;45:B.h(D,E)}b(!A){7.3e("r:2E")}c 7}});11.46=f 12({1M:11,a:{k:{x:0,y:0},3f:n},X:8(B,A){7.e=7.2w=$(B);7.Q(A);9 D=7.Z.M(7,j);b($10(7.e)!="e"){7.e=$(7.e.24().25)}9 C=7.e;b(7.a.3f){7.P("h",8(){C.P("2F",D)},n);7.P("1v",8(){C.18("2F",D)},n)}},17:8(){9 A=1y.3g(Y);7.e.3h(A[0],A[1])},1O:8(E,D,C){9 B=[];9 A=2;A.3a(8(F){B.26(11.1O(E[F],D[F],C))});c B},h:8(C,H){b(!7.z(Y.2z,C,H)){c 7}9 E=7.e.3i(),F=7.e.47();9 B=7.e.3j(),D={x:C,y:H};S(9 G R D){9 A=F[G]-E[G];b($1z(D[G])){D[G]=($10(D[G])=="2G")?D[G].m(0,A):A}s{D[G]=B[G]}D[G]+=7.a.k[G]}c 7.Q([B.x,B.y],[D.x,D.y])},48:8(){c 7.h(j,0)},49:8(){c 7.h(0,j)},4a:8(){c 7.h("1A",j)},4b:8(){c 7.h(j,"1B")},4c:8(B){9 A=$(B).27(7.e);c 7.h(A.x,A.y)}});11.3k=f 12({1M:11.4d,X:8(B,A){7.2H=7.2w=$$(B);7.Q(A)},1O:8(G,H,I){9 C={};S(9 D R G){9 A=G[D],E=H[D],F=C[D]={};S(9 B R A){F[B]=7.Q(A[B],E[B],I)}}c C},17:8(B){S(9 C R B){9 A=B[C];S(9 D R A){7.4e(7.2H[C],D,A[D],7.a.2I)}}c 7},h:8(C){b(!7.z(Y.2z,C)){c 7}9 H={},I={};S(9 D R C){9 F=C[D],A=H[D]={},G=I[D]={};S(9 B R F){9 E=7.4f(7.2H[D],B,F[B]);A[B]=E.4g;G[B]=E.4h}}c 7.Q(H,I)}});9 1C=f 12({2J:[2K,2L],a:{1p:6,2I:"4i",1g:j,2M:n,m:j,28:j,29:j,1q:j,U:{x:"16",y:"15"}},X:8(){9 B=1y.2C(Y,{a:4j.10,e:$4k});7.e=$(B.e);7.t=7.e.24();7.2N(B.a||{});9 A=$10(7.a.28);7.2O=(A=="4l"||A=="4m")?$$(7.a.28):$(7.a.28)||7.e;7.19={l:{},2P:{}};7.p={h:{},l:{}};7.2a=(2t.2u.4n)?"4o":"2b";7.v={h:7.h.M(7),z:7.z.M(7),V:7.V.M(7),1h:7.1h.M(7),Z:7.Z.M(7),2c:$2Q(j)};7.3l()},3l:8(){7.2O.P("2b",7.v.h);c 7},4p:8(){7.2O.18("2b",7.v.h);c 7},h:8(C){b(7.a.1q){C.1q()}7.u("4q",7.e);7.19.h=C.N;9 A=7.a.m;7.m={x:[],y:[]};S(9 D R 7.a.U){b(!7.a.U[D]){3m}b(7.a.2M){7.p.l[D]=7.e.1e(7.a.U[D]).1P()}s{7.p.l[D]=7.e[7.a.U[D]]}b(7.a.29){7.p.l[D]*=-1}7.19.2P[D]=C.N[D]-7.p.l[D];b(A&&A[D]){S(9 B=2;B--;B){b($1z(A[D][B])){7.m[D][B]=$2Q(A[D][B])()}}}}b($10(7.a.1g)=="2G"){7.a.1g={x:7.a.1g,y:7.a.1g}}7.t.2R({1D:7.v.z,2d:7.v.Z});7.t.P(7.2a,7.v.2c)},z:8(A){b(7.a.1q){A.1q()}9 B=i.O(i.4r(i.3n(A.N.x-7.19.h.x,2)+i.3n(A.N.y-7.19.h.y,2)));b(B>7.a.1p){7.Z();7.t.2R({1D:7.v.V,2d:7.v.1h});7.u("h",7.e).u("1p",7.e)}},V:8(A){b(7.a.1q){A.1q()}7.19.l=A.N;S(9 B R 7.a.U){b(!7.a.U[B]){3m}7.p.l[B]=7.19.l[B]-7.19.2P[B];b(7.a.29){7.p.l[B]*=-1}b(7.a.m&&7.m[B]){b($1z(7.m[B][1])&&(7.p.l[B]>7.m[B][1])){7.p.l[B]=7.m[B][1]}s{b($1z(7.m[B][0])&&(7.p.l[B]<7.m[B][0])){7.p.l[B]=7.m[B][0]}}}b(7.a.1g[B]){7.p.l[B]-=(7.p.l[B]%7.a.1g[B])}b(7.a.2M){7.e.1d(7.a.U[B],7.p.l[B]+7.a.2I)}s{7.e[7.a.U[B]]=7.p.l[B]}}7.u("V",7.e)},Z:8(A){7.t.18("1D",7.v.z);7.t.18("2d",7.v.Z);b(A){7.t.18(7.2a,7.v.2c);7.u("Z",7.e)}},1h:8(A){7.t.18(7.2a,7.v.2c);7.t.18("1D",7.v.V);7.t.18("2d",7.v.1h);b(A){7.u("1v",7.e)}}});1c.1o({4s:8(A){c f 1C(7,$2e({U:{x:"23",y:"21"}},A))}});1C.3o=f 12({1M:1C,a:{1S:[],1a:j},X:8(C,B){7.Q(C,B);7.1S=$$(7.a.1S);7.1a=$(7.a.1a);b(7.1a&&$10(7.1a)!="e"){7.1a=$(7.1a.24().25)}C=7.e;9 D=C.1e("1N");9 A=(D!="4t")?D:"4u";b(C.1e("16")=="3p"||C.1e("15")=="3p"){C.1N(C.27(C.3q))}C.1d("1N",A);7.P("h",8(){7.2f()},n)},h:8(B){b(7.1a){9 D=7.e,J=7.1a,E=J.3r(D.3q),F={},A={};["15","1A","1B","16"].1r(8(K){F[K]=J.1e("4v-"+K).1P();A[K]=D.1e("14-"+K).1P()},7);9 C=D.2y+A.16+A.1A,I=D.2x+A.15+A.1B;9 H=[E.16+F.16,E.1A-F.1A-C];9 G=[E.15+F.15,E.1B-F.1B-I];7.a.m={x:H,y:G}}7.Q(B)},3s:8(B){B=B.3r();9 A=7.19.l;c(A.x>B.16&&A.x<B.1A&&A.y<B.1B&&A.y>B.15)},2f:8(){9 A=7.1S.4w(7.3s,7).3t();b(7.1s!=A){b(7.1s){7.u("4x",[7.e,7.1s])}b(A){7.1s=A;7.u("4y",[7.e,A])}s{7.1s=1E}}},V:8(A){7.Q(A);b(7.1S.2g){7.2f()}},1h:8(A){7.2f();7.u("4z",[7.e,7.1s]);7.1s=1E;c 7.Q(A)}});1c.1o({4A:8(A){c f 1C.3o(7,A)}});1F.2S=f 12({1M:2S,a:{3u:n},X:8(B,A){7.Q(B,A);7.2h()},3v:8(){9 A=3w.4B(7.2T);b(!A||A.2g>4C){c j}b(A=="{}"){7.39()}s{7.4D(A)}c n},2h:8(){7.2T=f 1F(3w.4E(7.4F(),n));c 7}});1F.2S.1o((8(){9 A={};1F.1r(1F.4G,8(C,B){A[B]=8(){9 D=C.4H(7.2T,Y);b(7.a.3u){7.3v()}c D}});c A})());9 W=f 4I({X:8(B,C){b(Y.2g>=3){C="1G";B=1y.2i(Y,0,3)}s{b(4J B=="4K"){b(B.2j(/1G/)){B=B.3x().2U(n)}s{b(B.2j(/q/)){B=B.1T()}s{B=B.2U(n)}}}}C=C||"1G";1Q(C){o"q":9 A=B;B=B.1T();B.q=A;1f;o"2V":B=B.2U(n);1f}B.1G=B.2i(0,3);B.q=B.q||B.2k();B.2V=B.3x();c $1Y(B,7)}});W.1o({4L:8(){9 A=1y.2i(Y);9 C=($10(A.3t())=="2G")?A.4M():50;9 B=7.2i();A.1r(8(D){D=f W(D);S(9 E=0;E<3;E++){B[E]=i.O((B[E]/1i*(1i-C))+(D[E]/1i*C))}});c f W(B,"1G")},29:8(){c f W(7.4N(8(A){c 1H-A}))},4O:8(A){c f W([A,7.q[1],7.q[2]],"q")},4P:8(A){c f W([7.q[0],A,7.q[2]],"q")},4Q:8(A){c f W([7.q[0],7.q[1],A],"q")}});8 $4R(C,B,A){c f W([C,B,A],"1G")}8 $4S(C,B,A){c f W([C,B,A],"q")}8 $4T(A){c f W(A,"2V")}1y.1o({2k:8(){9 B=7[0],C=7[1],J=7[2];9 G,F,H;9 I=i.1U(B,C,J),E=i.1j(B,C,J);9 K=I-E;H=I/1H;F=(I!=0)?K/I:0;b(F==0){G=0}s{9 D=(I-B)/K;9 A=(I-C)/K;9 L=(I-J)/K;b(B==I){G=L-A}s{b(C==I){G=2+D-L}s{G=4+A-D}}G/=6;b(G<0){G++}}c[i.O(G*3y),i.O(F*1i),i.O(H*1i)]},1T:8(){9 C=i.O(7[2]/1i*1H);b(7[1]==0){c[C,C,C]}s{9 A=7[0]%3y;9 E=A%2W;9 F=i.O((7[2]*(1i-7[1]))/4U*1H);9 D=i.O((7[2]*(3z-7[1]*E))/3A*1H);9 B=i.O((7[2]*(3z-7[1]*(2W-E)))/3A*1H);1Q(i.4V(A/2W)){o 0:c[C,B,F];o 1:c[D,C,F];o 2:c[F,C,B];o 3:c[F,D,C];o 4:c[B,F,C];o 5:c[C,F,D]}}c j}});4W.1o({2k:8(){9 A=7.2j(/\\d{1,3}/g);c(A)?q.2k():1E},1T:8(){9 A=7.2j(/\\d{1,3}/g);c(A)?A.1T():1E}});9 4X=f 12({X:8(){7.2l=1y.3g(Y);7.1I={};7.1J={}},P:8(B,A){7.1J[B]=7.1J[B]||{};7.1I[B]=7.1I[B]||[];b(7.1I[B].3B(A)){c j}s{7.1I[B].26(A)}7.2l.1r(8(C,D){C.P(B,7.z.M(7,[B,C,D]))},7);c 7},z:8(C,A,B){7.1J[C][B]=n;9 D=7.2l.4Y(8(F,E){c 7.1J[C][E]||j},7);b(!D){c}7.1J[C]={};7.1I[C].1r(8(E){E.3C(7,7.2l,A)},7)}});9 3D=f 1F({3E:8(F,D){D=$1Y({1t:$1K,t:t,z:$2Q(n)},D);9 B=f 1c("4Z",{2X:F,10:"3F/3E"});9 E=D.1t.M(B),A=D.z,G=D.t;2m D.1t;2m D.z;2m D.t;B.2R({2h:E,51:8(){b(["52","1v"].3B(7.53)){E()}}}).3G(D);b(2t.2u.38){9 C=(8(){b(!$54(A)){c}$3H(C);E()}).3I(50)}c B.2v(G.3J)},3K:8(B,A){c f 1c("2C",$2e({55:"56",57:"58",10:"3F/3K",59:B},A)).2v(t.3J)},3L:8(C,B){B=$2e({1t:$1K,3M:$1K,3N:$1K},B);9 D=f 5a();9 A=$(D)||f 1c("5b");["2h","5c","5d"].1r(8(E){9 F="5e"+E;9 G=B[F];2m B[F];D[F]=8(){b(!D){c}b(!A.5f){A.23=D.23;A.21=D.21}D=D.1t=D.3M=D.3N=1E;G.3O(1,A,A);A.u(E,A,1)}});D.2X=A.2X=C;b(D&&D.1v){D.1t.3O(1)}c A.3G(B)},5g:8(D,C){C=$2e({2Y:$1K,3P:$1K},C);b(!D.26){D=[D]}9 A=[];9 B=0;D.1r(8(F){9 E=f 3D.3L(F,{1t:8(){C.3P.3C(7,B,D.5h(F));B++;b(B==D.2g){C.2Y()}}});A.26(E)});c f 3k(A)}});9 5i=f 12({2J:[2K,2L],a:{5j:8(A){b(7.a.1p){A=7.2Z(7.w)}7.1L.1d(7.1V,A)},1p:j,k:0,T:j,2n:j,1k:1i,1m:"22"},X:8(E,A,D){7.2N(D);7.e=$(E);7.1L=$(A);7.30=7.31=7.w=-1;7.e.P("2b",7.3Q.M(7));b(7.a.2n){7.e.P("2F",7.3R.5k(7))}9 F,B={},C={x:j,y:j};1Q(7.a.1m){o"2s":7.1l="y";7.1V="15";F="2x";1f;o"22":7.1l="x";7.1V="16";F="2y"}7.3S=7.1L[F]/2;7.1b=7.e[F]-7.1L[F]+(7.a.k*2);7.1j=$1z(7.a.T[0])?7.a.T[0]:0;7.1U=$1z(7.a.T[1])?7.a.T[1]:7.a.1k;7.T=7.1U-7.1j;7.1k=7.a.1k||7.1b;7.1u=i.32(7.T)/7.1k;7.3T=7.1u*7.1b/i.32(7.T);7.1L.1d("1N","5l").1d(7.1V,-7.a.k);C[7.1l]=7.1V;B[7.1l]=[-7.a.k,7.1b-7.a.k];7.V=f 1C(7.1L,{1p:0,m:B,U:C,5m:7.2o.M(7),5n:7.2o.M(7),2Y:8(){7.2o();7.2p()}.M(7)});b(7.a.1p){7.V.a.1g=i.5o(7.3T);7.V.a.m[7.1l][1]=7.1b}},17:8(A){b(!((7.T>0)^(A<7.1j))){A=7.1j}b(!((7.T>0)^(A>7.1U))){A=7.1U}7.w=i.O(A);7.2q();7.2p();7.u("3U",7.2Z(7.w));c 7},3Q:8(C){9 B=7.T<0?-1:1;9 A=C.N[7.1l]-7.e.27()[7.1l]-7.3S;A=A.m(-7.a.k,7.1b-7.a.k);7.w=i.O(7.1j+B*7.33(A));7.2q();7.2p();7.u("3U",A)},3R:8(A){9 B=(7.a.1m=="22")?(A.2n<0):(A.2n>0);7.17(B?7.w-7.1u:7.w+7.1u);A.1h()},2o:8(){9 B=7.T<0?-1:1;9 A=7.V.p.l[7.1l];A=A.m(-7.a.k,7.1b-7.a.k);7.w=i.O(7.1j+B*7.33(A));7.2q()},2q:8(){b(7.30!=7.w){7.30=7.w;7.u("3V",7.w)}},2p:8(){b(7.31!==7.w){7.31=7.w;7.u("1v",7.w+"")}},33:8(A){9 B=(A+7.a.k)*7.1u/7.1b*7.1k;c 7.a.1k?i.O(B-=B%7.1u):B},2Z:8(A){c(7.1b*i.32(7.1j-A))/(7.1k*7.1u)-7.a.k}});9 5p=f 12({2J:[2K,2L],a:{1W:20,34:1,5q:8(A,B){7.e.3h(A,B)}},X:8(B,A){7.2N(A);7.e=$(B);7.2r=($10(7.e)!="e")?$(7.e.24().25):7.e;7.1X=1E;7.35=7.3W.M(7)},h:8(){7.2r.P("1D",7.35)},1h:8(){7.2r.18("1D",7.35);7.1X=$3H(7.1X)},3W:8(A){7.N=(7.2r.2D("5r")=="25")?A.5s:A.N;b(!7.1X){7.1X=7.3X.3I(50,7)}},3X:8(){9 B=7.e.3i(),A=7.e.3j(),E=7.e.27(),D={x:0,y:0};S(9 C R 7.N){b(7.N[C]<(7.a.1W+E[C])&&A[C]!=0){D[C]=(7.N[C]-7.a.1W-E[C])*7.a.34}s{b(7.N[C]+7.a.1W>(B[C]+E[C])&&B[C]+B[C]!=A[C]){D[C]=(7.N[C]-B[C]+7.a.1W-E[C])*7.a.34}}}b(D.y||D.x){7.u("3V",[A.x+D.x,A.y+D.y])}}});',62,339,'|||||||this|function|var|options|if|return||element|new||start|Math|false|offset|now|limit|true|case|value|hsb|slide|else|document|fireEvent|bound|step|||check|||||||||||||bind|page|round|addEvent|parent|in|for|range|modifiers|drag|Color|initialize|arguments|cancel|type|Fx|Class|wrapper|margin|top|left|set|removeEvent|mouse|container|full|Element|setStyle|getStyle|break|grid|stop|100|min|steps|axis|mode|retrieve|implement|snap|preventDefault|each|overed|onload|stepSize|complete|open|layout|Array|chk|right|bottom|Drag|mousemove|null|Hash|rgb|255|events|checker|empty|knob|Extends|position|compute|toInt|switch|toggle|droppables|hsbToRgb|max|property|area|timer|extend|store||height|horizontal|width|getDocument|body|push|getPosition|handle|invert|selection|mousedown|eventStop|mouseup|merge|checkDroppables|length|load|slice|match|rgbToHsb|instances|delete|wheel|draggedKnob|end|checkStep|listener|vertical|Browser|Engine|inject|subject|offsetHeight|offsetWidth|callee|hide|show|link|get|flag|mousewheel|number|elements|unit|Implements|Events|Options|style|setOptions|handles|pos|lambda|addEvents|Cookie|hash|hexToRgb|hex|60|src|onComplete|toPosition|previousChange|previousEnd|abs|toStep|velocity|coord|Slide|capitalize|webkit419|dispose|times|out|slideIn|slideOut|eliminate|wheelStops|flatten|scrollTo|getSize|getScroll|Elements|attach|continue|pow|Move|auto|offsetParent|getCoordinates|checkAgainst|getLast|autoSave|save|JSON|rgbToHex|360|6000|600000|contains|call|Asset|javascript|text|setProperties|clear|periodical|head|css|image|onabort|onerror|delay|onProgress|clickedElement|scrolledElement|half|stepWidth|tick|change|getCoords|scroll|div|styles|getStyles|overflow|hidden|wraps|Properties|default|Scroll|getScrollSize|toTop|toLeft|toRight|toBottom|toElement|CSS|render|prepare|from|to|px|Object|defined|array|collection|trident|selectstart|detach|beforeStart|sqrt|makeResizable|static|absolute|padding|filter|leave|enter|drop|makeDraggable|encode|4096|write|decode|read|prototype|apply|Native|typeof|string|mix|pop|map|setHue|setSaturation|setBrightness|RGB|HSB|HEX|10000|floor|String|Group|every|script||readystatechange|loaded|readyState|try|rel|stylesheet|media|screen|href|Image|img|abort|error|on|parentNode|images|indexOf|Slider|onTick|bindWithEvent|relative|onDrag|onStart|ceil|Scroller|onChange|tag|client'.split('|'),0,{}))

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

/*
    This file is part of JonDesign's SmoothGallery v2.1beta1.

    JonDesign's SmoothGallery is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    JonDesign's SmoothGallery is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with JonDesign's SmoothGallery; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
    Contributed code by:
    - Christian Ehret (bugfix)
    - Nitrix (bugfix)
    - Valerio from Mad4Milk for his great help with the carousel scrolling and many other things.
    - Archie Cowan for helping me find a bugfix on carousel inner width problem.
    - Tomocchino from #mootools for the preloader class
    Many thanks to:
    - The mootools team for the great mootools lib, and it's help and support throughout the project.
    - Harald Kirschner (digitarald: http://digitarald.de/) for all his great libs. Some used here as plugins.
*/

/* some quirks to circumvent broken stuff in mt1.2 */
function isBody(element){
    return (/^(?:body|html)$/i).test(element.tagName);
};
Element.implement({
    getPosition: function(relative){
        if (isBody(this)) return {x: 0, y: 0};
        var el = this, position = {x: 0, y: 0};
        while (el){
            position.x += el.offsetLeft;
            position.y += el.offsetTop;
            el = el.offsetParent;
        }
        var rpos = (relative) ? $(relative).getPosition() : {x: 0, y: 0};
        return {x: position.x - rpos.x, y: position.y - rpos.y};
    }
});

// declaring the class
var gallery = {
    Implements: [Events, Options],
    options: {
        showArrows: true,
        showCarousel: true,
        showInfopane: true,
        embedLinks: true,
        fadeDuration: 500,
        timed: false,
        delay: 9000,
        preloader: true,
        preloaderImage: true,
        preloaderErrorImage: true,
        /* Data retrieval */
        manualData: [],
        populateFrom: false,
        populateData: true,
        destroyAfterPopulate: true,
        elementSelector: "div.imageElement",
        titleSelector: "h3",
        subtitleSelector: "p",
        linkSelector: "a.open",
        imageSelector: "img.full",
        thumbnailSelector: "img.thumbnail",
        defaultTransition: "fade",
        /* InfoPane options */
        slideInfoZoneOpacity: 0.7,
        slideInfoZoneSlide: true,
        /* Carousel options */
        carouselMinimizedOpacity: 0.4,
        carouselMinimizedHeight: 20,
        carouselMaximizedOpacity: 0.9,
        thumbHeight: 75,
        thumbWidth: 100,
        thumbSpacing: 10,
        thumbIdleOpacity: 0.2,
        textShowCarousel: 'Pictures',
        showCarouselLabel: true,
        thumbCloseCarousel: true,
        useThumbGenerator: false,
        thumbGenerator: 'resizer.php',
        useExternalCarousel: false,
        carouselElement: false,
        carouselHorizontal: true,
        activateCarouselScroller: true,
        carouselPreloader: true,
        textPreloadingCarousel: 'Loading...',
        /* CSS Classes */
        baseClass: 'jdGallery',
        withArrowsClass: 'withArrows',
        /* Plugins: HistoryManager */
        useHistoryManager: false,
        customHistoryKey: false,
        /* Plugins: ReMooz */
        useReMooz: false
    },
    initialize: function(element, options) {
        this.setOptions(options);
        this.fireEvent('onInit');
        this.currentIter = 0;
        this.lastIter = 0;
        this.maxIter = 0;
        this.galleryElement = element;
        this.galleryData = this.options.manualData;
        this.galleryInit = 1;
        this.galleryElements = Array();
        this.thumbnailElements = Array();
        this.galleryElement.addClass(this.options.baseClass);
       
        if (this.options.useReMooz&&(this.options.defaultTransition=="fade"))
            this.options.defaultTransition="crossfade";
       
        this.populateFrom = element;
        if (this.options.populateFrom)
            this.populateFrom = this.options.populateFrom;       
        if (this.options.populateData)
            this.populateData();
        element.style.display="block";
       
        if (this.options.useHistoryManager)
            this.initHistory();
       
        if ((this.options.embedLinks)|(this.options.useReMooz))
        {
            this.currentLink = new Element('a').addClass('open').setProperties({
                href: '#',
                title: ''
            }).injectInside(element);
            if ((!this.options.showArrows) && (!this.options.showCarousel))
                this.galleryElement = element = this.currentLink;
            else
                this.currentLink.setStyle('display', 'none');
        }
       
        this.constructElements();
        if ((this.galleryData.length>1)&&(this.options.showArrows))
        {
            var leftArrow = new Element('a').addClass('left').addEvent(
                'click',
                this.prevItem.bind(this)
            ).injectInside(element);
            var rightArrow = new Element('a').addClass('right').addEvent(
                'click',
                this.nextItem.bind(this)
            ).injectInside(element);
            this.galleryElement.addClass(this.options.withArrowsClass);
        }
        this.loadingElement = new Element('div').addClass('loadingElement').injectInside(element);
        if (this.options.showInfopane) this.initInfoSlideshow();
        if (this.options.showCarousel) this.initCarousel();
        this.doSlideShow(1);
    },
    populateData: function() {
        currentArrayPlace = this.galleryData.length;
        options = this.options;
        var data = $A(this.galleryData);
        data.extend(this.populateGallery(this.populateFrom, currentArrayPlace));
        this.galleryData = data;
        this.fireEvent('onPopulated');
    },
    populateGallery: function(element, startNumber) {
        var data = [];
        options = this.options;
        currentArrayPlace = startNumber;
        element.getElements(options.elementSelector).each(function(el) {
            elementDict = $H({
                image: el.getElement(options.imageSelector).getProperty('src'),
                number: currentArrayPlace,
                transition: this.options.defaultTransition
            });
            if ((options.showInfopane) | (options.showCarousel))
                elementDict.extend({
                    title: el.getElement(options.titleSelector).innerHTML,
                    description: el.getElement(options.subtitleSelector).innerHTML
                });
            if ((options.embedLinks) | (options.useReMooz))
                elementDict.extend({
                    link: el.getElement(options.linkSelector).href||false,
                    linkTitle: el.getElement(options.linkSelector).title||false,
                    linkTarget: el.getElement(options.linkSelector).getProperty('target')||false
                });
            if ((!options.useThumbGenerator) && (options.showCarousel))
                elementDict.extend({
                    thumbnail: el.getElement(options.thumbnailSelector).getProperty('src')
                });
            else if (options.useThumbGenerator)
                elementDict.extend({
                    thumbnail: options.thumbGenerator + '?imgfile=' + elementDict.image + '&max_width=' + options.thumbWidth + '&max_height=' + options.thumbHeight
                });
           
            data.extend([elementDict]);
            currentArrayPlace++;
            if (this.options.destroyAfterPopulate)
                el.dispose();
        });
        return data;
    },
    constructElements: function() {
        el = this.galleryElement;
        if (this.options.embedLinks && (!this.options.showArrows))
            el = this.currentLink;
        this.maxIter = this.galleryData.length;
        var currentImg;
        for(i=0;i<this.galleryData.length;i++)
        {
            var currentImg = new Fx.Morph(
                new Element('div').addClass('slideElement').setStyles({
                    'position':'absolute',
                    'left':'0px',
                    'right':'0px',
                    'margin':'0px',
                    'padding':'0px',
                    'backgroundPosition':"center center",
                    'opacity':'0'
                }).injectInside(el),
                {duration: this.options.fadeDuration}
            );
            if (this.options.preloader)
            {
                currentImg.source = this.galleryData[i].image;
                currentImg.loaded = false;
                currentImg.load = function(imageStyle, i) {
                    if (!imageStyle.loaded)    {
                        this.galleryData[i].imgloader = new Asset.image(imageStyle.source, {
                                    'onload'  : function(img, i){
                                                    img.element.setStyle(
                                                    'backgroundImage',
                                                    "url('" + img.source + "')")
                                                    img.loaded = true;
                                                    img.width = this.galleryData[i].imgloader.width;
                                                    img.height = this.galleryData[i].imgloader.height;
                                                }.pass([imageStyle, i], this)
                        });
                    }
                }.pass([currentImg, i], this);
            } else {
                currentImg.element.setStyle('backgroundImage',
                                    "url('" + this.galleryData[i].image + "')");
            }
            this.galleryElements[parseInt(i)] = currentImg;
        }
    },
    destroySlideShow: function(element) {
        var myClassName = element.className;
        var newElement = new Element('div').addClass('myClassName');
        element.parentNode.replaceChild(newElement, element);
    },
    startSlideShow: function() {
        this.fireEvent('onStart');
        this.loadingElement.style.display = "none";
        this.lastIter = this.maxIter - 1;
        this.currentIter = 0;
        this.galleryInit = 0;
        this.galleryElements[parseInt(this.currentIter)].set({opacity: 1});
        if (this.options.showInfopane)
            this.showInfoSlideShow.delay(1000, this);
        if (this.options.useReMooz)
            this.makeReMooz.delay(1000, this);
        var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
        if (this.options.showCarousel&&(!this.options.carouselPreloader)&&(!this.options.useExternalCarousel))
            this.carouselBtn.set('html', textShowCarousel).setProperty('title', textShowCarousel);
        this.prepareTimer();
        if (this.options.embedLinks)
            this.makeLink(this.currentIter);
    },
    nextItem: function() {
        this.fireEvent('onNextCalled');
        this.nextIter = this.currentIter+1;
        if (this.nextIter >= this.maxIter)
            this.nextIter = 0;
        this.galleryInit = 0;
        this.goTo(this.nextIter);
    },
    prevItem: function() {
        this.fireEvent('onPreviousCalled');
        this.nextIter = this.currentIter-1;
        if (this.nextIter <= -1)
            this.nextIter = this.maxIter - 1;
        this.galleryInit = 0;
        this.goTo(this.nextIter);
    },
    goTo: function(num) {
        this.clearTimer();
        if(this.options.preloader)
        {
            this.galleryElements[num].load();
            if (num==0)
                this.galleryElements[this.maxIter - 1].load();
            else
                this.galleryElements[num - 1].load();
            if (num==(this.maxIter - 1))
                this.galleryElements[0].load();
            else
                this.galleryElements[num + 1].load();
               
        }
        if (this.options.embedLinks)
            this.clearLink();
        if (this.options.showInfopane)
        {
            this.slideInfoZone.clearChain();
            this.hideInfoSlideShow().chain(this.changeItem.pass(num, this));
        } else
            this.currentChangeDelay = this.changeItem.delay(500, this, num);
        if (this.options.embedLinks)
            this.makeLink(num);
        this.prepareTimer();
        /*if (this.options.showCarousel)
            this.clearThumbnailsHighlights();*/
    },
    changeItem: function(num) {
        this.fireEvent('onStartChanging');
        this.galleryInit = 0;
        if (this.currentIter != num)
        {
            for(i=0;i<this.maxIter;i++)
            {
                if ((i != this.currentIter)) this.galleryElements[i].set({opacity: 0});
            }
            gallery.Transitions[this.galleryData[num].transition].pass([
                this.galleryElements[this.currentIter],
                this.galleryElements[num],
                this.currentIter,
                num], this)();
            this.currentIter = num;
            if (this.options.useReMooz)
                this.makeReMooz();
        }
        var textShowCarousel = formatString(this.options.textShowCarousel, num+1, this.maxIter);
        if ((this.options.showCarousel)&&(!this.options.useExternalCarousel))
            this.carouselBtn.set('html', textShowCarousel).setProperty('title', textShowCarousel);
        this.doSlideShow.bind(this)();
        this.fireEvent('onChanged');
    },
    clearTimer: function() {
        if (this.options.timed)
            $clear(this.timer);
    },
    prepareTimer: function() {
        if (this.options.timed)
            this.timer = this.nextItem.delay(this.options.delay, this);
    },
    doSlideShow: function(position) {
        if (this.galleryInit == 1)
        {
            imgPreloader = new Image();
            imgPreloader.onload=function(){
                this.startSlideShow.delay(10, this);
            }.bind(this);
            imgPreloader.src = this.galleryData[0].image;
            if(this.options.preloader)
                this.galleryElements[0].load();
        } else {
            if (this.options.showInfopane)
            {
                if (this.options.showInfopane)
                {
                    this.showInfoSlideShow.delay((500 + this.options.fadeDuration), this);
                } else
                    if ((this.options.showCarousel)&&(this.options.activateCarouselScroller))
                        this.centerCarouselOn(position);
            }
        }
    },
    createCarousel: function() {
        var carouselElement;
        if (!this.options.useExternalCarousel)
        {
            var carouselContainerElement = new Element('div').addClass('carouselContainer').injectInside(this.galleryElement);
            this.carouselContainer = new Fx.Morph(carouselContainerElement, {transition: Fx.Transitions.Expo.easeOut});
            this.carouselContainer.normalHeight = carouselContainerElement.offsetHeight;
            this.carouselContainer.set({'opacity': this.options.carouselMinimizedOpacity, 'top': (this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight)});
            this.carouselBtn = new Element('a').addClass('carouselBtn').setProperties({
                title: this.options.textShowCarousel
            }).injectInside(carouselContainerElement);
            if(this.options.carouselPreloader)
                this.carouselBtn.set('html', this.options.textPreloadingCarousel);
            else
                this.carouselBtn.set('html', this.options.textShowCarousel);
            this.carouselBtn.addEvent(
                'click',
                function () {
                    this.carouselContainer.cancel();
                    this.toggleCarousel();
                }.bind(this)
            );
            this.carouselActive = false;
   
            carouselElement = new Element('div').addClass('carousel').injectInside(carouselContainerElement);
            this.carousel = new Fx.Morph(carouselElement);
        } else {
            carouselElement = $(this.options.carouselElement).addClass('jdExtCarousel');
        }
        this.carouselElement = new Fx.Morph(carouselElement, {transition: Fx.Transitions.Expo.easeOut});
        this.carouselElement.normalHeight = carouselElement.offsetHeight;
        if (this.options.showCarouselLabel)
            this.carouselLabel = new Element('p').addClass('label').injectInside(carouselElement);
        carouselWrapper = new Element('div').addClass('carouselWrapper').injectInside(carouselElement);
        this.carouselWrapper = new Fx.Morph(carouselWrapper, {transition: Fx.Transitions.Expo.easeOut});
        this.carouselWrapper.normalHeight = carouselWrapper.offsetHeight;
        this.carouselInner = new Element('div').addClass('carouselInner').injectInside(carouselWrapper);
        if (this.options.activateCarouselScroller)
        {
            this.carouselWrapper.scroller = new Scroller(carouselWrapper, {
                area: 100,
                velocity: 0.2
            })
           
            this.carouselWrapper.elementScroller = new Fx.Scroll(carouselWrapper, {
                duration: 400,
                onStart: this.carouselWrapper.scroller.stop.bind(this.carouselWrapper.scroller),
                onComplete: this.carouselWrapper.scroller.start.bind(this.carouselWrapper.scroller)
            });
        }
    },
    fillCarousel: function() {
        this.constructThumbnails();
        this.carouselInner.normalWidth = ((this.maxIter * (this.options.thumbWidth + this.options.thumbSpacing + 2))+this.options.thumbSpacing) + "px";
        if (this.options.carouselHorizontal)
            this.carouselInner.style.width = this.carouselInner.normalWidth;
    },
    initCarousel: function () {
        this.createCarousel();
        this.fillCarousel();
        if (this.options.carouselPreloader)
            this.preloadThumbnails();
    },
    flushCarousel: function() {
        this.thumbnailElements.each(function(myFx) {
            myFx.element.dispose();
            myFx = myFx.element = null;
        });
        this.thumbnailElements = [];
    },
    toggleCarousel: function() {
        if (this.carouselActive)
            this.hideCarousel();
        else
            this.showCarousel();
    },
    showCarousel: function () {
        this.fireEvent('onShowCarousel');
        this.carouselContainer.start({
            'opacity': this.options.carouselMaximizedOpacity,
            'top': 0
        }).chain(function() {
            this.carouselActive = true;
            this.carouselWrapper.scroller.start();
            this.fireEvent('onCarouselShown');
            this.carouselContainer.options.onComplete = null;
        }.bind(this));
    },
    hideCarousel: function () {
        this.fireEvent('onHideCarousel');
        var targetTop = this.options.carouselMinimizedHeight - this.carouselContainer.normalHeight;
        this.carouselContainer.start({
            'opacity': this.options.carouselMinimizedOpacity,
            'top': targetTop
        }).chain(function() {
            this.carouselActive = false;
            this.carouselWrapper.scroller.stop();
            this.fireEvent('onCarouselHidden');
            this.carouselContainer.options.onComplete = null;
        }.bind(this));
    },
    constructThumbnails: function () {
        element = this.carouselInner;
        for(i=0;i<this.galleryData.length;i++)
        {
            var currentImg = new Fx.Morph(new Element ('div').addClass("thumbnail").setStyles({
                    backgroundImage: "url('" + this.galleryData[i].thumbnail + "')",
                    backgroundPosition: "center center",
                    backgroundRepeat: 'no-repeat',
                    marginLeft: this.options.thumbSpacing + "px",
                    width: this.options.thumbWidth + "px",
                    height: this.options.thumbHeight + "px"
                }).injectInside(element), {duration: 200}).start({
                    'opacity': this.options.thumbIdleOpacity
                });
            currentImg.element.addEvents({
                'mouseover': function (myself) {
                    myself.cancel();
                    myself.start({'opacity': 0.99});
                    if (this.options.showCarouselLabel)
                        $(this.carouselLabel).set('html', '<span class="number">' + (myself.relatedImage.number + 1) + "/" + this.maxIter + ":</span> " + myself.relatedImage.title);
                }.pass(currentImg, this),
                'mouseout': function (myself) {
                    myself.cancel();
                    myself.start({'opacity': this.options.thumbIdleOpacity});
                }.pass(currentImg, this),
                'click': function (myself) {
                    this.goTo(myself.relatedImage.number);
                    if (this.options.thumbCloseCarousel&&(!this.options.useExternalCarousel))
                        this.hideCarousel();
                }.pass(currentImg, this)
            });
           
            currentImg.relatedImage = this.galleryData[i];
            this.thumbnailElements[parseInt(i)] = currentImg;
        }
    },
    log: function(value) {
        if(console.log)
            console.log(value);
    },
    preloadThumbnails: function() {
        var thumbnails = [];
        for(i=0;i<this.galleryData.length;i++)
        {
            thumbnails[parseInt(i)] = this.galleryData[i].thumbnail;
        }
        this.thumbnailPreloader = new Preloader();
        if (!this.options.useExternalCarousel)
            this.thumbnailPreloader.addEvent('onComplete', function() {
                var textShowCarousel = formatString(this.options.textShowCarousel, this.currentIter+1, this.maxIter);
                this.carouselBtn.set('html', textShowCarousel).setProperty('title', textShowCarousel);
            }.bind(this));
        this.thumbnailPreloader.load(thumbnails);
    },
    clearThumbnailsHighlights: function()
    {
        for(i=0;i<this.galleryData.length;i++)
        {
            this.thumbnailElements[i].cancel();
            this.thumbnailElements[i].start(0.2);
        }
    },
    changeThumbnailsSize: function(width, height)
    {
        for(i=0;i<this.galleryData.length;i++)
        {
            this.thumbnailElements[i].cancel();
            this.thumbnailElements[i].element.setStyles({
                'width': width + "px",
                'height': height + "px"
            });
        }
    },
    centerCarouselOn: function(num) {
        if (!this.carouselWallMode)
        {
            var carouselElement = this.thumbnailElements[num];
            var position = carouselElement.element.offsetLeft + (carouselElement.element.offsetWidth / 2);
            var carouselWidth = this.carouselWrapper.element.offsetWidth;
            var carouselInnerWidth = this.carouselInner.offsetWidth;
            var diffWidth = carouselWidth / 2;
            var scrollPos = position-diffWidth;
            this.carouselWrapper.elementScroller.start(scrollPos,0);
        }
    },
    initInfoSlideshow: function() {
        /*if (this.slideInfoZone.element)
            this.slideInfoZone.element.remove();*/
        this.slideInfoZone = new Fx.Morph(new Element('div').addClass('slideInfoZone').injectInside($(this.galleryElement))).set({'opacity':0});
        var slideInfoZoneTitle = new Element('h2').injectInside(this.slideInfoZone.element);
        var slideInfoZoneDescription = new Element('p').injectInside(this.slideInfoZone.element);
        this.slideInfoZone.normalHeight = this.slideInfoZone.element.offsetHeight;
        this.slideInfoZone.element.setStyle('opacity',0);
    },
    changeInfoSlideShow: function()
    {
        this.hideInfoSlideShow.delay(10, this);
        this.showInfoSlideShow.delay(500, this);
    },
    showInfoSlideShow: function() {
        this.fireEvent('onShowInfopane');
        this.slideInfoZone.cancel();
        element = this.slideInfoZone.element;
        element.getElement('h2').set('html', this.galleryData[this.currentIter].title);
        element.getElement('p').set('html', this.galleryData[this.currentIter].description);
        if(this.options.slideInfoZoneSlide)
            this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity], 'height': [0, this.slideInfoZone.normalHeight]});
        else
            this.slideInfoZone.start({'opacity': [0, this.options.slideInfoZoneOpacity]});
        if (this.options.showCarousel)
            this.slideInfoZone.chain(this.centerCarouselOn.pass(this.currentIter, this));
        return this.slideInfoZone;
    },
    hideInfoSlideShow: function() {
        this.fireEvent('onHideInfopane');
        this.slideInfoZone.cancel();
        if(this.options.slideInfoZoneSlide)
            this.slideInfoZone.start({'opacity': 0, 'height': 0});
        else
            this.slideInfoZone.start({'opacity': 0});
        return this.slideInfoZone;
    },
    makeLink: function(num) {
        this.currentLink.setProperties({
            href: this.galleryData[num].link,
            title: this.galleryData[num].linkTitle
        })
        if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
            this.currentLink.setStyle('display', 'block');
    },
    clearLink: function() {
        this.currentLink.setProperties({href: '', title: ''});
        if (!((this.options.embedLinks) && (!this.options.showArrows) && (!this.options.showCarousel)))
            this.currentLink.setStyle('display', 'none');
    },
    makeReMooz: function() {
        this.currentLink.setProperties({
            href: '#'
        });
        this.currentLink.setStyles({
            'display': 'block'
        });
       
        this.galleryElements[this.currentIter].element.set('title', this.galleryData[this.currentIter].title + ' :: ' + this.galleryData[this.currentIter].description);
        this.ReMooz = new ReMooz(this.galleryElements[this.currentIter].element, {
            link: this.galleryData[this.currentIter].link,
            shadow: false,
            dragging: false,
            addClick: false,
            resizeOpacity: 1
        });
        var img = this.galleryElements[this.currentIter];
        var coords = img.element.getCoordinates();
        delete coords.right;
        delete coords.bottom;
       
        widthDiff = coords.width - img.width;
        heightDiff = coords.height - img.height;
       
        coords.width = img.width;
        coords.height = img.height;
       
        coords.left += Math.ceil(widthDiff/2)+1;
        coords.top += Math.ceil(heightDiff/2)+1;
       
        this.ReMooz.getOriginCoordinates = function(coords) {
            return coords;
        }.bind(this, coords);
        this.currentLink.onclick = function () {
            this.ReMooz.open.bind(this.ReMooz)();
            return false;
        }.bind(this);
    },
    /* To change the gallery data, those two functions : */
    flushGallery: function() {
        this.galleryElements.each(function(myFx) {
            myFx.element.dispose();
            myFx = myFx.element = null;
        });
        this.galleryElements = [];
    },
    changeData: function(data) {
        this.galleryData = data;
        this.clearTimer();
        this.flushGallery();
        if (this.options.showCarousel) this.flushCarousel();
        this.constructElements();
        if (this.options.showCarousel) this.fillCarousel();
        if (this.options.showInfopane) this.hideInfoSlideShow();
        this.galleryInit=1;
        this.lastIter=0;
        this.currentIter=0;
        this.doSlideShow(1);
    },
    /* Plugins: HistoryManager */
    initHistory: function() {
        this.fireEvent('onHistoryInit');
        this.historyKey = this.galleryElement.id + '-picture';
        if (this.options.customHistoryKey)
            this.historyKey = this.options.customHistoryKey;
       
        this.history = new History.Route({
            defaults: [1],
            pattern: this.historyKey + '\\((\\d+)\\)',
            generate: function(values) {
                return [this.historyKey, '(', values[0], ')'].join('')
            }.bind(this),
            onMatch: function(values, defaults) {
                if (parseInt(values[0])-1 < this.maxIter)
                    this.goTo(parseInt(values[0])-1);
            }.bind(this)
        });
        this.addEvent('onChanged', function(){
            this.history.setValue(0, this.currentIter+1);
            this.history.defaults=[this.currentIter+1];
        }.bind(this));
        this.fireEvent('onHistoryInited');
    }
};
gallery = new Class(gallery);

gallery.Transitions = new Hash ({
    fade: function(oldFx, newFx, oldPos, newPos){
        oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
        oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
        if (newPos > oldPos) newFx.start({opacity: 1});
        else
        {
            newFx.set({opacity: 1});
            oldFx.start({opacity: 0});
        }
    },
    crossfade: function(oldFx, newFx, oldPos, newPos){
        oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
        oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
        newFx.start({opacity: 1});
        oldFx.start({opacity: 0});
    },
    fadebg: function(oldFx, newFx, oldPos, newPos){
        oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
        oldFx.options.duration = newFx.options.duration = this.options.fadeDuration / 2;
        oldFx.start({opacity: 0}).chain(newFx.start.pass([{opacity: 1}], newFx));
    }
});

/* All code copyright 2007 Jonathan Schemoul */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Follows: Preloader (class)
 * Simple class for preloading images with support for progress reporting
 * Copyright 2007 Tomocchino.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var Preloader = new Class({
 
  Implements: [Events, Options],

  options: {
    root        : '',
    period      : 100
  },
 
  initialize: function(options){
    this.setOptions(options);
  },
 
  load: function(sources) {
    this.index = 0;
    this.images = [];
    this.sources = this.temps = sources;
    this.total = this. sources.length;
   
    this.fireEvent('onStart', [this.index, this.total]);
    this.timer = this.progress.periodical(this.options.period, this);
   
    this.sources.each(function(source, index){
      this.images[index] = new Asset.image(this.options.root + source, {
        'onload'  : function(){ this.index++; if(this.images[index]) this.fireEvent('onLoad', [this.images[index], index, source]); }.bind(this),
        'onerror' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this),
        'onabort' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this)
      });
    }, this);
  },
 
  progress: function() {
    this.fireEvent('onProgress', [Math.min(this.index, this.total), this.total]);
    if(this.index >= this.total) this.complete();
  },
 
  complete: function(){
    $clear(this.timer);
    this.fireEvent('onComplete', [this.images]);
  },
 
  cancel: function(){
    $clear(this.timer);
  }
 
});

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Follows: formatString (function)
 * Original name: Yahoo.Tools.printf
 * Copyright Yahoo.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function formatString() {
    var num = arguments.length;
    var oStr = arguments[0];
    for (var i = 1; i < num; i++) {
        var pattern = "\\{" + (i-1) + "\\}";
        var re = new RegExp(pattern, "g");
        oStr = oStr.replace(re, arguments[i]);
    }
    return oStr;
}

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

/*
    This file is part of JonDesign's SmoothGallery v2.1beta1.

    JonDesign's SmoothGallery is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    JonDesign's SmoothGallery is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with JonDesign's SmoothGallery; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
*/

gallery.Transitions.extend({
    fadeslideleft: function(oldFx, newFx, oldPos, newPos){
        oldFx.options.transition = newFx.options.transition = Fx.Transitions.Cubic.easeOut;
        oldFx.options.duration = newFx.options.duration = 1500;
        if (newPos > oldPos)
        {
            newFx.start({
                left: [this.galleryElement.offsetWidth, 0],
                opacity: 1
            });
            oldFx.start({opacity: [1,0]});
        } else {
            newFx.start({opacity: [0,1]});
            oldFx.start({
                left: [0, this.galleryElement.offsetWidth],
                opacity: 0
            }).chain(function(fx){fx.set({left: 0});}.pass(oldFx));
        }
    },
    continuoushorizontal: function(oldFx, newFx, oldPos, newPos){
        oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
        if (
            ((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
            (!((newPos == (this.maxIter-1 )) && (oldPos == 0)))
        ) {
            oldFx.set({opacity: 1});
            oldFx.start({
                left: [0, this.galleryElement.offsetWidth * -1]
            });
            newFx.set({opacity: 1, left: this.galleryElement.offsetWidth});
            newFx.start({
                left: [this.galleryElement.offsetWidth, 0]
            });
        } else  {
            oldFx.set({opacity: 1});
            oldFx.start({
                left: [0, this.galleryElement.offsetWidth]
            });
            newFx.set({opacity: 1, left: this.galleryElement.offsetWidth * -1});
            newFx.start({
                left: [this.galleryElement.offsetWidth * -1, 0]
            });
        }
    },
    continuousvertical: function(oldFx, newFx, oldPos, newPos){
        oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
        if (
            ((newPos > oldPos) || ((newPos==0) && (oldPos == (this.maxIter-1) ))) &&
            (!((newPos == (this.maxIter-1 )) && (oldPos == 0)))
        ) {
            oldFx.set({opacity: 1});
            oldFx.start({
                top: [0, this.galleryElement.offsetHeight * -1]
            });
            newFx.set({opacity: 1, top: this.galleryElement.offsetHeight});
            newFx.start({
                top: [this.galleryElement.offsetHeight, 0]
            });
        } else  {
            oldFx.set({opacity: 1});
            oldFx.start({
                top: [0, this.galleryElement.offsetHeight]
            });
            newFx.set({opacity: 1, top: this.galleryElement.offsetHeight * -1});
            newFx.start({
                top: [this.galleryElement.offsetHeight * -1, 0]
            });
        }
    }
});

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

/**
 * menuMatic
 * @version 0.68.3 (beta)
 * @author Jason J. Jaeger | greengeckodesign.com
 * @copyright 2008 Jason John Jaeger
 * @license MIT-style License
 *            Permission is hereby granted, free of charge, to any person obtaining a copy
 *            of this software and associated documentation files (the "Software"), to deal
 *            in the Software without restriction, including without limitation the rights
 *            to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 *            copies of the Software, and to permit persons to whom the Software is
 *            furnished to do so, subject to the following conditions:
 *   
 *            The above copyright notice and this permission notice shall be included in
 *            all copies or substantial portions of the Software.
 *   
 *            THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 *            IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 *            FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 *            AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 *            LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 *            OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 *            THE SOFTWARE.
 **/   
var MenuMatic=new Class({Implements:Options,options:{id:"nav",subMenusContainerId:"subMenusContainer",effect:"slide & fade",duration:600,physics:Fx.Transitions.Pow.easeOut,hideDelay:1000,stretchMainMenu:false,matchWidthMode:false,orientation:"horizontal",direction:{x:"right",y:"down"},tweakInitial:{x:0,y:0},tweakSubsequent:{x:0,y:0},center:false,opacity:95,mmbFocusedClassName:null,mmbClassName:null,killDivider:null,fixHasLayoutBug:false,onHideAllSubMenusNow_begin:(function(){}),onHideAllSubMenusNow_complete:(function(){}),onInit_begin:(function(){}),onInit_complete:(function(){})},hideAllMenusTimeout:null,allSubMenus:[],subMenuZindex:1,initialize:function(B){this.setOptions(B);this.options.onInit_begin();if(this.options.opacity>99){this.options.opacity=99.9}this.options.opacity=this.options.opacity/100;Element.implement({getId:function(){if(!this.id){var E=this.get("tag")+"-"+$time();while($(E)){E=this.get("tag")+"-"+$time()}this.id=E}return this.id}});this.options.direction.x=this.options.direction.x.toLowerCase();this.options.direction.y=this.options.direction.y.toLowerCase();if(this.options.direction.x==="right"){this.options.direction.xInverse="left"}else{if(this.options.direction.x==="left"){this.options.direction.xInverse="right"}}if(this.options.direction.y==="up"){this.options.direction.yInverse="down"}else{if(this.options.direction.y==="down"){this.options.direction.yInverse="up"}}var A=$(this.options.id).getElements("a");A.each(function(F,E){F.store("parentLinks",F.getParent().getParents("li").getFirst("a"));F.store("parentLinks",F.retrieve("parentLinks").erase(F.retrieve("parentLinks").getFirst()));F.store("childMenu",F.getNext("ul")||F.getNext("ol"));theSubMenuType="subsequent";if($(F.getParent("ul")||F.getParent("ol")).id===this.options.id){theSubMenuType="initial"}F.store("subMenuType",theSubMenuType);if(theSubMenuType==="initial"&&$(F.getNext("ul")||F.getNext("ol"))){F.addClass("mainMenuParentBtn")}else{if($(F.getNext("ul")||F.getNext("ol"))){F.addClass("subMenuParentBtn")}}}.bind(this));var D=new Element("div",{id:this.options.subMenusContainerId}).inject($(document.body),"bottom");$(this.options.id).getElements("ul, ol").each(function(F,E){new Element("div",{"class":"smOW"}).inject(D).grab(F)}.bind(this));D.getElements("a").set("tabindex","-1");A.each(function(G,E){if(!G.retrieve("childMenu")){return }G.store("childMenu",G.retrieve("childMenu").getParent("div"));this.allSubMenus.include(G.retrieve("childMenu"));G.store("parentSubMenus",G.retrieve("parentLinks").retrieve("childMenu"));var F=new MenuMaticSubMenu(this.options,this,G)}.bind(this));var C=$(this.options.id).getElements("a").filter(function(F,E){return !F.retrieve("childMenu")});C.each(function(F,E){F.addEvents({mouseenter:function(G){this.hideAllSubMenusNow();if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),focus:function(G){this.hideAllSubMenusNow();if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),mouseleave:function(G){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration*5),transition:this.options.physics,link:"cancel"})).start(this.options.mmbClassName)}}.bind(this),blur:function(G){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(F).retrieve("btnMorph",new Fx.Morph(F,{duration:(this.options.duration*5),transition:this.options.physics,link:"cancel"})).start(this.options.mmbClassName)}}.bind(this),keydown:function(H){var G=new Event(H);if(H.key==="up"||H.key==="down"||H.key==="left"||H.key==="right"){H.stop()}if(H.key==="left"&&this.options.orientation==="horizontal"||H.key==="up"&&this.options.orientation==="vertical"){if(F.getParent("li").getPrevious("li")){F.getParent("li").getPrevious("li").getFirst("a").focus()}else{F.getParent("li").getParent().getLast("li").getFirst("a").focus()}}else{if(H.key==="right"&&this.options.orientation==="horizontal"||H.key==="down"&&this.options.orientation==="vertical"){if(F.getParent("li").getNext("li")){F.getParent("li").getNext("li").getFirst("a").focus()}else{F.getParent("li").getParent().getFirst("li").getFirst("a").focus()}}}}.bind(this)})},this);this.stretch();this.killDivider();this.center();this.fixHasLayoutBug();this.options.onInit_complete()},fixHasLayoutBug:function(){if(Browser.Engine.trident&&this.options.fixHasLayoutBug){$(this.options.id).getParents().setStyle("zoom",1);$(this.options.id).setStyle("zoom",1);$(this.options.id).getChildren().setStyle("zoom",1);$(this.options.subMenusContainerId).setStyle("zoom",1);$(this.options.subMenusContainerId).getChildren().setStyle("zoom",1)}},center:function(){if(!this.options.center){return }$(this.options.id).setStyles({left:"50%","margin-left":-($(this.options.id).getSize().x/2)})},stretch:function(){if(this.options.stretchMainMenu&&this.options.orientation==="horizontal"){var C=parseFloat($(this.options.id).getCoordinates().width);var D=0;var B=$(this.options.id).getElements("a");B.setStyles({"padding-left":0,"padding-right":0});B.each(function(F,E){D+=F.getSize().x}.bind(this));if(C<D){return }var A=(C-D)/B.length;B.each(function(F,E){F.setStyle("width",F.getSize().x+A)}.bind(this));B.getLast().setStyle("width",B.getLast().getSize().x-1)}},killDivider:function(){if(this.options.killDivider&&this.options.killDivider.toLowerCase()==="first"){$($(this.options.id).getElements("li")[0]).setStyles({background:"none"})}else{if(this.options.killDivider&&this.options.killDivider.toLowerCase()==="last"){$($(this.options.id).getElements("li").getLast()).setStyles({background:"none"})}}},hideAllSubMenusNow:function(){this.options.onHideAllSubMenusNow_begin();$clear(this.hideAllMenusTimeout);$$(this.allSubMenus).fireEvent("hide");this.options.onHideAllSubMenusNow_complete()}});var MenuMaticSubMenu=new Class({Implements:Options,Extends:MenuMatic,options:{onSubMenuInit_begin:(function(A){}),onSubMenuInit_complete:(function(A){}),onMatchWidth_begin:(function(A){}),onMatchWidth_complete:(function(A){}),onHideSubMenu_begin:(function(A){}),onHideSubMenu_complete:(function(A){}),onHideOtherSubMenus_begin:(function(A){}),onHideOtherSubMenus_complete:(function(A){}),onHideAllSubMenus_begin:(function(A){}),onHideAllSubMenus_complete:(function(A){}),onPositionSubMenu_begin:(function(A){}),onPositionSubMenu_complete:(function(A){}),onShowSubMenu_begin:(function(A){}),onShowSubMenu_complete:(function(A){})},root:null,btn:null,hidden:true,myEffect:null,initialize:function(B,A,C){this.setOptions(B);this.root=A;this.btn=C;this.childMenu=this.btn.retrieve("childMenu");this.subMenuType=this.btn.retrieve("subMenuType");this.childMenu=this.btn.retrieve("childMenu");this.parentSubMenus=$$(this.btn.retrieve("parentSubMenus"));this.parentLinks=$$(this.btn.retrieve("parentLinks"));this.parentSubMenu=$(this.parentSubMenus[0]);if(this.parentSubMenu){this.parentSubMenu=this.parentSubMenu.retrieve("class")}this.childMenu.store("class",this);this.btn.store("class",this);this.childMenu.store("status","closed");this.options.onSubMenuInit_begin(this);this.childMenu.addEvent("hide",function(){this.hideSubMenu()}.bind(this));this.childMenu.addEvent("show",function(){this.showSubMenu()}.bind(this));if(this.options.effect){this.myEffect=new Fx.Morph($(this.childMenu).getFirst(),{duration:this.options.duration,transition:this.options.physics,link:"cancel"})}if(this.options.effect==="slide"||this.options.effect==="slide & fade"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"){this.childMenu.getFirst().setStyle("margin-top","0")}else{this.childMenu.getFirst().setStyle("margin-left","0")}}else{if(this.options.effect==="fade"||this.options.effect==="slide & fade"){this.childMenu.getFirst().setStyle("opacity",0)}}if(this.options.effect!="fade"&&this.options.effect!="slide & fade"){this.childMenu.getFirst().setStyle("opacity",this.options.opacity)}var D=$(this.childMenu).getElements("a").filter(function(F,E){return !F.retrieve("childMenu")});D.each(function(F,E){$(F).addClass("subMenuBtn");F.addEvents({mouseenter:function(G){this.childMenu.fireEvent("show");this.cancellHideAllSubMenus();this.hideOtherSubMenus()}.bind(this),focus:function(G){this.childMenu.fireEvent("show");this.cancellHideAllSubMenus();this.hideOtherSubMenus()}.bind(this),mouseleave:function(G){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),blur:function(G){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),keydown:function(H){var G=new Event(H);if(H.key==="up"||H.key==="down"||H.key==="left"||H.key==="right"||H.key==="tab"){H.stop()}if(H.key==="up"){if(F.getParent("li").getPrevious("li")){F.getParent("li").getPrevious("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){this.btn.focus()}else{if(this.options.direction.y==="up"){F.getParent("li").getParent().getLast("li").getFirst("a").focus()}}}}else{if(H.key==="down"){if(F.getParent("li").getNext("li")){F.getParent("li").getNext("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){F.getParent("li").getParent().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){this.btn.focus()}}}}else{if(H.key===this.options.direction.xInverse){this.btn.focus()}}}}.bind(this)})},this);$(this.btn).removeClass("subMenuBtn");if(this.subMenuType=="initial"){this.btn.addClass("mainParentBtn")}else{this.btn.addClass("subParentBtn")}$(this.btn).addEvents({mouseenter:function(E){this.cancellHideAllSubMenus();this.hideOtherSubMenus();this.showSubMenu();if(this.subMenuType==="initial"&&this.options.mmbClassName&&this.options.mmbFocusedClassName){$(this.btn).retrieve("btnMorph",new Fx.Morph($(this.btn),{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),focus:function(E){this.cancellHideAllSubMenus();this.hideOtherSubMenus();this.showSubMenu();if(this.subMenuType==="initial"&&this.options.mmbClassName&&this.options.mmbFocusedClassName){$(this.btn).retrieve("btnMorph",new Fx.Morph($(this.btn),{duration:(this.options.duration/2),transition:this.options.physics,link:"cancel"})).start(this.options.mmbFocusedClassName)}}.bind(this),mouseleave:function(E){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),blur:function(E){this.cancellHideAllSubMenus();this.hideAllSubMenus()}.bind(this),keydown:function(E){E=new Event(E);if(E.key==="up"||E.key==="down"||E.key==="left"||E.key==="right"){E.stop()}if(!this.parentSubMenu){if(this.options.orientation==="horizontal"&&E.key===this.options.direction.y||this.options.orientation==="vertical"&&E.key===this.options.direction.x){if(this.options.direction.y==="down"){this.childMenu.getFirst().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){this.childMenu.getFirst().getLast("li").getFirst("a").focus()}}}else{if(this.options.orientation==="horizontal"&&E.key==="left"||this.options.orientation==="vertical"&&E.key===this.options.direction.yInverse){if(this.btn.getParent().getPrevious()){this.btn.getParent().getPrevious().getFirst().focus()}else{this.btn.getParent().getParent().getLast().getFirst().focus()}}else{if(this.options.orientation==="horizontal"&&E.key==="right"||this.options.orientation==="vertical"&&E.key===this.options.direction.y){if(this.btn.getParent().getNext()){this.btn.getParent().getNext().getFirst().focus()}else{this.btn.getParent().getParent().getFirst().getFirst().focus()}}}}}else{if(E.key==="tab"){E.stop()}if(E.key==="up"){if(this.btn.getParent("li").getPrevious("li")){this.btn.getParent("li").getPrevious("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){this.parentSubMenu.btn.focus()}else{if(this.options.direction.y==="up"){this.btn.getParent("li").getParent().getLast("li").getFirst("a").focus()}}}}else{if(E.key==="down"){if(this.btn.getParent("li").getNext("li")){this.btn.getParent("li").getNext("li").getFirst("a").focus()}else{if(this.options.direction.y==="down"){this.btn.getParent("li").getParent().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){this.parentSubMenu.btn.focus()}}}}else{if(E.key===this.options.direction.xInverse){this.parentSubMenu.btn.focus()}else{if(E.key===this.options.direction.x){if(this.options.direction.y==="down"){this.childMenu.getFirst().getFirst("li").getFirst("a").focus()}else{if(this.options.direction.y==="up"){}}}}}}}}.bind(this)});this.options.onSubMenuInit_complete(this)},matchWidth:function(){if(this.widthMatched||!this.options.matchWidthMode||this.subMenuType==="subsequent"){return }this.options.onMatchWidth_begin(this);var A=this.btn.getCoordinates().width;$(this.childMenu).getElements("a").each(function(E,D){var C=parseFloat($(this.childMenu).getFirst().getStyle("border-left-width"))+parseFloat($(this.childMenu).getFirst().getStyle("border-right-width"));var B=parseFloat(E.getStyle("padding-left"))+parseFloat(E.getStyle("padding-right"));var F=C+B;if(A>E.getCoordinates().width){E.setStyle("width",A-F);E.setStyle("margin-right",-C)}}.bind(this));this.width=this.childMenu.getFirst().getCoordinates().width;this.widthMatched=true;this.options.onMatchWidth_complete(this)},hideSubMenu:function(){if(this.childMenu.retrieve("status")==="closed"){return }this.options.onHideSubMenu_begin(this);if(this.subMenuType=="initial"){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){$(this.btn).retrieve("btnMorph",new Fx.Morph($(this.btn),{duration:(this.options.duration),transition:this.options.physics,link:"cancel"})).start(this.options.mmbClassName).chain(function(){$(this.btn).removeClass("mainMenuParentBtnFocused");$(this.btn).addClass("mainMenuParentBtn")}.bind(this))}else{$(this.btn).removeClass("mainMenuParentBtnFocused");$(this.btn).addClass("mainMenuParentBtn")}}else{$(this.btn).removeClass("subMenuParentBtnFocused");$(this.btn).addClass("subMenuParentBtn")}this.childMenu.setStyle("z-index",1);if(this.options.effect&&this.options.effect.toLowerCase()==="slide"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="down"){this.myEffect.start({"margin-top":-this.height}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="up"){this.myEffect.start({"margin-top":this.height}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="right"){this.myEffect.start({"margin-left":-this.width}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.start({"margin-left":this.width}).chain(function(){this.childMenu.style.display="none"}.bind(this))}}}}}else{if(this.options.effect=="fade"){this.myEffect.start({opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.effect=="slide & fade"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="down"){this.myEffect.start({"margin-top":-this.height,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"&&this.options.direction.y==="up"){this.myEffect.start({"margin-top":this.height,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="right"){this.myEffect.start({"margin-left":-this.width,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.start({"margin-left":this.width,opacity:0}).chain(function(){this.childMenu.style.display="none"}.bind(this))}}}}}else{this.childMenu.style.display="none"}}}this.childMenu.store("status","closed");this.options.onHideSubMenu_complete(this)},hideOtherSubMenus:function(){this.options.onHideOtherSubMenus_begin(this);if(!this.btn.retrieve("otherSubMenus")){this.btn.store("otherSubMenus",$$(this.root.allSubMenus.filter(function(A){return !this.btn.retrieve("parentSubMenus").contains(A)&&A!=this.childMenu}.bind(this))))}this.parentSubMenus.fireEvent("show");this.btn.retrieve("otherSubMenus").fireEvent("hide");this.options.onHideOtherSubMenus_complete(this)},hideAllSubMenus:function(){this.options.onHideAllSubMenus_begin(this);$clear(this.root.hideAllMenusTimeout);this.root.hideAllMenusTimeout=(function(){$clear(this.hideAllMenusTimeout);$$(this.root.allSubMenus).fireEvent("hide")}).bind(this).delay(this.options.hideDelay);this.options.onHideAllSubMenus_complete(this)},cancellHideAllSubMenus:function(){$clear(this.root.hideAllMenusTimeout)},showSubMenu:function(A){if(this.childMenu.retrieve("status")==="open"){return }this.options.onShowSubMenu_begin(this);if(this.subMenuType=="initial"){$(this.btn).removeClass("mainMenuParentBtn");$(this.btn).addClass("mainMenuParentBtnFocused")}else{$(this.btn).removeClass("subMenuParentBtn");$(this.btn).addClass("subMenuParentBtnFocused")}this.root.subMenuZindex++;this.childMenu.setStyles({display:"block",visibility:"hidden","z-index":this.root.subMenuZindex});if(!this.width||!this.height){this.width=this.childMenu.getFirst().getCoordinates().width;this.height=this.childMenu.getFirst().getCoordinates().height;this.childMenu.setStyle("height",this.height,"border");if(this.options.effect==="slide"||this.options.effect==="slide & fade"){if(this.subMenuType=="initial"&&this.options.orientation==="horizontal"){this.childMenu.getFirst().setStyle("margin-top","0");if(this.options.direction.y==="down"){this.myEffect.set({"margin-top":-this.height})}else{if(this.options.direction.y==="up"){this.myEffect.set({"margin-top":this.height})}}}else{if(this.options.direction.x==="left"){this.myEffect.set({"margin-left":this.width})}else{this.myEffect.set({"margin-left":-this.width})}}}}this.matchWidth();this.positionSubMenu();if(this.options.effect==="slide"){this.childMenu.setStyles({display:"block",visibility:"visible"});if(this.subMenuType==="initial"&&this.options.orientation==="horizontal"){if(A){this.myEffect.set({"margin-top":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({"margin-top":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}}else{if(A){this.myEffect.set({"margin-left":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({"margin-left":0}).chain(function(){this.showSubMenuComplete()}.bind(this))}}}else{if(this.options.effect==="fade"){if(A){this.myEffect.set({opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}else{if(this.options.effect=="slide & fade"){this.childMenu.setStyles({display:"block",visibility:"visible"});this.childMenu.getFirst().setStyles({left:0});if(this.subMenuType==="initial"&&this.options.orientation==="horizontal"){if(A){this.myEffect.set({"margin-top":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{this.myEffect.start({"margin-top":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}else{if(A){if(this.options.direction.x==="right"){this.myEffect.set({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.set({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}}else{if(this.options.direction.x==="right"){this.myEffect.set({"margin-left":-this.width,opacity:this.options.opacity});this.myEffect.start({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}else{if(this.options.direction.x==="left"){this.myEffect.start({"margin-left":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete()}.bind(this))}}}}}else{this.childMenu.setStyles({display:"block",visibility:"visible"}).chain(function(){this.showSubMenuComplete(this)}.bind(this))}}}this.childMenu.store("status","open")},showSubMenuComplete:function(){this.options.onShowSubMenu_complete(this)},positionSubMenu:function(){this.options.onPositionSubMenu_begin(this);this.childMenu.setStyle("width",this.width);this.childMenu.getFirst().setStyle("width",this.width);if(this.subMenuType==="subsequent"){if(this.parentSubMenu&&this.options.direction.x!=this.parentSubMenu.options.direction.x){if(this.parentSubMenu.options.direction.x==="left"&&this.options.effect&&this.options.effect.contains("slide")){this.myEffect.set({"margin-left":this.width})}}this.options.direction.x=this.parentSubMenu.options.direction.x;this.options.direction.xInverse=this.parentSubMenu.options.direction.xInverse;this.options.direction.y=this.parentSubMenu.options.direction.y;this.options.direction.yInverse=this.parentSubMenu.options.direction.yInverse}var C;var A;if(this.subMenuType=="initial"){if(this.options.direction.y==="up"){if(this.options.orientation==="vertical"){C=this.btn.getCoordinates().bottom-this.height+this.options.tweakInitial.y}else{C=this.btn.getCoordinates().top-this.height+this.options.tweakInitial.y}this.childMenu.style.top=C+"px"}else{if(this.options.orientation=="horizontal"){this.childMenu.style.top=this.btn.getCoordinates().bottom+this.options.tweakInitial.y+"px"}else{if(this.options.orientation=="vertical"){C=this.btn.getPosition().y+this.options.tweakInitial.y;if((C+this.childMenu.getSize().y)>=$(document.body).getScrollSize().y){A=(C+this.childMenu.getSize().y)-$(document.body).getScrollSize().y;C=C-A-20}this.childMenu.style.top=C+"px"}}}if(this.options.orientation=="horizontal"){this.childMenu.style.left=this.btn.getPosition().x+this.options.tweakInitial.x+"px"}else{if(this.options.direction.x=="left"){this.childMenu.style.left=this.btn.getPosition().x-this.childMenu.getCoordinates().width+this.options.tweakInitial.x+"px"}else{if(this.options.direction.x=="right"){this.childMenu.style.left=this.btn.getCoordinates().right+this.options.tweakInitial.x+"px"}}}}else{if(this.subMenuType=="subsequent"){if(this.options.direction.y==="down"){if((this.btn.getCoordinates().top+this.options.tweakSubsequent.y+this.childMenu.getSize().y)>=$(document.body).getScrollSize().y){A=(this.btn.getCoordinates().top+this.options.tweakSubsequent.y+this.childMenu.getSize().y)-$(document.body).getScrollSize().y;this.childMenu.style.top=(this.btn.getCoordinates().top+this.options.tweakSubsequent.y)-A-20+"px"}else{this.childMenu.style.top=this.btn.getCoordinates().top+this.options.tweakSubsequent.y+"px"}}else{if(this.options.direction.y==="up"){if((this.btn.getCoordinates().bottom-this.height+this.options.tweakSubsequent.y)<1){this.options.direction.y="down";this.options.direction.yInverse="up";this.childMenu.style.top=this.btn.getCoordinates().top+this.options.tweakSubsequent.y+"px"}else{this.childMenu.style.top=this.btn.getCoordinates().bottom-this.height+this.options.tweakSubsequent.y+"px"}}}if(this.options.direction.x=="left"){this.childMenu.style.left=this.btn.getCoordinates().left-this.childMenu.getCoordinates().width+this.options.tweakSubsequent.x+"px";if(this.childMenu.getPosition().x<0){this.options.direction.x="right";this.options.direction.xInverse="left";this.childMenu.style.left=this.btn.getPosition().x+this.btn.getCoordinates().width+this.options.tweakSubsequent.x+"px";if(this.options.effect==="slide"||this.options.effect==="slide & fade"){this.myEffect.set({"margin-left":-this.width,opacity:this.options.opacity})}}}else{if(this.options.direction.x=="right"){this.childMenu.style.left=this.btn.getCoordinates().right+this.options.tweakSubsequent.x+"px";var D=this.childMenu.getCoordinates().right;var B=document.getCoordinates().width+window.getScroll().x;if(D>B){this.options.direction.x="left";this.options.direction.xInverse="right";this.childMenu.style.left=this.btn.getCoordinates().left-this.childMenu.getCoordinates().width+this.options.tweakSubsequent.x+"px";if(this.options.effect==="slide"||this.options.effect==="slide & fade"){this.myEffect.set({"margin-left":this.width,opacity:this.options.opacity})}}}}}}this.options.onPositionSubMenu_complete(this)}});

//]]>
</script>

<script type='text/javascript'>
//<![CDATA[

function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}

function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}

//]]>
</script>

<script type='text/javascript'>
summary_noimg = 500;
summary_img = 400;
img_thumb_height = 150;
img_thumb_width = 200;
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    strx = strx.substring(0,chop-1);
    return strx+'...';
}

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" style="padding:3px;border:1px solid #eee;"/></span>';
        summ = summary_img;
    }
   
    var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
    div.innerHTML = summary;
}

//]]>
</script>

<!--[if lt IE 7]>
<style type="text/css">
#subMenusContainer li, #nav li{
    margin-bottom:-0.99em;
}
#subMenusContainer li a{
    position:relative;
}
</style>
<![endif]-->

</head>

<body>

<script type='text/javascript'>
    window.addEvent(&#39;domready&#39;, function() {           
            var myMenu = new MenuMatic();
    });   
</script>

<div id='wrap-wrapper'>
<div id='wrapper'>

<div class='container' id='container'>

<div class='span-20'>
<div id='pagemenucontainer'>
<b:section class='pagelistmenusblog' id='pagelistmenusblog' showaddelement='no'>
  <b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList' version='1'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{'link0': {'href': 'http://https://joelpantora.blogspot.co.id/', 'title': 'pantora news', 'position': 0}, 'home': {'href': 'https://joelpantora.blogspot.com/', 'title': 'Home', 'position': 1}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>Home</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
              <b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
              <div class='widget-content'>
                <ul id='pagemenu'>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li id='currentpage'><a expr:href='data:link.href'><data:link.title/></a></li>
                    <b:else/>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    </b:if>
                  </b:loop>
                </ul>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
  </b:widget>
</b:section>
</div>
</div>

<div class='span-4 last'>
<div class='topright'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='nofollow' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjauXJBc7PGyatyWta7-KiHcTMJq0UpJmn3-oBNne92hCJawDucPVspN746WguJUNz3PYR1f13CYrHy2RzD1dEmK1XbvF4WchBFvomJu7cErY35UBD_7dKZ9YlKBqwyGj7PWMiub8KGD4LH/s0/rss.png' style='margin:0 2px 0 0; vertical-align:top;'/> RSS Feed</a>       
 <a href='http://twitter.com/YOUR_USERNAME' rel='nofollow' target='_blank' title='Follow me on Twitter!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtYQ5SflHJmOlsbTulXotiraLCzCcYK2vfqn7KuaYsBahPeTGBM23aP4Zi88MxyLWuMkJB8p81AoUeeVgP3jiz4FfsQyjJJONa0Sfa0cI4ZNPk3fwzrC-AOneHM8ev3EaxEBqi0QTb-77v/s0/twitter.png' style='margin:0 2px 0 0; vertical-align:top;' title='Follow me on Twitter!'/> Twitter</a>
</div>
</div>

<div class='span-24' id='header'>

<div class='span-11'>
<b:section class='bheadersec' id='bheadersec' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Pantora News (Header)' type='Header' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'/>
      <b:widget-setting name='displayHeight'>0</b:widget-setting>
      <b:widget-setting name='sectionWidth'>752</b:widget-setting>
      <b:widget-setting name='useImage'>false</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
      <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
      <b:widget-setting name='displayWidth'>0</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-left:15px;padding-top:0px;'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <h2><data:description/></h2>
  </div>
</b:includable>
    <b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
  </b:widget>
</b:section>
</div>

<div class='span-13 last'>
<div style='padding: 10px 15px 0px 0px; text-align:right;height:80px;'>
<b:section class='headeradsec' id='headeradsec' preferred='yes'>
  <b:widget id='HTML5' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='Stats1' locked='false' title='Pengunjung' type='Stats'>
    <b:widget-settings>
      <b:widget-setting name='showGraphicalCounter'>true</b:widget-setting>
      <b:widget-setting name='showAnimatedCounter'>false</b:widget-setting>
      <b:widget-setting name='showSparkline'>true</b:widget-setting>
      <b:widget-setting name='sparklineStyle'>WHITE_TRANSPARENT</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <!-- Content is going to be visible when data will be fetched from server. -->
    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
      <!-- Counter and image will be injected later via AJAX call. -->
      <b:if cond='data:showSparkline'>
        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
      </b:if>
      <span expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounter ? &quot;graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>
      </span>
      <b:include name='quickedit'/>
    </div>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='VideoBar1' locked='false' title='Video Bar' type='VideoBar'>
    <b:widget-settings>
      <b:widget-setting name='expression'>bmw m3,  vw gti,  porsche carrera</b:widget-setting>
      <b:widget-setting name='popular_channels'>order:viewCount</b:widget-setting>
      <b:widget-setting name='channels'>https://www.youtube.com/watch?v=Xt-KSZKx3fc</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>

  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;_bar&quot;'>
      <span class='videoBar-status'>Loading...</span>
    </div>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='BlogSearch1' locked='false' title='Search This Blog' type='BlogSearch'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>

    <div class='widget-content'>
      <div expr:id='data:widget.instanceId + &quot;_form&quot;'>
        <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
          <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
          <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
            <tbody>
              <tr>
                <td class='gsc-input'>
                  <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q' size='10' title='search' type='text'/>
                </td>
                <td class='gsc-search-button'>
                  <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
                </td>
              </tr>
            </tbody>
          </table>
        </form>
      </div>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='BlogArchive1' locked='false' title='DAFTAR JUDUL' type='BlogArchive'>
    <b:widget-settings>
      <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
      <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
      <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
      <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
      <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
      <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
      <b:widget-setting name='chronological'>false</b:widget-setting>
      <b:widget-setting name='showPosts'>true</b:widget-setting>
      <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
    <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
    <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
  </b:widget>
  <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
    <b:widget-settings>
      <b:widget-setting name='copyright'>Pantoranews</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='HTML9' locked='false' title='Google Translate' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;style&gt;
.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}
.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}
.google_translatextra:hover img {filter:alpha(opacity=0.30)-moz-opacity: 0.30opacity: 0.30;border:0;}
&lt;/style&gt;
&lt;center&gt;
&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;English&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cen&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;English&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;English&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhARu6Wq1OTYLAXYXkG4xfxscuLP6QZ3ZthnPSniPb9JXQggYHjw4GjVh8ML3tvVxZdwkaDbYI1IlwN4ioU07ohrEgFyvzjlwFKx3UZ8vnsInjD13Acw033Y68RYuCZtTYDOWwn7mi-RCA/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;French&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cfr&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;French&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;French&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4R4vfPW3S6jVPckFeA3QGnmbI937lNne1YU5VV6_5YV1fDRLa7feMsqiDwyO3PaOcFtL1xhcLyBCU9Fxrcedrla_DNVuW2aVZ8ZktXvOe4ncmLRyWYkijq9VJoYUf879KA8TSVuqysIA/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;German&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cde&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;German&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;German&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDC_-5fUG8HBElwKMvcMjskT7ynO1LlibQNUPaI5vM0AqY4ol0Z6M0581jkAR8hIi1i60xngsSxnwZA8wVhVZTrwkr16iR3IJ_wsrVQ0GHEjU4_Tyn7lFiMwZA-bXgD_ft_bYyE0e-drVi/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Spain&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Ces&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Spain&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Spain&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0hnCw5jVUmJxnexIFCh9CrnyQZaRT_tztmBjXHYJHryak_sGfdgk0YoepcO8Wa71iRS65XOvmEqrJ0oEiQNYg9T_V30zCjM21GK3pSvu3pywlBv6ipfKlbxeOZHlcpZWSxz6kOOzRUsCV/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Italian&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cit&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Italian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Italian&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqyxTrphuzjJbta_pvJqdvQ1fdhaH7Tcx8g5G1xzwNrIMLIC-OtX2n61c1OQnuj4jxOS5myQxVgRx_IAsXxMjaUYkobEc533I4PTQVCgtA7uCOYat2NV9Ao7zIQ4-8Xr1RMCr0x_qXJ4s/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Dutch&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cnl&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Dutch&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Dutch&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6tiUYNXya-uCvTw8d4SAXmu0LALc96ySZ1FQQwUXMCF-jdZVUsR5P8vfUgJ_ruqy2dz-SJ9uSG83O9qRQwse-QwvLH_ki_x4g__blmzSWeOofgObESkry0BTm4WCPIAIkoCuFmg8Syvk/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Russian&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cru&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Russian&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Russian&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgESW7vm_U_GfOLtjySoRPf7ezcvLrRqEuVFZRLjS9QWVFspL07VCQWQNEPu20M0fmkh06RfF7jQ_EPwdwxn5tCqRdwSDBuJjm4ihewLv8FexzH0cOk82EZX5Z7iGrISCihmLrD2ZGEX0U/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Portuguese&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cpt&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Portuguese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Portuguese&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvquHmOSyPWELMSJMKn5YdSCzj1RmBqxk49equX4VTZR1erZpF9EuYCEukrKuv1yV3LfCRbIHuD9_ZtKHyGw0qD2eg_Sg1P8giuJz6n32_153EO9IzY4gwTr3ETKsrbgFnl1b6Ciy5C70/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Japanese&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cja&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Japanese&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Japanese&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljj738F3DZxxMGbJQHC5OIUlTOJGmy22EpYhuFFdW0lgtWeZEvcnb7NBNfr8a0zQxyi5wggxklc-aPbcmj6CT2sKU_78NOSuOZwKKPYdPkKqSkICNdVH1cwebE25WCk0lgxDivQztbmM2/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Korean&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Cko&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Korean&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Korean&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivWwMPM5VXuLM5KDmzxhdRsrllB0-KSb0RfmqQQIIXLvwjPb95nl957wmrvjIV-5JTMZ_l9SOmVnHUPGNlctvVQbCysaIMDEsPcT51kw2bttTPy3Dgk4Y21fkG2PLD7uf1OXaYVXEOfpI/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Arabic&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Car&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Arabic&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Arabic&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2667SumI_ckpG4NdNp3Ze_wvy1uxwEXeeh5AftD-CRwsNH4RGtyV8fRnJ7Ge6xm5Hsp6a-Us1KXfdjI3tzUswflcxTDMVAWqvmI5bRMV0i5DddQvUFVM8oL32aUh6czKjjoEHMDCWokY/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt; &lt;a class=&quot;google_translate&quot; href=&quot;#&quot; target=&quot;_blank&quot; rel=&quot;nofollow&quot; title=&quot;Chinese Simplified&quot; onclick=&quot;window.open(&#39;http://translate.google.com/translate?u=&#39;+encodeURIComponent(location.href)+&#39;&amp;langpair=id%7Czh-CN&amp;hl=en&#39;); return false;&quot;&gt;&lt;img alt=&quot;Chinese Simplified&quot; border=&quot;0&quot; align=&quot;absbottom&quot; title=&quot;Chinese Simplified&quot; height=&quot;32&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hMBIaRk_CtRRmTG3scZYWPp0nOJhd5WinIbby6yu8CumnIcA7p_2ATSx53tfv4ZgmzG9OPhzqUzfjBnJ719_diB_Nk2ycXkDIkVNuYON20iIQ2rH97o0BTxBi4Ilo1NY4IekwrL5dtA/?imgmax=800&quot; style=&quot;cursor: pointer;margin-right:13px&quot; width=&quot;24&quot; /&gt;&lt;/a&gt;
&lt;/center&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>

0 komentar: