MinangKabau Cheaterz

ni aku kasih template blog pekalongan community
silahkan di edit aja sesukanya

<?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'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
</b:if>


<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>


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

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   Blue Velvet
Author: Lasantha Bandara
URL 1: http://www.premiumbloggertemplates.com/
URL 2: http://www.bloggertipandtrick.net/
Date:   December 2010
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/
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#66cc00">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal bold 200% Cherry Cream Soda">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */
/* pull-down mainmenu css*/

behavior:url("csshover2.htc");    /* important ! */

.mainmenu{
    float: left;
    width: 100%;
    padding: 0;
}
.mainmenu ul {
    float: left;
    width: 100%;
    list-style: none;
    line-height: 1;
    color:#FFFFFF;
    background: #000000;
    padding: 0;
    border: solid #FFFFFF;
    border-width: 1px 0;
    margin: 0 0 1em 0;
}

.mainmenu a, .mainmenu a:visited {
    display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;font-style:normal;text-decoration:underline;
    color: #FFFFFF;
    text-decoration: none;
    padding: 1em 1em;
}
.mainmenu ul ul a{
    width:100%;
    height:100%;
}
.mainmenu ul a{
    width:1%;
}

.mainmenu li {
    float: left;
    margin:0;
    padding:0;
}
.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li a {white-space:nowrap;}
.mainmenu li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width:15em;

    background: #333333;
    font-weight: normal;
    border-width: 1px;
    margin: 0;
}
.mainmenu li li {
    width:15em ;
}
.mainmenu li li a{
    width:13em ;
}
.mainmenu li ul {
    margin: 0;
}
.mainmenu li ul ul {
    margin: -2.8em 0 0 13.5em;
}
.ul_ch,
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
    left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
    left: auto;
}
.mainmenu li:hover>ul.ul_ch
{
    left: auto;
}
.mainmenu li:hover{
    background: #666666;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
    color:#FFFF00;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a,
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
    color:#FFFFFF;
}
.mainmenu li li:hover, .mainmenu li li li:hover,
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover
{
    background: #000000;
    z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a,
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
    color: #FFFF00;
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
    color: #FFFFFF;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
    color: #FFFF00;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
    color: #FFFFFF;
}
/* end of mainmenu css */
]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js' type='text/javascript'/>

<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[

/*==================================================
$Id: tabber.js,v 1.9 2006/04/27 20:51:51 pat Exp $
tabber.js by Patrick Fitzgerald pat@barelyfitz.com

Documentation can be found at the following URL:
http://www.barelyfitz.com/projects/tabber/

License (http://www.opensource.org/licenses/mit-license.php)

Copyright (c) 2006 Patrick Fitzgerald

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.
==================================================*/

function tabberObj(argsObj)
{
var arg; /* name of an argument to override */

/* Element for the main tabber div. If you supply this in argsObj,
     then the init() method will be called.
*/
this.div = null;

/* Class of the main tabber div */
this.classMain = "tabber";

/* Rename classMain to classMainLive after tabifying
     (so a different style can be applied)
*/
this.classMainLive = "tabberlive";

/* Class of each DIV that contains a tab */
this.classTab = "tabbertab";

/* Class to indicate which tab should be active on startup */
this.classTabDefault = "tabbertabdefault";

/* Class for the navigation UL */
this.classNav = "tabbernav";

/* When a tab is to be hidden, instead of setting display='none', we
     set the class of the div to classTabHide. In your screen
     stylesheet you should set classTabHide to display:none. In your
     print stylesheet you should set display:block to ensure that all
     the information is printed.
*/
this.classTabHide = "tabbertabhide";

/* Class to set the navigation LI when the tab is active, so you can
     use a different style on the active tab.
*/
this.classNavActive = "tabberactive";

/* Elements that might contain the title for the tab, only used if a
     title is not specified in the TITLE attribute of DIV classTab.
*/
this.titleElements = ['h2','h3','h4','h5','h6'];

/* Should we strip out the HTML from the innerHTML of the title elements?
     This should usually be true.
*/
this.titleElementsStripHTML = true;

/* If the user specified the tab names using a TITLE attribute on
     the DIV, then the browser will display a tooltip whenever the
     mouse is over the DIV. To prevent this tooltip, we can remove the
     TITLE attribute after getting the tab name.
*/
this.removeTitle = true;

/* If you want to add an id to each link set this to true */
this.addLinkId = false;

/* If addIds==true, then you can set a format for the ids.
     <tabberid> will be replaced with the id of the main tabber div.
     <tabnumberzero> will be replaced with the tab number
       (tab numbers starting at zero)
     <tabnumberone> will be replaced with the tab number
       (tab numbers starting at one)
     <tabtitle> will be replaced by the tab title
       (with all non-alphanumeric characters removed)
   */
this.linkIdFormat = '<tabberid>nav<tabnumberone>';

/* You can override the defaults listed above by passing in an object:
     var mytab = new tabber({property:value,property:value});
*/
for (arg in argsObj) { this[arg] = argsObj[arg]; }

/* Create regular expressions for the class names; Note: if you
     change the class names after a new object is created you must
     also change these regular expressions.
*/
this.REclassMain = new RegExp('\\b' + this.classMain + '\\b', 'gi');
this.REclassMainLive = new RegExp('\\b' + this.classMainLive + '\\b', 'gi');
this.REclassTab = new RegExp('\\b' + this.classTab + '\\b', 'gi');
this.REclassTabDefault = new RegExp('\\b' + this.classTabDefault + '\\b', 'gi');
this.REclassTabHide = new RegExp('\\b' + this.classTabHide + '\\b', 'gi');

/* Array of objects holding info about each tab */
this.tabs = new Array();

/* If the main tabber div was specified, call init() now */
if (this.div) {

    this.init(this.div);

    /* We don't need the main div anymore, and to prevent a memory leak
       in IE, we must remove the circular reference between the div
       and the tabber object. */
    this.div = null;
}
}

/*--------------------------------------------------
Methods for tabberObj
--------------------------------------------------*/

tabberObj.prototype.init = function(e)
{
/* Set up the tabber interface.

     e = element (the main containing div)

     Example:
     init(document.getElementById('mytabberdiv'))
   */

var
childNodes, /* child nodes of the tabber div */
i, i2, /* loop indices */
t, /* object to store info about a single tab */
defaultTab=0, /* which tab to select by default */
DOM_ul, /* tabbernav list */
DOM_li, /* tabbernav list item */
DOM_a, /* tabbernav link */
aId, /* A unique id for DOM_a */
headingElement; /* searching for text to use in the tab */

/* Verify that the browser supports DOM scripting */
if (!document.getElementsByTagName) { return false; }

/* If the main DIV has an ID then save it. */
if (e.id) {
    this.id = e.id;
}

/* Clear the tabs array (but it should normally be empty) */
this.tabs.length = 0;

/* Loop through an array of all the child nodes within our tabber element. */
childNodes = e.childNodes;
for(i=0; i < childNodes.length; i++) {

    /* Find the nodes where class="tabbertab" */
    if(childNodes[i].className &&
       childNodes[i].className.match(this.REclassTab)) {

      /* Create a new object to save info about this tab */
      t = new Object();

      /* Save a pointer to the div for this tab */
      t.div = childNodes[i];

      /* Add the new object to the array of tabs */
      this.tabs[this.tabs.length] = t;

      /* If the class name contains classTabDefault,
    then select this tab by default.
      */
      if (childNodes[i].className.match(this.REclassTabDefault)) {
    defaultTab = this.tabs.length-1;
      }
    }
}

/* Create a new UL list to hold the tab headings */
DOM_ul = document.createElement("ul");
DOM_ul.className = this.classNav;

/* Loop through each tab we found */
for (i=0; i < this.tabs.length; i++) {

    t = this.tabs[i];

    /* Get the label to use for this tab:
       From the title attribute on the DIV,
       Or from one of the this.titleElements[] elements,
       Or use an automatically generated number.
     */
    t.headingText = t.div.title;

    /* Remove the title attribute to prevent a tooltip from appearing */
    if (this.removeTitle) { t.div.title = ''; }

    if (!t.headingText) {

      /* Title was not defined in the title of the DIV,
    So try to get the title from an element within the DIV.
    Go through the list of elements in this.titleElements
    (typically heading elements ['h2','h3','h4'])
      */
      for (i2=0; i2<this.titleElements.length; i2++) {
    headingElement = t.div.getElementsByTagName(this.titleElements[i2])[0];
    if (headingElement) {
    t.headingText = headingElement.innerHTML;
    if (this.titleElementsStripHTML) {
        t.headingText.replace(/<br>/gi," ");
        t.headingText = t.headingText.replace(/<[^>]+>/g,"");
    }
    break;
    }
      }
    }

    if (!t.headingText) {
      /* Title was not found (or is blank) so automatically generate a
         number for the tab.
      */
      t.headingText = i + 1;
    }

    /* Create a list element for the tab */
    DOM_li = document.createElement("li");

    /* Save a reference to this list item so we can later change it to
       the "active" class */
    t.li = DOM_li;

    /* Create a link to activate the tab */
    DOM_a = document.createElement("a");
    DOM_a.appendChild(document.createTextNode(t.headingText));
    DOM_a.href = "javascript:void(null);";
    DOM_a.title = t.headingText;
    DOM_a.onclick = this.navClick;

    /* Add some properties to the link so we can identify which tab
       was clicked. Later the navClick method will need this.
    */
    DOM_a.tabber = this;
    DOM_a.tabberIndex = i;

    /* Do we need to add an id to DOM_a? */
    if (this.addLinkId && this.linkIdFormat) {

      /* Determine the id name */
      aId = this.linkIdFormat;
      aId = aId.replace(/<tabberid>/gi, this.id);
      aId = aId.replace(/<tabnumberzero>/gi, i);
      aId = aId.replace(/<tabnumberone>/gi, i+1);
      aId = aId.replace(/<tabtitle>/gi, t.headingText.replace(/[^a-zA-Z0-9\-]/gi, ''));

      DOM_a.id = aId;
    }

    /* Add the link to the list element */
    DOM_li.appendChild(DOM_a);

    /* Add the list element to the list */
    DOM_ul.appendChild(DOM_li);
}

/* Add the UL list to the beginning of the tabber div */
e.insertBefore(DOM_ul, e.firstChild);

/* Make the tabber div "live" so different CSS can be applied */
e.className = e.className.replace(this.REclassMain, this.classMainLive);

/* Activate the default tab, and do not call the onclick handler */
this.tabShow(defaultTab);

/* If the user specified an onLoad function, call it now. */
if (typeof this.onLoad == 'function') {
    this.onLoad({tabber:this});
}

return this;
};

tabberObj.prototype.navClick = function(event)
{
/* This method should only be called by the onClick event of an <A>
     element, in which case we will determine which tab was clicked by
     examining a property that we previously attached to the <A>
     element.

     Since this was triggered from an onClick event, the variable
     "this" refers to the <A> element that triggered the onClick
     event (and not to the tabberObj).

     When tabberObj was initialized, we added some extra properties
     to the <A> element, for the purpose of retrieving them now. Get
     the tabberObj object, plus the tab number that was clicked.
*/

var
rVal, /* Return value from the user onclick function */
a, /* element that triggered the onclick event */
self, /* the tabber object */
tabberIndex, /* index of the tab that triggered the event */
onClickArgs; /* args to send the onclick function */

a = this;
if (!a.tabber) { return false; }

self = a.tabber;
tabberIndex = a.tabberIndex;

/* Remove focus from the link because it looks ugly.
     I don't know if this is a good idea...
*/
a.blur();

/* If the user specified an onClick function, call it now.
     If the function returns false then do not continue.
*/
if (typeof self.onClick == 'function') {

    onClickArgs = {'tabber':self, 'index':tabberIndex, 'event':event};

    /* IE uses a different way to access the event object */
    if (!event) { onClickArgs.event = window.event; }

    rVal = self.onClick(onClickArgs);
    if (rVal === false) { return false; }
}

self.tabShow(tabberIndex);

return false;
};

tabberObj.prototype.tabHideAll = function()
{
var i; /* counter */

/* Hide all tabs and make all navigation links inactive */
for (i = 0; i < this.tabs.length; i++) {
    this.tabHide(i);
}
};

tabberObj.prototype.tabHide = function(tabberIndex)
{
var div;

if (!this.tabs[tabberIndex]) { return false; }

/* Hide a single tab and make its navigation link inactive */
div = this.tabs[tabberIndex].div;

/* Hide the tab contents by adding classTabHide to the div */
if (!div.className.match(this.REclassTabHide)) {
    div.className += ' ' + this.classTabHide;
}
this.navClearActive(tabberIndex);

return this;
};

tabberObj.prototype.tabShow = function(tabberIndex)
{
/* Show the tabberIndex tab and hide all the other tabs */

var div;

if (!this.tabs[tabberIndex]) { return false; }

/* Hide all the tabs first */
this.tabHideAll();

/* Get the div that holds this tab */
div = this.tabs[tabberIndex].div;

/* Remove classTabHide from the div */
div.className = div.className.replace(this.REclassTabHide, '');

/* Mark this tab navigation link as "active" */
this.navSetActive(tabberIndex);

/* If the user specified an onTabDisplay function, call it now. */
if (typeof this.onTabDisplay == 'function') {
    this.onTabDisplay({'tabber':this, 'index':tabberIndex});
}

return this;
};

tabberObj.prototype.navSetActive = function(tabberIndex)
{
/* Note: this method does *not* enforce the rule
     that only one nav item can be active at a time.
*/

/* Set classNavActive for the navigation list item */
this.tabs[tabberIndex].li.className = this.classNavActive;

return this;
};

tabberObj.prototype.navClearActive = function(tabberIndex)
{
/* Note: this method does *not* enforce the rule
     that one nav should always be active.
*/

/* Remove classNavActive from the navigation list item */
this.tabs[tabberIndex].li.className = '';

return this;
};

/*==================================================*/

function tabberAutomatic(tabberArgs)
{
/* This function finds all DIV elements in the document where
     class=tabber.classMain, then converts them to use the tabber
     interface.

     tabberArgs = an object to send to "new tabber()"
*/
var
    tempObj, /* Temporary tabber object */
    divs, /* Array of all divs on the page */
    i; /* Loop index */

if (!tabberArgs) { tabberArgs = {}; }

/* Create a tabber object so we can get the value of classMain */
tempObj = new tabberObj(tabberArgs);

/* Find all DIV elements in the document that have class=tabber */

/* First get an array of all DIV elements and loop through them */
divs = document.getElementsByTagName("div");
for (i=0; i < divs.length; i++) {

    /* Is this DIV the correct class? */
    if (divs[i].className &&
    divs[i].className.match(tempObj.REclassMain)) {

      /* Now tabify the DIV */
      tabberArgs.div = divs[i];
      divs[i].tabber = new tabberObj(tabberArgs);
    }
}

return this;
}

/*==================================================*/

function tabberAutomaticOnLoad(tabberArgs)
{
/* This function adds tabberAutomatic to the window.onload event,
     so it will run after the document has finished loading.
*/
var oldOnLoad;

if (!tabberArgs) { tabberArgs = {}; }

/* Taken from: http://simon.incutio.com/archive/2004/05/26/addLoadEvent */

oldOnLoad = window.onload;
if (typeof window.onload != 'function') {
    window.onload = function() {
      tabberAutomatic(tabberArgs);
    };
} else {
    window.onload = function() {
      oldOnLoad();
      tabberAutomatic(tabberArgs);
    };
}
}

/*==================================================*/

/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */

if (typeof tabberOptions == 'undefined') {

    tabberAutomaticOnLoad();

} else {

if (!tabberOptions['manualStartup']) {
    tabberAutomaticOnLoad(tabberOptions);
}

}

/* Optional: Temporarily hide the "tabber" class so it does not "flash"
   on the page as plain HTML. After tabber runs, the class is changed
   to "tabberlive" and it will appear. */

document.write('<style type="text/css">.tabber{display:none;}<\/style>');

var tabberOptions = {

'onClick': function(argsObj) {

    var t = argsObj.tabber; /* Tabber object */
    var i = argsObj.index; /* Which tab was clicked (0..n) */
    var div = this.tabs[i].div; /* The tab content div */

    /* Display a loading message */
    div.innerHTML = "<p>Loading...<\/p>";

    /* Fetch some html depending on which tab was clicked */
    var url = 'example-ajax-' + i + '.html';
    var pars = 'foo=bar&foo2=bar2'; /* just for example */
    var myAjax = new Ajax.Updater(div, url, {method:'get',parameters:pars});
},

'onLoad': function(argsObj) {
    /* Load the first tab */
    argsObj.index = 0;
    this.onClick(argsObj);
}

}

//]]>
</script>

<style type='text/css'>
body{font-family:Arial;color:#fff;background:#052844 url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj90cDc8NI/AAAAAAAACc4/QdOZ_IRcGxg/s000/body-bg.jpg) no-repeat top center;margin:0;padding:0;font-size:12px;}
a:link,a:visited{color:#fff;outline:none;}
a:hover{color:#7FBDF3;outline:none;}
a img{border-width:0}
.clear{clear:both;}
blockquote{background:#306189 url(http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj90iyHHbI/AAAAAAAACc8/oc76zU-ZxT8/s000/quote.png) no-repeat top left;font-style:italic;margin-top:10px;margin-bottom:10px;padding:15px 15px 15px 30px;}
/* Header-----------------------------------------------*/
#header-wrapper{width:1000px;margin:0 auto 0;height:100px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:48%;overflow:hidden;}
#header h1{margin:0 5px 0;padding:30px 0 0 0px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;font-size:36px;color:#c8e6fe;}
#header .description{padding-left:5px;color:#8d8f7e;font-size:14px;font-weight:bold;padding-top:5px;margin-top:0px;display:none;}
#header h1 a,#header h1 a:visited{color:#c8e6fe;text-decoration:none}
#header h2{padding-left:15px;color:#736f74;font:14px Arial,Helvetica,Sans-serif;overflow:hidden;}
#header2{float:right;width:50%;overflow:hidden;}
#header2 .widget{padding:25px 0px 0 10px;float:right}
/* Outer-Wrapper----------------------------------------------- */
#outer-wrapper{width:1000px;margin:0px auto;padding:0px;text-align:$startSide;font:$bodyfont;}
#content-wrapper{width:1000px;background:#306189;margin:0 auto 60px;padding-bottom:20px;border:1px solid #84A7CD;}
#main-wrapper{width:495px;float:left;padding:10px 0 10px 0;margin-left:10px;display:inline;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
#lsidebar-wrapper{width:185px;float:left;padding:10px 0 10px 0;margin:0 0 0 10px;display:inline;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
#rsidebar-wrapper{width:290px;float:right;display:inline;padding:10px 0 10px 0;margin:0px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */
}
/* Posts-----------------------------------------------*/
h2.date-header{margin:1.5em 0 .5em}
.post{margin:10px 0 10px 0;padding:2px 15px 2px 12px;background-color:#052844;}
.post-title{font-size:16px; color:#fff;text-decoration:none}
.post-title a,.post-title a:visited,.post-title strong{display:block;text-decoration:none;color:#fff;}
.post-title strong,.post-title a:hover{text-decoration:none;color:#7FBDF3;}
.post-body{margin:0 0 .75em;padding-top:8px;font-size:12px;}
.post-footer{margin:.75em 0;color:$sidebarcolor;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;line-height:1.4em}
.comment-link{margin-$startSide:.6em}
.post img{padding: 0px;margin:0 4px 4px 0}
/* Comments----------------------------------------------- */
#comments{}
#comments h4{margin:1em 0;font-weight:bold;line-height:1.4em;text-transform:uppercase;letter-spacing:.2em;color:$sidebarcolor}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{width:465px;float:left}
#comment-date{width:465px;float:left}
#comment-header{float:left;border:1px solid #131d23;padding:5px 0 5px 10px;margin:5px;background-color:#052844;position:relative;}
#comment-profile-image{position:absolute;top:0px;right:0px;}
.avatar-image-container{background:url(http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj905Gr7PI/AAAAAAAACdA/vOwNXeRMnRM/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #cccccc;}
.avatar-image-container img{width:32px;height:32px}
a.comments-autor-name{color:#ffffff;font:normal bold 12px Arial,Tahoma,Verdana;margin-top:0px;}
a.says{color:#ffffff;font:normal bold 12px Arial,Tahoma,Verdana}
.says a:hover{text-decoration:none}
a.comment-permalink{color:#8fc321;font:normal normal 10px Arial,Tahoma,Verdana}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}
/* Sidebar Content----------------------------------------------- */

.sidebar{}
.sidebar a{text-decoration:none;color:#fff;}
.sidebar a:hover{text-decoration:none;color:#7FBDF3;}
.sidebar h2{font-size:14px;font-weight:bold;margin:0 0 15px 20px;}
.sidebar ul{list-style:url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj91O1irPI/AAAAAAAACdE/zcuUJKh5MKA/s000/bullet.png) inside;padding-left:5px;}
.sidebar ul li{font-size:12px;line-height:14px;margin-bottom:5px;}
.sidebar .widget{margin:0 0 10px;padding:0 0 15px;width:156px;background:#052844 url(http://3.bp.blogspot.com/_rKLBTcXIDJY/TTj91l8CQII/AAAAAAAACdI/SIZ6dYyicKw/s000/widget-bg.jpg) no-repeat top left;padding:15px;margin-bottom:10px;font-size:12px;}

.rightsidebar{}
.rightsidebar a{text-decoration:none;color:#fff;}
.rightsidebar a:hover{text-decoration:none;color:#8FC321;}
.rightsidebar h2{font-size:12px;font-weight:bold;background:url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj917WKQiI/AAAAAAAACdM/E3ah5DB4vGs/s000/right-head.png) ;height:39px;padding:25px 0 0 20px; font-weight:bold;width:255px}
.rightsidebar ul{list-style:url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj91O1irPI/AAAAAAAACdE/zcuUJKh5MKA/s000/bullet.png) outside;padding-left:25px;}
.rightsidebar ul li{font-size:12px;line-height:14px;margin-bottom:5px;}
.rightsidebar .widget{background:#052844 url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj92DftXyI/AAAAAAAACdQ/5r7QqxeoguY/s000/right-bg.png) repeat-y top left;width:275px;float:left;display:inline;font-size:12px;padding-bottom:5px;}
.rightsidebar .widget-content{margin-left:30px}

.main .widget{border-bottom:0 dotted $bordercolor;margin:0 0 10px;padding:0 0 0px;}
.main .Blog{border-bottom-width:0}
/* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none}

#menu-wrap{margin:0 auto 30px;width:998px;height:30px;background:url(http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj92YDe5WI/AAAAAAAACdU/Cr_iX_izpuI/s000/top-menu.png) repeat-x;border:1px solid #84A7CD}
#menu-wrap ul{float:left;padding-top:5px;margin-left:15px;margin-left:0px;margin-top:2px;}
#menu-wrap ul li{display:inline;margin-right:20px;font-size:12px;font-weight:bold}
#menu-wrap ul li a{color:#fff;padding:1px;line-height:14px;text-decoration:none;font-weight:bold !important;}
#menu-wrap ul li a:hover{color:#7FBDF3}

#footer{height:325px}
#bottombar{height:265px;width:1000px;background:url(http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj92nu4T6I/AAAAAAAACdY/f2cYCqTW9BE/s000/bottom-bg.png) no-repeat top left;margin:0 auto}
#about-wrap{float:left;width:310px;height:225px;margin:15px 0 0 40px}
#share-wrap{float:left;display:inline;height:225px;width:335px;margin-top:15px;}
#bottom-ads{width:240px;display:inline;float:left;margin-top:15px;}

.footercol{}
.footercol a{text-decoration:none;}
.footercol ul{list-style:url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj91O1irPI/AAAAAAAACdE/zcuUJKh5MKA/s000/bullet.png) inside;padding-left:0px;margin-left:0px;}
.footercol ul li{font-size:12px;line-height:14px;margin-bottom:5px;}

#credit {color:white;height:60px;margin-top:22px;width:1000px;margin:0 auto}
#credit p {color:#ffffff;font-size:11px;padding-top:0px;float:left;display:inline;margin-top:5px;}
#credit a {color:#ffffff;text-decoration:none;}
#credit a:hover {color:#7FBDF3;text-decoration:none;}
#credit-logo {height:38px;width:160px;float:right;display:inline;margin:5px}

/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a{font:15px Arial,Verdana;padding:2px 4px;margin:0 4px;text-decoration:none;border:0 solid #333;background:#052844;color:#ffffff;border:1px solid #445364}
.showpageOf{margin:0 8px 0 0;color:#ffffff;font:15px Arial,Verdana}
.showpageNum a:hover{color:#ffffff;background:#000000;border:1px solid #445364}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#111}
.showpagePoint{color:#ffffff;font:bold 15px Arial,Verdana;padding:2px 4px;margin:2px;border:1px solid #000000;background:#1a4a72;text-decoration:none}

#twitter{width:186px;background:#052844 url(http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj927Lka9I/AAAAAAAACdc/daxXb3YcwNk/s000/twitter-bg.jpg) no-repeat top left;float:left;display:inline;padding-bottom:10px;margin-bottom:10px}
#twitter-inside{color:#fff;display:inline;float:left;font:italic 12px Georgia;margin:60px 10px 10px 15px;width:160px}
.twitter a{color:#8fc321 !important;float:left;font-size:16px;margin-top:10px;padding-left:130px;display:inline}
.twitter a:hover{color:#7FBDF3 !important}
.twitter-link{color:#8FC321 !important}
#twitter_update_list a{color:#8fc321 !important;}
#twitter_update_list a:hover{color:#7fbdf3 !important;}
#comment-form iframe{padding:5px;width:500px}

#sidesearch{font-size:12px;width:275px;height:60px;background:#052844;margin-bottom:10px;overflow:hidden;}

#search{float:right;width:255px;height:40px;margin-top:5px;display:inline;padding-top:5px}
input#s{width:190px;height:24px;padding-top:5px;margin-left:5px;background:url(http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj93M2mymI/AAAAAAAACdg/2NJOZ3ufToI/s000/search-bg.png) repeat-y top left;color:#fff;border:1px solid #84A7CD}
input#searchsubmit{color:#fff;background:url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj93Y3f3oI/AAAAAAAACdk/VHACdasujVM/s000/search.png) no-repeat top left;border:none;width:32px;height:32px;text-indent:-9999px}
input#searchsubmit:hover{background:url(http://3.bp.blogspot.com/_rKLBTcXIDJY/TTj93lj-oTI/AAAAAAAACdo/Lz0m0jlnRvk/s000/search-hover.png) no-repeat top left}

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:1000px;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}
.last{margin-right:0;padding-right:0}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;}
.readmorecontent a{padding:4px 5px; background:#344052; color:#ffffff; text-decoration:none; font-size:12px;}
.readmorecontent a:hover{background-color:#8DA2C3; color:#ffffff}

.date {font-size:10px;display: inline;float:left;margin-top:-15px;padding-top:0px;}
.date a {color:#8FC321;text-decoration:none;font-weight:bold}
.date a:hover {color:#7FBDF3;}

#feeds{font-size:12px;width:275px;height:141px;background:url(http://4.bp.blogspot.com/_rKLBTcXIDJY/TTj94KxC16I/AAAAAAAACds/XfliiwtfOyo/s000/feed-bg.jpg);margin-bottom:10px}
.textarea{background:#FFF none repeat scroll 0 0;border:medium none;font-size:12px;height:20px;margin:50px 0 5px 15px;padding:5px 0 0 5px;width:155px}
#feeds a{font-size:11px;color:#FF7300;text-decoration:none}
#feeds p{color:#51616E;margin-left:15px;margin-top:0px;}

#tabs{font-size:12px;width:275px;background:#052844;margin-bottom:7px}
.tabberlive .tabbertab a{color:#fff;text-decoration:none}
.tabberlive .tabbertab a:hover{color:#7FBDF3}
.tabberlive .tabbertabhide{display:none}
.tabber{}
.tabberlive{float:left;margin-left:10px;margin-top:15px;display:inline;width:265px}
ul.tabbernav{margin:0;padding:0}
ul.tabbernav li{list-style:none;margin-right:10px;display:inline}
ul.tabbernav li a{padding:6px 12px;margin-right:0;background:#1a4a72;text-decoration:none;font-family:Arial,Helvetica,sans-serif;color:#fff}
ul.tabbernav li.tabberactive a{background-color:#1a4a72;color:#fff}
.tabberlive .tabbertab{padding:5px;margin:15px 10px 15px 0;background-color:#1a4a72}
.tabberlive .tabbertab h2{display:none}
.tabberlive .tabbertab h3{display:none}
.tabberlive .tabbertab .tablist{overflow:hidden;padding:5px;color:#fff;margin-bottom:0}
.tablist{margin-bottom:15px}
.tablist li{margin-left:-35px;padding-left:0px;border-bottom:1px dashed #fff;list-style-image:url(http://2.bp.blogspot.com/_rKLBTcXIDJY/TTj91O1irPI/AAAAAAAACdE/zcuUJKh5MKA/s000/bullet.png);list-style-position:inside;list-style-type:disc;margin-bottom:10px;padding-bottom:10px}

#myGallery,#myGallerySet,#flickrGallery{width:495px;height:250px;z-index:5;margin-bottom:10px;margin-top:0px;overflow:hidden;}
.jdGallery a{outline:0}
#flickrGallery{width:475px;height:284px}
#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('http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj94N3H0xI/AAAAAAAACdw/zZ7chnVm-Ew/s000/loading-bar-black.png')}
.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('http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj94N3H0xI/AAAAAAAACdw/zZ7chnVm-Ew/s000/loading-bar-black.png')}
.jdGallery .slideInfoZone{position:absolute;z-index:10;width:100%;margin:0;left:0;bottom:0;height:80px;background:#052844;color:#fff;text-indent:0;overflow:hidden}
* html .jdGallery .slideInfoZone{bottom:-1px}
.jdGallery .slideInfoZone h2{padding:0;margin:0;margin:2px 5px;font-size:14px;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:0;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:0;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('http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj94Ue2gvI/AAAAAAAACd0/gPf3v9_mYpM/s000/fleche1.png') no-repeat center left}
* html .jdGallery a.left{background:url('http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj94muvJ0I/AAAAAAAACd4/om3GTTlM0y4/s000/fleche1.gif') no-repeat center left}
.jdGallery a.right{right:0;top:0;background:url('http://3.bp.blogspot.com/_rKLBTcXIDJY/TTj945vL4bI/AAAAAAAACd8/f2IzRQVTBl0/s000/fleche2.png') no-repeat center right}
* html .jdGallery a.right{background:url('http://1.bp.blogspot.com/_rKLBTcXIDJY/TTj95EfEEGI/AAAAAAAACeA/yAWKpjbs5-g/s000/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('http://4.bp.blogspot.com/_rKLBTcXIDJY/TTj95i9nXVI/AAAAAAAACeE/X2_-oBr_hgI/s000/open.png') no-repeat center center}
* html .withArrows a.open:hover{background:url('http://3.bp.blogspot.com/_rKLBTcXIDJY/TTj95697TTI/AAAAAAAACeI/wtd1kCzPEOo/s000/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}

</style>



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

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

//]]>
</script>

</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

    
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='AbdurRahimi's blog (Header)' type='Header'/>
</b:section>

<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
</b:section>
<div style='clear:both;'/>

    </div>

<div style='clear:both;'/>

<div id='menu-wrap'>

<b:section class='crosscol66' id='crosscol66' showaddelement='no'>
<b:widget id='PageList16' locked='true' title='Pages' type='PageList'/>
</b:section>
</div>
<div style='clear:both;'/>

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='yes'/>
      </div>

<div id='lsidebar-wrapper'>

<div id='twitter'>
<div id='twitter-inside'>

<li class='widget aktt_widget' id='twitter-updates' style='list-style-type:none;'><div class='my_tweets'>

<ul id='twitter_update_list' style='margin-left:0px;padding-left:0px;list-style-type:none;'/>
<a href='http://twitter.com/pbtemplates' id='twitter-link' style='display:block;text-align:right;color:#8fc321;'/>
</div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/pbtemplates.json?callback=twitterCallback2&count=1' type='text/javascript'/>

</li>

</div>
</div>
<div style='clear:both;'/>

        <b:section class='sidebar' id='sidebarleft' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'/>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

<p/></div>

      <div id='main-wrapper'>

      <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
      </div>

      <div id='rsidebar-wrapper'>

<div id='feeds'>

<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open("http://feedburner.google.com/fb/a/mailverify?uri=pbtemplates", "popupwindow", "scrollbars=yes,width=550,height=520");return true' target='popupwindow'>

<input class='textarea' name='email' onblur='if (this.value == "") {this.value = "Enter email address here";}' onfocus='if (this.value == "Enter email address here") {this.value = "";}' type='text' value='Enter email address here'/>
<br/>

<input name='uri' type='hidden' value='camelgraph'/>
<input name='title' type='hidden' value=''/>
<input name='loc' type='hidden' value='en_US'/>

</form>

<p><a href='http://feeds2.feedburner.com/pbtemplates'><img alt='' height='26' src='http://feeds2.feedburner.com/~fc/pbtemplates?bg=FD6D00&fg=202931&anim=1' style='border:0' width='88'/></a></p>

<p><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Post (RSS)</a> | <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments (RSS)</a></p>

</div>
<div style='clear:both;'/>

<div id='sidesearch'>
<form action='/search' id='search' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search";}' onfocus='if (this.value == "Search") {this.value = "";}' type='text' value=''/>
<input id='searchsubmit' type='submit' value=''/>
</form>
</div>
<div style='clear:both;'/>

<div id='tabs'>
<div class='tabber'>

<div class='tabbertab'>
<h2>Tags</h2>
<div class='tablist'>
<b:section class='tabsec1' id='tabsec1' preferred='yes'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'/>
</b:section>
</div>
</div>

<div class='tabbertab'>
<h2>Blog Archive</h2>
<div class='tablist'>
<b:section class='tabsec2' id='tabsec2' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
</div>
</div>

</div>
<div class='clear'/>
</div>
<div style='clear:both;'/>

        <b:section class='rightsidebar' id='sidebarright' preferred='yes'/>

<p/></div>

      
      <div class='clear'> </div>

    </div> 

<div id='footer'>

<div id='bottombar'>

<div id='about-wrap'>

<b:section class='footercol' id='footerleft' preferred='yes'/>

</div>


<div id='share-wrap' style='margin-left:10px;'>

<b:section class='footercol' id='footerleft2' preferred='yes'/>

<div class='clear'/>
</div>

<div id='bottom-ads' style='margin-left:10px;'>

<b:section class='footercol' id='footerleft3' preferred='yes'/>

</div>
<div class='clear'/>
</div>

<div id='credit' style='position:relative;'>

<p>Copyright 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> <br/> Designed by <a href='http://camelgraph.com/' target='_blank'>CamelGraph</a> |
Bloggerized by <a href='http://www.bloggertipandtrick.net/' target='_blank'>Lasantha</a> - <a href='http://www.premiumbloggertemplates.com/' target='_blank'>Premiumbloggertemplates.com</a> <span style='position:absolute;top:5px;right:10px;'><a href='http://www.top10hosts.net' target='_blank'>Top Web Hosts</a> | Web Development by <a href='http://www.webdesigningcompany.net/' target='_blank'>WebDesigningCompany.Net</a> | <a href='http://www.getnetset.com' target='_blank'>websites for accountants</a></span></p>

</div>

</div>

</div></div> 


<script type='text/javascript'>
var pageCount=4;
var displayPageNum=3;
var upPageWord ='« ';
var downPageWord =' »';
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage" style="padding: 2px 4px;margin:0 4px;text-decoration:none;background:#000000;color:#ffffff; border:1px solid #445364;font-family: Arial, Verdana;font-size: 15px;"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 2px 4px;margin:0 4px;text-decoration:none;background:#000000;color:#ffffff; border:1px solid #445364;font-family: Arial, Verdana;font-size: 15px;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style="padding: 2px 4px;margin:0 4px;text-decoration:none;background:#000000;color:#ffffff; border:1px solid #445364;font-family: Arial, Verdana;font-size: 15px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #ffffff;background:#000000;border: 1px solid #445364;font-size: 15px;padding:2px 4px;margin:0 4px;" class="showpageOf"> Pages '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 2px 4px;margin:0 4px;text-decoration:none;background:#000000;color:#ffffff; border:1px solid #445364;font-family: Arial, Verdana;font-size: 15px;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage" style="padding: 2px 4px;margin:0 4px;text-decoration:none;background:#000000;color:#ffffff; border:1px solid #445364;font-family: Arial, Verdana;font-size: 15px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>



</body>
</html>

Cari Blog Ini

MinangKabau Cheaterz

Labels

Blog Archive

Followers

About Me

Pages

Cara Meningkatkan PageRank Plus Datangkan Ribuan Backlink ke Blog Sobat

Selasa, 08 Mei 2012

Cara Meningkatkan PageRank Plus Datangkan Ribuan Backlink ke Blog Sobat

Keterangan:

Jumat, 02 Desember 2011

Label

Mohan Beri Bantuan Nya

Total Klick

Entri Populer

Labels