if(!window['googleLT_']){window['googleLT_']=(new Date()).getTime();}if (!window['google']) {
window['google'] = {};
}
if (!window['google']['loader']) {
window['google']['loader'] = {};
google.loader.ServiceBase = 'http://www.google.com/uds';
google.loader.GoogleApisBase = 'http://ajax.googleapis.com/ajax';
google.loader.ApiKey = 'notsupplied';
google.loader.KeyVerified = true;
google.loader.LoadFailure = false;
google.loader.Secure = false;
google.loader.GoogleLocale = 'www.google.com';
google.loader.ClientLocation = null;
google.loader.AdditionalParams = '';
(function() {function g(a){return a in l?l[a]:l[a]=-1!=navigator.userAgent.toLowerCase().indexOf(a)}var l={};function m(a,b){var c=function(){};c.prototype=b.prototype;a.ca=b.prototype;a.prototype=new c}function n(a,b,c){var d=Array.prototype.slice.call(arguments,2)||[];return function(){return a.apply(b,d.concat(Array.prototype.slice.call(arguments)))}}function p(a){a=Error(a);a.toString=function(){return this.message};return a}
function q(a,b){for(var c=a.split(/\./),d=window,e=0;e<c.length-1;e++)d[c[e]]||(d[c[e]]={}),d=d[c[e]];d[c[c.length-1]]=b}function r(a,b,c){a[b]=c}if(!t)var t=q;if(!u)var u=r;google.loader.F={};t("google.loader.callbacks",google.loader.F);var v={},w={};google.loader.eval={};t("google.loader.eval",google.loader.eval);
google.load=function(a,b,c){function d(a){var b=a.split(".");if(2<b.length)throw p("Module: '"+a+"' not found!");"undefined"!=typeof b[1]&&(e=b[0],c.packages=c.packages||[],c.packages.push(b[1]))}var e=a;c=c||{};if(a instanceof Array||a&&"object"==typeof a&&"function"==typeof a.join&&"function"==typeof a.reverse)for(var f=0;f<a.length;f++)d(a[f]);else d(a);if(a=v[":"+e]){c&&!c.language&&c.locale&&(c.language=c.locale);c&&"string"==typeof c.callback&&(f=c.callback,f.match(/^[[\]A-Za-z0-9._]+$/)&&(f=
window.eval(f),c.callback=f));if((f=c&&null!=c.callback)&&!a.D(b))throw p("Module: '"+e+"' must be loaded before DOM onLoad!");f?a.u(b,c)?window.setTimeout(c.callback,0):a.load(b,c):a.u(b,c)||a.load(b,c)}else throw p("Module: '"+e+"' not found!");};t("google.load",google.load);
google.ba=function(a,b){b?(0==x.length&&(y(window,"load",z),!g("msie")&&!g("safari")&&!g("konqueror")&&g("mozilla")||window.opera?window.addEventListener("DOMContentLoaded",z,!1):g("msie")?document.write("<script defer onreadystatechange='google.loader.domReady()' src=//:>\x3c/script>"):(g("safari")||g("konqueror"))&&window.setTimeout(B,10)),x.push(a)):y(window,"load",a)};t("google.setOnLoadCallback",google.ba);
function y(a,b,c){if(a.addEventListener)a.addEventListener(b,c,!1);else if(a.attachEvent)a.attachEvent("on"+b,c);else{var d=a["on"+b];a["on"+b]=null!=d?C([c,d]):c}}function C(a){return function(){for(var b=0;b<a.length;b++)a[b]()}}var x=[];google.loader.W=function(){var a=window.event.srcElement;"complete"==a.readyState&&(a.onreadystatechange=null,a.parentNode.removeChild(a),z())};t("google.loader.domReady",google.loader.W);var D={loaded:!0,complete:!0};
function B(){D[document.readyState]?z():0<x.length&&window.setTimeout(B,10)}function z(){for(var a=0;a<x.length;a++)x[a]();x.length=0}
google.loader.f=function(a,b,c){if(c){var d;"script"==a?(d=document.createElement("script"),d.type="text/javascript",d.src=b):"css"==a&&(d=document.createElement("link"),d.type="text/css",d.href=b,d.rel="stylesheet");(a=document.getElementsByTagName("head")[0])||(a=document.body.parentNode.appendChild(document.createElement("head")));a.appendChild(d)}else"script"==a?document.write('<script src="'+b+'" type="text/javascript">\x3c/script>'):"css"==a&&document.write('<link href="'+b+'" type="text/css" rel="stylesheet"></link>')};
t("google.loader.writeLoadTag",google.loader.f);google.loader.Z=function(a){w=a};t("google.loader.rfm",google.loader.Z);google.loader.aa=function(a){for(var b in a)"string"==typeof b&&b&&":"==b.charAt(0)&&!v[b]&&(v[b]=new E(b.substring(1),a[b]))};t("google.loader.rpl",google.loader.aa);google.loader.$=function(a){if((a=a.specs)&&a.length)for(var b=0;b<a.length;++b){var c=a[b];"string"==typeof c?v[":"+c]=new F(c):(c=new G(c.name,c.baseSpec,c.customSpecs),v[":"+c.name]=c)}};t("google.loader.rm",google.loader.$);
google.loader.loaded=function(a){v[":"+a.module].o(a)};t("google.loader.loaded",google.loader.loaded);google.loader.V=function(){return"qid="+((new Date).getTime().toString(16)+Math.floor(1E7*Math.random()).toString(16))};t("google.loader.createGuidArg_",google.loader.V);q("google_exportSymbol",q);q("google_exportProperty",r);google.loader.a={};t("google.loader.themes",google.loader.a);google.loader.a.K="//www.google.com/cse/style/look/bubblegum.css";u(google.loader.a,"BUBBLEGUM",google.loader.a.K);
google.loader.a.M="//www.google.com/cse/style/look/greensky.css";u(google.loader.a,"GREENSKY",google.loader.a.M);google.loader.a.L="//www.google.com/cse/style/look/espresso.css";u(google.loader.a,"ESPRESSO",google.loader.a.L);google.loader.a.O="//www.google.com/cse/style/look/shiny.css";u(google.loader.a,"SHINY",google.loader.a.O);google.loader.a.N="//www.google.com/cse/style/look/minimalist.css";u(google.loader.a,"MINIMALIST",google.loader.a.N);google.loader.a.P="//www.google.com/cse/style/look/v2/default.css";
u(google.loader.a,"V2_DEFAULT",google.loader.a.P);function F(a){this.b=a;this.B=[];this.A={};this.l={};this.g={};this.s=!0;this.c=-1}
F.prototype.i=function(a,b){var c="";void 0!=b&&(void 0!=b.language&&(c+="&hl="+encodeURIComponent(b.language)),void 0!=b.nocss&&(c+="&output="+encodeURIComponent("nocss="+b.nocss)),void 0!=b.nooldnames&&(c+="&nooldnames="+encodeURIComponent(b.nooldnames)),void 0!=b.packages&&(c+="&packages="+encodeURIComponent(b.packages)),null!=b.callback&&(c+="&async=2"),void 0!=b.style&&(c+="&style="+encodeURIComponent(b.style)),void 0!=b.noexp&&(c+="&noexp=true"),void 0!=b.other_params&&(c+="&"+b.other_params));
if(!this.s){google[this.b]&&google[this.b].JSHash&&(c+="&sig="+encodeURIComponent(google[this.b].JSHash));var d=[],e;for(e in this.A)":"==e.charAt(0)&&d.push(e.substring(1));for(e in this.l)":"==e.charAt(0)&&this.l[e]&&d.push(e.substring(1));c+="&have="+encodeURIComponent(d.join(","))}return google.loader.ServiceBase+"/?file="+this.b+"&v="+a+google.loader.AdditionalParams+c};
F.prototype.H=function(a){var b=null;a&&(b=a.packages);var c=null;if(b)if("string"==typeof b)c=[a.packages];else if(b.length)for(c=[],a=0;a<b.length;a++)"string"==typeof b[a]&&c.push(b[a].replace(/^\s*|\s*$/,"").toLowerCase());c||(c=["default"]);b=[];for(a=0;a<c.length;a++)this.A[":"+c[a]]||b.push(c[a]);return b};
F.prototype.load=function(a,b){var c=this.H(b),d=b&&null!=b.callback;if(d)var e=new H(b.callback);for(var f=[],h=c.length-1;0<=h;h--){var k=c[h];d&&e.R(k);this.l[":"+k]?(c.splice(h,1),d&&this.g[":"+k].push(e)):f.push(k)}if(c.length){b&&b.packages&&(b.packages=c.sort().join(","));for(h=0;h<f.length;h++)k=f[h],this.g[":"+k]=[],d&&this.g[":"+k].push(e);if(b||null==w[":"+this.b]||null==w[":"+this.b].versions[":"+a]||google.loader.AdditionalParams||!this.s)b&&b.autoloaded||google.loader.f("script",this.i(a,
b),d);else{c=w[":"+this.b];google[this.b]=google[this.b]||{};for(var A in c.properties)A&&":"==A.charAt(0)&&(google[this.b][A.substring(1)]=c.properties[A]);google.loader.f("script",google.loader.ServiceBase+c.path+c.js,d);c.css&&google.loader.f("css",google.loader.ServiceBase+c.path+c.css,d)}this.s&&(this.s=!1,this.c=(new Date).getTime(),1!=this.c%100&&(this.c=-1));for(h=0;h<f.length;h++)k=f[h],this.l[":"+k]=!0}};
F.prototype.o=function(a){-1!=this.c&&(I("al_"+this.b,"jl."+((new Date).getTime()-this.c),!0),this.c=-1);this.B=this.B.concat(a.components);google.loader[this.b]||(google.loader[this.b]={});google.loader[this.b].packages=this.B.slice(0);for(var b=0;b<a.components.length;b++){this.A[":"+a.components[b]]=!0;this.l[":"+a.components[b]]=!1;var c=this.g[":"+a.components[b]];if(c){for(var d=0;d<c.length;d++)c[d].U(a.components[b]);delete this.g[":"+a.components[b]]}}};
F.prototype.u=function(a,b){return 0==this.H(b).length};F.prototype.D=function(){return!0};function H(a){this.T=a;this.v={};this.C=0}H.prototype.R=function(a){this.C++;this.v[":"+a]=!0};H.prototype.U=function(a){this.v[":"+a]&&(this.v[":"+a]=!1,this.C--,0==this.C&&window.setTimeout(this.T,0))};function G(a,b,c){this.name=a;this.S=b;this.w=c;this.G=this.j=!1;this.m=[];google.loader.F[this.name]=n(this.o,this)}m(G,F);G.prototype.load=function(a,b){var c=b&&null!=b.callback;c?(this.m.push(b.callback),b.callback="google.loader.callbacks."+this.name):this.j=!0;b&&b.autoloaded||google.loader.f("script",this.i(a,b),c)};G.prototype.u=function(a,b){return b&&null!=b.callback?this.G:this.j};G.prototype.o=function(){this.G=!0;for(var a=0;a<this.m.length;a++)window.setTimeout(this.m[a],0);this.m=[]};
var J=function(a,b){return a.string?encodeURIComponent(a.string)+"="+encodeURIComponent(b):a.regex?b.replace(/(^.*$)/,a.regex):""};G.prototype.i=function(a,b){return this.X(this.I(a),a,b)};
G.prototype.X=function(a,b,c){var d="";a.key&&(d+="&"+J(a.key,google.loader.ApiKey));a.version&&(d+="&"+J(a.version,b));b=google.loader.Secure&&a.ssl?a.ssl:a.uri;if(null!=c)for(var e in c)a.params[e]?d+="&"+J(a.params[e],c[e]):"other_params"==e?d+="&"+c[e]:"base_domain"==e&&(b="http://"+c[e]+a.uri.substring(a.uri.indexOf("/",7)));google[this.name]={};-1==b.indexOf("?")&&d&&(d="?"+d.substring(1));return b+d};G.prototype.D=function(a){return this.I(a).deferred};
G.prototype.I=function(a){if(this.w)for(var b=0;b<this.w.length;++b){var c=this.w[b];if((new RegExp(c.pattern)).test(a))return c}return this.S};function E(a,b){this.b=a;this.h=b;this.j=!1}m(E,F);E.prototype.load=function(a,b){this.j=!0;google.loader.f("script",this.i(a,b),!1)};E.prototype.u=function(){return this.j};E.prototype.o=function(){};
E.prototype.i=function(a,b){if(!this.h.versions[":"+a]){if(this.h.aliases){var c=this.h.aliases[":"+a];c&&(a=c)}if(!this.h.versions[":"+a])throw p("Module: '"+this.b+"' with version '"+a+"' not found!");}return google.loader.GoogleApisBase+"/libs/"+this.b+"/"+a+"/"+this.h.versions[":"+a][b&&b.uncompressed?"uncompressed":"compressed"]};E.prototype.D=function(){return!1};var K=!1,L=[],M=(new Date).getTime(),O=function(){K||(y(window,"unload",N),K=!0)},Q=function(a,b){O();if(!(google.loader.Secure||google.loader.Options&&!1!==google.loader.Options.csi)){for(var c=0;c<a.length;c++)a[c]=encodeURIComponent(a[c].toLowerCase().replace(/[^a-z0-9_.]+/g,"_"));for(c=0;c<b.length;c++)b[c]=encodeURIComponent(b[c].toLowerCase().replace(/[^a-z0-9_.]+/g,"_"));window.setTimeout(n(P,null,"//gg.google.com/csi?s=uds&v=2&action="+a.join(",")+"&it="+b.join(",")),1E4)}},I=function(a,b,
c){c?Q([a],[b]):(O(),L.push("r"+L.length+"="+encodeURIComponent(a+(b?"|"+b:""))),window.setTimeout(N,5<L.length?0:15E3))},N=function(){if(L.length){var a=google.loader.ServiceBase;0==a.indexOf("http:")&&(a=a.replace(/^http:/,"https:"));P(a+"/stats?"+L.join("&")+"&nc="+(new Date).getTime()+"_"+((new Date).getTime()-M));L.length=0}},P=function(a){var b=new Image,c=P.Y++;P.J[c]=b;b.onload=b.onerror=function(){delete P.J[c]};b.src=a;b=null};P.J={};P.Y=0;q("google.loader.recordCsiStat",Q);
q("google.loader.recordStat",I);q("google.loader.createImageForLogging",P);

}) ();google.loader.rm({"specs":["visualization","payments",{"name":"annotations","baseSpec":{"uri":"http://www.google.com/reviews/scripts/annotations_bootstrap.js","ssl":null,"key":{"string":"key"},"version":{"string":"v"},"deferred":true,"params":{"country":{"string":"gl"},"callback":{"string":"callback"},"language":{"string":"hl"}}}},"language","gdata","wave","spreadsheets","search","orkut","feeds","annotations_v2","picker","identitytoolkit",{"name":"maps","baseSpec":{"uri":"http://maps.google.com/maps?file\u003dgoogleapi","ssl":"https://maps-api-ssl.google.com/maps?file\u003dgoogleapi","key":{"string":"key"},"version":{"string":"v"},"deferred":true,"params":{"callback":{"regex":"callback\u003d$1\u0026async\u003d2"},"language":{"string":"hl"}}},"customSpecs":[{"uri":"http://maps.googleapis.com/maps/api/js","ssl":"https://maps.googleapis.com/maps/api/js","version":{"string":"v"},"deferred":true,"params":{"callback":{"string":"callback"},"language":{"string":"hl"}},"pattern":"^(3|3..*)$"}]},{"name":"friendconnect","baseSpec":{"uri":"http://www.google.com/friendconnect/script/friendconnect.js","ssl":"https://www.google.com/friendconnect/script/friendconnect.js","key":{"string":"key"},"version":{"string":"v"},"deferred":false,"params":{}}},{"name":"sharing","baseSpec":{"uri":"http://www.google.com/s2/sharing/js","ssl":null,"key":{"string":"key"},"version":{"string":"v"},"deferred":false,"params":{"language":{"string":"hl"}}}},"ads",{"name":"books","baseSpec":{"uri":"http://books.google.com/books/api.js","ssl":"https://encrypted.google.com/books/api.js","key":{"string":"key"},"version":{"string":"v"},"deferred":true,"params":{"callback":{"string":"callback"},"language":{"string":"hl"}}}},"elements","earth","ima"]});
google.loader.rfm({":search":{"versions":{":1":"1",":1.0":"1"},"path":"/api/search/1.0/0c3990ce7a056ed50667fe0c3873c9b6/","js":"default+en.I.js","css":"default+en.css","properties":{":Version":"1.0",":NoOldNames":false,":JSHash":"0c3990ce7a056ed50667fe0c3873c9b6"}},":language":{"versions":{":1":"1",":1.0":"1"},"path":"/api/language/1.0/21ed3320451b9198aa71e398186af717/","js":"default+en.I.js","properties":{":Version":"1.0",":JSHash":"21ed3320451b9198aa71e398186af717"}},":annotations":{"versions":{":1":"1",":1.0":"1"},"path":"/api/annotations/1.0/3b0f18d6e7bf8cf053640179ef6d98d1/","js":"default+en.I.js","properties":{":Version":"1.0",":JSHash":"3b0f18d6e7bf8cf053640179ef6d98d1"}},":wave":{"versions":{":1":"1",":1.0":"1"},"path":"/api/wave/1.0/3b6f7573ff78da6602dda5e09c9025bf/","js":"default.I.js","properties":{":Version":"1.0",":JSHash":"3b6f7573ff78da6602dda5e09c9025bf"}},":picker":{"versions":{":1":"1",":1.0":"1"},"path":"/api/picker/1.0/1c635e91b9d0c082c660a42091913907/","js":"default.I.js","css":"default.css","properties":{":Version":"1.0",":JSHash":"1c635e91b9d0c082c660a42091913907"}},":ima":{"versions":{":3":"1",":3.0":"1"},"path":"/api/ima/3.0/28a914332232c9a8ac0ae8da68b1006e/","js":"default.I.js","properties":{":Version":"3.0",":JSHash":"28a914332232c9a8ac0ae8da68b1006e"}}});
google.loader.rpl({":chrome-frame":{"versions":{":1.0.0":{"uncompressed":"CFInstall.js","compressed":"CFInstall.min.js"},":1.0.1":{"uncompressed":"CFInstall.js","compressed":"CFInstall.min.js"},":1.0.2":{"uncompressed":"CFInstall.js","compressed":"CFInstall.min.js"}},"aliases":{":1":"1.0.2",":1.0":"1.0.2"}},":swfobject":{"versions":{":2.1":{"uncompressed":"swfobject_src.js","compressed":"swfobject.js"},":2.2":{"uncompressed":"swfobject_src.js","compressed":"swfobject.js"}},"aliases":{":2":"2.2"}},":ext-core":{"versions":{":3.1.0":{"uncompressed":"ext-core-debug.js","compressed":"ext-core.js"},":3.0.0":{"uncompressed":"ext-core-debug.js","compressed":"ext-core.js"}},"aliases":{":3":"3.1.0",":3.0":"3.0.0",":3.1":"3.1.0"}},":scriptaculous":{"versions":{":1.8.3":{"uncompressed":"scriptaculous.js","compressed":"scriptaculous.js"},":1.9.0":{"uncompressed":"scriptaculous.js","compressed":"scriptaculous.js"},":1.8.1":{"uncompressed":"scriptaculous.js","compressed":"scriptaculous.js"},":1.8.2":{"uncompressed":"scriptaculous.js","compressed":"scriptaculous.js"}},"aliases":{":1":"1.9.0",":1.8":"1.8.3",":1.9":"1.9.0"}},":webfont":{"versions":{":1.0.12":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.13":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.14":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.15":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.10":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.11":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.27":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.28":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.29":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.23":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.24":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.25":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.26":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.21":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.22":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.3":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.4":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.5":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.6":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.9":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.16":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.17":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.0":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.18":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.1":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.19":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"},":1.0.2":{"uncompressed":"webfont_debug.js","compressed":"webfont.js"}},"aliases":{":1":"1.0.29",":1.0":"1.0.29"}},":jqueryui":{"versions":{":1.8.17":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.16":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.15":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.14":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.4":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.13":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.5":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.12":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.6":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.11":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.7":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.10":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.8":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.9":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.6.0":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.7.0":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.5.2":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.0":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.7.1":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.5.3":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.1":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.7.2":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.8.2":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"},":1.7.3":{"uncompressed":"jquery-ui.js","compressed":"jquery-ui.min.js"}},"aliases":{":1":"1.8.17",":1.8.3":"1.8.4",":1.5":"1.5.3",":1.6":"1.6.0",":1.7":"1.7.3",":1.8":"1.8.17"}},":mootools":{"versions":{":1.3.0":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.2.1":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.1.2":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.4.0":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.3.1":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.2.2":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.4.1":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.3.2":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.2.3":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.4.2":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.2.4":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.2.5":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"},":1.1.1":{"uncompressed":"mootools.js","compressed":"mootools-yui-compressed.js"}},"aliases":{":1":"1.1.2",":1.1":"1.1.2",":1.2":"1.2.5",":1.3":"1.3.2",":1.4":"1.4.2",":1.11":"1.1.1"}},":yui":{"versions":{":2.8.0r4":{"uncompressed":"build/yuiloader/yuiloader.js","compressed":"build/yuiloader/yuiloader-min.js"},":2.9.0":{"uncompressed":"build/yuiloader/yuiloader.js","compressed":"build/yuiloader/yuiloader-min.js"},":2.8.1":{"uncompressed":"build/yuiloader/yuiloader.js","compressed":"build/yuiloader/yuiloader-min.js"},":2.6.0":{"uncompressed":"build/yuiloader/yuiloader.js","compressed":"build/yuiloader/yuiloader-min.js"},":2.7.0":{"uncompressed":"build/yuiloader/yuiloader.js","compressed":"build/yuiloader/yuiloader-min.js"},":3.3.0":{"uncompressed":"build/yui/yui.js","compressed":"build/yui/yui-min.js"},":2.8.2r1":{"uncompressed":"build/yuiloader/yuiloader.js","compressed":"build/yuiloader/yuiloader-min.js"}},"aliases":{":2":"2.9.0",":3":"3.3.0",":2.8.2":"2.8.2r1",":2.8.0":"2.8.0r4",":3.3":"3.3.0",":2.6":"2.6.0",":2.7":"2.7.0",":2.8":"2.8.2r1",":2.9":"2.9.0"}},":prototype":{"versions":{":1.6.1.0":{"uncompressed":"prototype.js","compressed":"prototype.js"},":1.6.0.2":{"uncompressed":"prototype.js","compressed":"prototype.js"},":1.7.0.0":{"uncompressed":"prototype.js","compressed":"prototype.js"},":1.6.0.3":{"uncompressed":"prototype.js","compressed":"prototype.js"}},"aliases":{":1":"1.7.0.0",":1.6.0":"1.6.0.3",":1.6.1":"1.6.1.0",":1.7.0":"1.7.0.0",":1.6":"1.6.1.0",":1.7":"1.7.0.0"}},":jquery":{"versions":{":1.3.0":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.4.0":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.3.1":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.5.0":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.4.1":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.3.2":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.2.3":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.6.0":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.5.1":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.4.2":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.7.0":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.6.1":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.5.2":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.4.3":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.7.1":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.6.2":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.4.4":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.2.6":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.6.3":{"uncompressed":"jquery.js","compressed":"jquery.min.js"},":1.6.4":{"uncompressed":"jquery.js","compressed":"jquery.min.js"}},"aliases":{":1":"1.7.1",":1.2":"1.2.6",":1.3":"1.3.2",":1.4":"1.4.4",":1.5":"1.5.2",":1.6":"1.6.4",":1.7":"1.7.1"}},":dojo":{"versions":{":1.3.0":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.4.0":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.3.1":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.5.0":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.4.1":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.3.2":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.2.3":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.6.0":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.5.1":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.7.0":{"uncompressed":"dojo/dojo.js.uncompressed.js","compressed":"dojo/dojo.js"},":1.6.1":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.4.3":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.7.1":{"uncompressed":"dojo/dojo.js.uncompressed.js","compressed":"dojo/dojo.js"},":1.7.2":{"uncompressed":"dojo/dojo.js.uncompressed.js","compressed":"dojo/dojo.js"},":1.2.0":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"},":1.1.1":{"uncompressed":"dojo/dojo.xd.js.uncompressed.js","compressed":"dojo/dojo.xd.js"}},"aliases":{":1":"1.6.1",":1.1":"1.1.1",":1.2":"1.2.3",":1.3":"1.3.2",":1.4":"1.4.3",":1.5":"1.5.1",":1.6":"1.6.1",":1.7":"1.7.2"}}});
}
if (window['google'] != undefined && window['google']['loader'] != undefined) {
if (!window['google']['search']) {
window['google']['search'] = {};
google.search.Version = '1.0';
google.search.NoOldNames = false;
google.search.JSHash = '0c3990ce7a056ed50667fe0c3873c9b6';
google.search.LoadArgs = 'file\x3duds.js\x26v\x3d1.0\x26source\x3duds-vbw';
google.loader.ApiKey = 'notsupplied';
google.loader.KeyVerified = true;
google.loader.LoadFailure = false;
}
google.loader.writeLoadTag("script", google.loader.ServiceBase + "/api/search/1.0/0c3990ce7a056ed50667fe0c3873c9b6/default+en.I.js", false);
}

/**
 * Copyright (c) 2008 Google Inc.
 *
 * You are free to copy and use this sample.
 * License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license
*/

function GSvideoBar(barRoot, opt_playerRoot, options) {

  this.processArguments(barRoot, opt_playerRoot, options);

  this.setGlobals();
  this.buildSuperStructure();
  this.buildSearchControl();

  // if we have an auto execute list, then start it up
  if (this.autoExecuteMode) {
    this.cycleTimeClosure = this.methodClosure(this, GSvideoBar.prototype.cycleTimeout, [null]);

    // if there is only a single item in the execute list, then
    // disable autoExecuteMode...
    if ( this.executeList.length == 1) {
      this.switchToListItem(0);
    } else {
      this.cycleTimeout();
    }
  }
}

// cycle time for selecting a video set
GSvideoBar.CYCLE_TIME_EXTRA_SHORT = 3000;
GSvideoBar.CYCLE_TIME_SHORT = 10000;
GSvideoBar.CYCLE_TIME_MEDIUM = 15000;
GSvideoBar.CYCLE_TIME_LONG = 30000;

// cycle mode
GSvideoBar.CYCLE_MODE_RANDOM = 1;
GSvideoBar.CYCLE_MODE_LINEAR = 2;

GSvideoBar.MAX_CACHE_LIFETIME = 50;
GSvideoBar.MIN_CACHE_LIFETIME = 2;
GSvideoBar.DEFAULT_CACHE_LIFETIME = 2;
GSvideoBar.MAX_ERROR_COUNT = 4;
GSvideoBar.DEFAULT_QUERY = "VW GTI";

GSvideoBar.THUMBNAILS_SMALL = 1;
GSvideoBar.THUMBNAILS_MEDIUM = 2;

// floating player option
GSvideoBar.PLAYER_ROOT_FLOATING = "floating";

GSvideoBar.prototype.processArguments = function(barRoot, opt_playerRoot,
                                                 opt_options) {
  this.floatingPlayerBox = null;
  this.barRoot = barRoot;
  this.playerRoot = opt_playerRoot;
  this.statusRoot = null;
  this.externalMaster = null;
  this.verticalMode = true;
  this.thumbSize = GSvideoBar.THUMBNAILS_MEDIUM;
  this.autoExecuteMode = false;
  this.executeList = new Array();
  this.cycleTime = GSvideoBar.CYCLE_TIME_MEDIUM;
  this.cycleMode = GSvideoBar.CYCLE_MODE_RANDOM;
  this.cycleNext = 0;
  this.cycleTimer = null;
  this.cacheLifetime = GSvideoBar.DEFAULT_CACHE_LIFETIME;

  // set defaults that are changable via options
  this.resultSetSize = GSearch.SMALL_RESULTSET;
  this.ST_ALL_DONE = GSearch.strings["im-done"];

  if (opt_options) {
    // option.largetResultSet
    if (opt_options.largeResultSet && opt_options.largeResultSet == true ) {
      this.resultSetSize = GSearch.LARGE_RESULTSET;
    } else {
      this.resultSetSize = GSearch.SMALL_RESULTSET;
    }

    if ( opt_options.master ) {
      this.externalMaster = opt_options.master;
    }

    if (opt_options.horizontal && opt_options.horizontal == true ) {
      this.verticalMode = false;
    } else {
      this.verticalMode = true;
    }

    if (opt_options.thumbnailSize) {
      if (opt_options.thumbnailSize == GSvideoBar.THUMBNAILS_MEDIUM ) {
        this.thumbSize = GSvideoBar.THUMBNAILS_MEDIUM;
      } else if ( opt_options.thumbnailSize == GSvideoBar.THUMBNAILS_SMALL ) {
        this.thumbSize = GSvideoBar.THUMBNAILS_SMALL;
      } else {
        this.thumbSize = GSvideoBar.THUMBNAILS_MEDIUM;
      }
    }

    if (opt_options.string_allDone) {
      this.ST_ALL_DONE = opt_options.string_allDone;
    }

    // the auto execute list contains
    // a cycleTime value, a cycleMode value, and an array
    // of searchExpressions
    if (opt_options.autoExecuteList) {

      // if specified and valid, then use it, otherwise
      // use default set above
      if (opt_options.autoExecuteList.cycleTime) {
        var cycleTime = opt_options.autoExecuteList.cycleTime;
        if (cycleTime == GSvideoBar.CYCLE_TIME_EXTRA_SHORT ||
            cycleTime == GSvideoBar.CYCLE_TIME_SHORT ||
            cycleTime == GSvideoBar.CYCLE_TIME_MEDIUM ||
            cycleTime == GSvideoBar.CYCLE_TIME_LONG ) {
          this.cycleTime = cycleTime;
        }
      }

      if (opt_options.autoExecuteList.cycleMode) {
        var cycleMode = opt_options.autoExecuteList.cycleMode;
        if (cycleMode == GSvideoBar.CYCLE_MODE_RANDOM ||
            cycleMode == GSvideoBar.CYCLE_MODE_LINEAR) {
          this.cycleMode = cycleMode;
        }
      }

      // now grab the list...
      if (opt_options.autoExecuteList.executeList &&
          opt_options.autoExecuteList.executeList.length > 0 ) {
        // grab from the list
        for (var i=0; i < opt_options.autoExecuteList.executeList.length; i++) {
          this.executeList.push(
            this.newListItem(opt_options.autoExecuteList.executeList[i]));
        }
        this.autoExecuteMode = true;
        this.currentIndex = 0;
        if (opt_options.autoExecuteList.statusRoot) {
          this.statusRoot = opt_options.autoExecuteList.statusRoot;
        }
      }
    }

  }

}

GSvideoBar.prototype.resetAutoExecuteListItems = function(newList) {
  if (this.autoExecuteMode && newList.length > 0) {

    // stop the timer...
    if (this.cycleTimer) {
      clearTimeout(this.cycleTimer);
      this.cycleTimer = null;
    }

    // clear the status area
    if (this.statusRoot) {
      this.removeChildren(this.statusRoot);
    }

    // nuke the old list
    this.executeList = new Array();

    // build the new list
    for (var i=0; i < newList.length; i++) {
      this.executeList.push(this.newListItem(newList[i]));
    }
    this.currentIndex = 0;

    if (this.statusRoot) {
      this.populateStatusRoot();
    }

    if ( this.executeList.length == 1) {
      this.switchToListItem(0);
    } else {
      this.cycleTimeout();
    }
  }
}

GSvideoBar.prototype.setGlobals = function() {
  this.br_AgentContains_cache_ = {};

  // subserstructure boxes
  this.CL_PLAYERBOX = "playerBox_gsvb";
  this.CL_PLAYING = "playerBox_gsvb playing_gsvb";
  this.CL_IDLE = "playerBox_gsvb idle_gsvb";
  this.CL_FLOATING_BOX = "floatingPlayerBox_gsvb";
  this.CL_FLOATING_BRANDING = "floatingBranding_gsvb";
  this.CL_FLOATING_BOX_PLAYING = "floatingPlayerBox_gsvb playing_gsvb";
  this.CL_FLOATING_BOX_IDLE = "floatingPlayerBox_gsvb idle_gsvb";
  this.CL_FLOATING_PLAYER = "floatingPlayer_gsvb";
  this.CL_FLOATING_PLAYER_PLAYING = "floatingPlayer_gsvb playing_gsvb";
  this.CL_FLOATING_PLAYER_IDLE = "floatingPlayer_gsvb idle_gsvb";


  this.CL_PLAYERINNERBOX = "playerInnerBox_gsvb";
  this.CL_VIDEOBARBOX = "videoBarBox_gsvb";
  this.CL_VIDEOBARBOXFULL = "videoBarBox_gsvb full_gsvb";
  this.CL_VIDEOBARBOXEMPTY = "videoBarBox_gsvb empty_gsvb";

  // major app states
  this.CL_ACTIVE = "active_gsvb";

  // player
  this.CL_PLAYER = "player_gsvb";
  this.CL_ALLDONE = "alldone_gsvb";
  this.CL_TITLE = "title_gsvb";

  // results
  this.CL_RESULTSBOX = "resultsBox_gsvb";
  this.CL_BRANDINGBOX = "brandingBox_gsvb";
  this.CL_RESULTTABLE_VERTICAL = "resultTable_gsvb vertical_gsvb";
  this.CL_RESULTTABLE_HORIZONTAL = "resultTable_gsvb horizontal_gsvb";
  this.CL_RESULTCELL = "resultCell_gsvb";
  this.CL_RESULTDIV = "resultDiv_gsvb";
  this.CL_RESULTDIV_SMALL = "resultDiv_gsvb smallResultDiv_gsvb";

  // status
  this.CL_STATUSBOX = "statusBox_gsvb";
  this.CL_STATUSITEM = "statusItem_gsvb";
  this.CL_STATUSITEM_SELECTED = "statusItem_gsvb statusItemSelected_gsvb";

  this.smallResultBoxHeight = 39;
  this.resultBoxHeight = 77;
}

GSvideoBar.prototype.buildSuperStructure = function() {

  // build the player box if we are a master, if not
  // link up to the master's player
  if (this.externalMaster == null) {
    if ( this.playerRoot == GSvideoBar.PLAYER_ROOT_FLOATING ) {
      this.floatingPlayerBox = this.createDiv(null, this.CL_FLOATING_BOX_IDLE);
      this.playerRoot = this.createDiv(null, this.CL_FLOATING_PLAYER_IDLE);
      document.body.appendChild(this.floatingPlayerBox);
      document.body.appendChild(this.playerRoot);
      if (this.br_IsMac()) {
        // disable opacity on mac
        this.floatingPlayerBox.style.opacity = "1.00";
      }
    } else {
      this.removeChildren(this.playerRoot);
    }
    this.playerBox = this.createDiv(null, this.CL_PLAYERBOX);
    this.playerAllDone = this.createDiv(this.ST_ALL_DONE, this.CL_ALLDONE);
    this.playerAllDone.onclick = this.methodClosure(this, this.stopVideo, []);
    this.playerInnerBox = this.createDiv(null, this.CL_PLAYERINNERBOX);

    this.playerBox.appendChild(this.playerAllDone);
    this.playerBox.appendChild(this.playerInnerBox);
    this.playerRoot.appendChild(this.playerBox);
    this.cssSetClass(this.playerBox, this.CL_IDLE);
  }
  this.player = null;

  // create the videoBar box
  this.removeChildren(this.barRoot);
  this.barBox = this.createDiv(null, this.CL_VIDEOBARBOX);
  this.barRoot.appendChild(this.barBox);

  // add results box and branding box
  this.resultsBox = this.createDiv(null, this.CL_RESULTSBOX);
  this.barBox.appendChild(this.resultsBox);
  this.cssSetClass(this.barBox, this.CL_VIDEOBARBOXEMPTY);

  // clear and optionally populate the status area
  if (this.statusRoot) {
    this.populateStatusRoot();
  }

}

GSvideoBar.prototype.buildSearchControl = function() {
  this.vs = new GvideoSearch();
  this.vs.setResultSetSize(this.resultSetSize);
  this.vs.setSearchCompleteCallback(this, GSvideoBar.prototype.searchComplete, [true]);

  this.vsBypass = new GvideoSearch();
  this.vsBypass.setResultSetSize(this.resultSetSize);
  this.vsBypass.setSearchCompleteCallback(this, GSvideoBar.prototype.searchComplete, [false]);
}

GSvideoBar.prototype.execute = function(query) {
  this.vsBypass.execute(query);
}
GSvideoBar.prototype.executeInternal = function(query) {
  this.vs.execute(query);
}

GSvideoBar.prototype.clearAllResults = function() {
  this.cssSetClass(this.barBox, this.CL_VIDEOBARBOXEMPTY);
}

GSvideoBar.prototype.searchComplete = function(fromListItem) {
  var results = null;
  if (fromListItem) {
    var currentListItem = this.executeList[this.currentIndex];
    if (this.vs.results && this.vs.results.length > 0) {
      // populate cache
      currentListItem.results = new Array();
      currentListItem.cacheCount = 1;
      currentListItem.errorCount = 0;
      for (var i = 0; i < this.vs.results.length; i++) {
        currentListItem.results.push(this.vs.results[i]);
      }
      results = currentListItem.results;
    } else {
      currentListItem.errorCount++;
      // if the error is due to a bad search term, then
      // nuke right away
      if (this.vs.completionStatus == 200) {
        currentListItem.errorCount = GSvideoBar.MAX_ERROR_COUNT + 1;
      }
    }
  } else {
    // normal .execute called, no caching...
    if (this.vsBypass.results && this.vsBypass.results.length > 0) {
      results = this.vsBypass.results;
    }
  }
  this.processResults(results);
}

GSvideoBar.prototype.processResults = function(results) {
  if ( results && results.length > 0) {
    this.cssSetClass(this.barBox, this.CL_VIDEOBARBOXFULL);
    this.removeChildren(this.resultsBox);

    var cell;
    var table;
    var row = null;
    if (this.verticalMode) {
      table = this.createTable(this.CL_RESULTTABLE_VERTICAL);
    } else {
      table = this.createTable(this.CL_RESULTTABLE_HORIZONTAL);
    }
    table.setAttribute("align", "center");

    for (var i = 0; i < results.length; i++) {

      var res = results[i];

      var imageScaler;
      var resultBoxHeight;
      var resultClass = null;
      if (this.thumbSize == GSvideoBar.THUMBNAILS_MEDIUM ) {
        // full size image
        imageScaler = {width:100,height:75};
        resultBoxHeight = this.resultBoxHeight;
        resultClass = this.CL_RESULTDIV;
      } else {
        // small size image
        imageScaler = {width:50,height:37};
        resultBoxHeight = this.smallResultBoxHeight;
        resultClass = this.CL_RESULTDIV_SMALL;
      }
      var scaled = GSearch.scaleImage(res.tbWidth, res.tbHeight, imageScaler);
      var img = this.createImage(res.tbUrl, scaled.width, scaled.height, null);

      if (this.externalMaster) {
        img.onclick = this.methodClosure(this.externalMaster, this.externalMaster.playVideo, [res]);
      } else {
        img.onclick = this.methodClosure(this, this.playVideo, [res]);
      }

      // manually set the top padding
      if ((resultBoxHeight - scaled.height) > 0) {
        var padTop = Math.round((resultBoxHeight - scaled.height)/2);
        img.setAttribute("vspace", padTop);
      }

      // compute duration
      var seconds = res.duration;
      var minutes = parseInt(seconds/60);
      var durationString;
      if (minutes > 0) {
        durationString = minutes + "m";
        var remainder = seconds%60;
        if (remainder > 20) {
          durationString += " " + remainder + "s";
        }
      } else {
        durationString = seconds + "s";
      }

      var toolTip = res.titleNoFormatting + " ( " + durationString + " )";
      var div = this.createDiv(null, resultClass);
      div.title = toolTip;
      div.appendChild(img);

      // create a new row for each result when in vertical mode
      // otherwise, jam everything into a single row.
      if (this.verticalMode) {
        row = this.createTableRow(table);
      } else {
        if (row == null) {
          row = this.createTableRow(table);
        }
      }
      cell = this.createTableCell(row, this.CL_RESULTCELL);
      cell.setAttribute("align", "center");
      cell.appendChild(div);
    }

    // now add in the branding...
    row = this.createTableRow(table);
    var brandingOrientation;
    if (this.verticalMode) {
      cell = this.createTableCell(row, this.CL_RESULTCELL);
      brandingOrientation = GSearch.VERTICAL_BRANDING;
    } else {
      cell = this.createTableCell(row, this.CL_RESULTCELL);
      if (this.br_IsIE()) {
        cell.setAttribute("colSpan", results.length);
      } else {
        cell.setAttribute("colspan", results.length);
      }
      brandingOrientation = GSearch.HORIZONTAL_BRANDING;
    }
    GSearch.getBranding(cell, brandingOrientation, "http://www.youtube.com");
    this.brandingCell = cell;

    this.resultsBox.appendChild(table);
  } else {
    this.cssSetClass(this.barBox, this.CL_VIDEOBARBOXEMPTY);
  }
}

GSvideoBar.prototype.playVideo = function(result) {
  this.stopVideo();
  if (this.autoExecuteMode && this.cycleTimer) {
    clearTimeout(this.cycleTimer);
    this.cycleTimer = null;
  }
  if (result.playUrl && result.playUrl != "") {
    this.cssSetClass(this.playerBox, this.CL_PLAYING);
    if (this.floatingPlayerBox) {
      this.cssSetClass(this.floatingPlayerBox, this.CL_FLOATING_BOX_PLAYING);
      this.cssSetClass(this.playerRoot, this.CL_FLOATING_PLAYER_PLAYING);
    }
    this.player = GvideoSearch.createPlayer(result, this.CL_PLAYER);
    this.playerInnerBox.appendChild(this.player);

    // the title
    var title = this.createDivLink(result.url, result.title, null, this.CL_TITLE);
    this.playerInnerBox.appendChild(title);

    if (this.floatingPlayerBox) {
      var playerBounds = GSvideoBar.nodeBounds(this.playerRoot);
      var bounds = GSvideoBar.nodeBounds(this.barRoot);
      var x;
      var y;
      if (this.verticalMode) {
        x = bounds.x - playerBounds.width;
        y = bounds.y + bounds.height / 2 - playerBounds.height / 2;
        var brandingBounds = GSvideoBar.nodeBounds(this.brandingCell);
        y = y - brandingBounds.height / 2;
        if (x < 10) {
          x = bounds.x + bounds.width;
        }
      } else {
        x = bounds.x + bounds.width / 2 - playerBounds.width / 2;
        y = bounds.y - playerBounds.height;
        if (y < 10) {
          y = bounds.y + bounds.height;
        }
      }

      this.playerRoot.style.top = y + "px";
      this.playerRoot.style.left = x + "px";

      this.floatingPlayerBox.style.top = y - 10 + "px";
      this.floatingPlayerBox.style.left = x - 10 + "px";
      boxWidth = (playerBounds.width + 20) + "px";
      this.floatingPlayerBox.style.width = boxWidth;
      this.floatingPlayerBox.style.height = (playerBounds.height + 20) + "px";
    }
  }
}

GSvideoBar.prototype.stopVideo = function() {
  this.cssSetClass(this.playerBox, this.CL_IDLE);
  if (this.floatingPlayerBox) {
    this.cssSetClass(this.floatingPlayerBox, this.CL_FLOATING_BOX_IDLE);
    this.cssSetClass(this.playerRoot, this.CL_FLOATING_PLAYER_IDLE);
  }
  this.removeChildren(this.playerInnerBox);
  if (this.player) {
    delete(this.player);
    this.player = null;
  }
  if (this.autoExecuteMode && this.executeList.length > 1) {
    this.clearTimer();
    this.cycleTimer = setTimeout(this.cycleTimeClosure, this.cycleTime);
  }
}

GSvideoBar.prototype.clearTimer = function() {
  if (this.cycleTimer) {
    clearTimeout(this.cycleTimer);
    this.cycleTimer = null;
  }
}

GSvideoBar.prototype.cycleTimeout = function() {
  // select a new video
  // execute a search
  // restart the timer
  if ( this.player == null ) {
    // if there is only a single item in the execute list,
    // run it
    if ( this.executeList.length == 1) {
      this.switchToListItem(0);
    } else {
      var index = 0;
      if (this.cycleMode == GSvideoBar.CYCLE_MODE_RANDOM) {
        var max = this.executeList.length - 1;
        index = Math.round(max * Math.random());
      } else if (this.cycleMode == GSvideoBar.CYCLE_MODE_LINEAR){
        index = this.cycleNext;
        this.cycleNext++;
        if (this.cycleNext >= this.executeList.length) {
          this.cycleNext = 0;
        }
      }

      this.switchToListItem(index);
      this.clearTimer();
      this.cycleTimer = setTimeout(this.cycleTimeClosure, this.cycleTime);
    }
  }
}

/**
 * Autoexecute List Item Support
*/
GSvideoBar.prototype.newListItem = function(q) {
  var listItem = new Object();
  listItem.node = null;
  listItem.query = q;
  listItem.results = new Array();
  listItem.errorCount = 0;
  listItem.cacheCount = 0;
  return listItem;
}


GSvideoBar.prototype.switchToListItem = function(i) {
  // reset selcted class of previous item
  // note, first time through this sets
  // node 0
  if (this.executeList[this.currentIndex].node) {
    this.cssSetClass(this.executeList[this.currentIndex].node,
                     this.CL_STATUSITEM);

  }
  this.currentIndex = i;
  if (this.executeList[this.currentIndex].node) {
    this.cssSetClass(this.executeList[this.currentIndex].node,
                     this.CL_STATUSITEM_SELECTED);

  }
  var queryTerm = this.executeList[this.currentIndex].query;
  var cacheResults = false;
  var currentListItem = null;
  currentListItem = this.executeList[this.currentIndex];

  // if the error count of an item has reached max, reset query term
  if (currentListItem.errorCount > GSvideoBar.MAX_ERROR_COUNT) {
    currentListItem.errorCount = 0;
    queryTerm = GSvideoBar.DEFAULT_QUERY;
    currentListItem.query = queryTerm;
  }

  // if the listItem has no cached results, OR if
  // we have used the cached results several times
  // already, initiate a real search
  if (currentListItem.cacheCount == 0 ||
      currentListItem.cacheCount > this.cacheLifetime ) {
    currentListItem.cacheCount = 0;
    this.executeInternal(queryTerm);
  } else {
    currentListItem.cacheCount++;
    this.processResults(currentListItem.results);
  }
}

GSvideoBar.prototype.populateStatusRoot = function() {
  this.removeChildren(this.statusRoot);
  this.statusBox = this.createDiv(null, this.CL_STATUSBOX);
  this.statusRoot.appendChild(this.statusBox);

  if ( this.executeList.length > 0) {
    for (var i=0; i < this.executeList.length; i++ ) {
      var listItem = this.executeList[i];
      var displayTerm = listItem.query;
      // if we are looking at our special feed: terms, strip
      // feed: from the display
      var m = displayTerm.match(/feed:(top100|top100new)$/);
      if (m && m.length == 2) {
        displayTerm = m[1];
      }
      var div = this.createDiv(displayTerm, this.CL_STATUSITEM);

      // add click handler...
      div.onclick = this.methodClosure(this,
                                       GSvideoBar.prototype.switchToListItem,
                                       [i] );
      listItem.node = div;
      this.statusBox.appendChild(div);
      this.statusBox.appendChild(document.createTextNode(" "));
    }
  }
}

/**
 * Static Helper Method
*/
GSvideoBar.methodCallback = function(object, method) {
  return function() {
    return method.apply(object, arguments);
  }
}

/**
 * Class methods
*/
GSvideoBar.prototype.methodClosure = function(object, method, opt_argArray) {
  return function() {
    return method.apply(object, opt_argArray);
  }
}

GSvideoBar.prototype.createDiv = function(opt_text, opt_className) {
  var el = document.createElement("div");
  if (opt_text) {
    el.innerHTML = opt_text;
  }
  if (opt_className) { el.className = opt_className; }
  return el;
}

GSvideoBar.prototype.removeChildren = function(parent) {
  while (parent.firstChild) {
    parent.removeChild(parent.firstChild);
  }
}

GSvideoBar.prototype.removeChild = function(parent, child) {
  parent.removeChild(child);
}

GSvideoBar.prototype.cssSetClass = function(el, className) {
  el.className = className;
}

GSvideoBar.prototype.createTable = function(opt_className) {
  var el = document.createElement("table");
  if (opt_className) { el.className = opt_className; }
  return el;
}

GSvideoBar.prototype.createTableRow = function(table, opt_className) {
  var tr = table.insertRow(-1);
  if (opt_className) { tr.className = opt_className; }
  return tr;
}

GSvideoBar.prototype.createTableCell = function(tr, opt_className) {
  var td = tr.insertCell(-1);
  if (opt_className) { td.className = opt_className; }
  return td;
}

GSvideoBar.prototype.createDivLink = function(href, text, opt_target, opt_className) {
  var div = this.createDiv(null, opt_className);
  var el = document.createElement("a");
  el.href = href;
  el.appendChild(document.createTextNode(text));
  if (opt_className) {
    el.className = opt_className;
  }
  if (opt_target) {
    el.target = opt_target;
  }
  div.appendChild(el);
  return div;
}

GSvideoBar.prototype.createImage = function(src, opt_w, opt_h, opt_className) {
  var el = document.createElement("img");
  el.src = src;
  if (opt_w) { el.width = opt_w; }
  if (opt_h) { el.height = opt_h; }
  if (opt_className) { el.className = opt_className; }
  return el;
}

GSvideoBar.prototype.getNodeWidth = function(node) {
  return node.offsetWidth;
}

GSvideoBar.prototype.br_AgentContains_ = function(str) {
  if (str in this.br_AgentContains_cache_) {
    return this.br_AgentContains_cache_[str];
  }

  return this.br_AgentContains_cache_[str] =
    (navigator.userAgent.toLowerCase().indexOf(str) != -1);
}

GSvideoBar.prototype.br_IsIE = function() {
  return this.br_AgentContains_('msie');
}

GSvideoBar.prototype.br_IsMac = function() {
  return this.br_AgentContains_('macintosh') ||
         this.br_AgentContains_('mac_powerpc');
}

GSvideoBar.prototype.br_IsKonqueror = function() {
  return this.br_AgentContains_('konqueror');
}

GSvideoBar.prototype.br_IsOpera = function() {
  return this.br_AgentContains_('opera');
}

GSvideoBar.prototype.br_IsSafari = function() {
  return this.br_AgentContains_('safari') || this.br_IsKonqueror();
}

GSvideoBar.prototype.br_IsNav = function() {
  return !this.br_IsIE() &&
         !this.br_IsSafari() &&
         this.br_AgentContains_('mozilla');
}

GSvideoBar.prototype.br_IsWin = function() {
  return this.br_AgentContains_('win');
}

GSvideoBar.nodeBounds = function(obj) {
  var result = {};

  function fixRectForScrolling(r) {
    // Need to take into account scrolling offset of ancestors (IE already does
    // this)
    for (var o = obj.offsetParent;
         o && o.offsetParent;
         o = o.offsetParent) {
      if (o.scrollLeft) {
        r.x -= o.scrollLeft;
      }
      if (o.scrollTop) {
        r.y -= o.scrollTop;
      }
    }
  }

  // Mozilla
  if (obj.ownerDocument && obj.ownerDocument.getBoxObjectFor) {
    var box = obj.ownerDocument.getBoxObjectFor(obj);
    result.x = box.x;
    result.y = box.y;
    result.width = box.width;
    result.height = box.height;
    fixRectForScrolling(result);
    return result;
  }

  // IE
  if (obj.getBoundingClientRect) {
    var refWindow;
    if (obj.ownerDocument && obj.ownerDocument.parentWindow) {
      refWindow = obj.ownerDocument.parentWindow;
    } else {
      refWindow = window;
    }

    var rect = obj.getBoundingClientRect();
    result.x = rect.left + GSvideoBar.GetIEScrollLeft(refWindow);
    result.y = rect.top + GSvideoBar.GetIEScrollTop(refWindow);
    result.width = rect.right - rect.left;
    result.height = rect.bottom - rect.top;
    return result;
  }

  // Fallback to recursively computing this
  var left = 0;
  var top = 0;
  for (var o = obj; o.offsetParent; o = o.offsetParent) {
    left += o.offsetLeft;
    top += o.offsetTop;
  }

  result.x = left;
  result.y = top;
  result.width = obj.offsetWidth;
  result.height = obj.offsetHeight;

  fixRectForScrolling(result);
  return result;
}

// Get the y position scroll offset.
GSvideoBar.GetIEScrollTop = function(win) {
  if ("compatMode" in win.document && win.document.compatMode == "CSS1Compat") {
    return win.document.documentElement.scrollTop;
  } else {
    return win.document.body.scrollTop;
  }
}

// Get the x position scroll offset.
GSvideoBar.GetIEScrollLeft = function(win) {
  if ("compatMode" in win.document && win.document.compatMode == "CSS1Compat") {
    return win.document.documentElement.scrollLeft;
  } else {
    return win.document.body.scrollLeft;
  }
}


/**
 * Master animation controller
 *
 * @changes 2011-01-04 / cs / created
 *
 * @copyright Copyright © Copyright © 2005-2011 / CHILIBYTES / www.chilibytes.com
 * @author cs
 * @version 1.0.0
 *
 * @package de.tanzschulerank
 * @subpackage gui
 *
 */

/**
 * Namespaces
 */
if ( !window.de ) window.de = {};
if ( !de.tanzschulerank ) de.tanzschulerank = {};
if ( !de.tanzschulerank.gui ) de.tanzschulerank.gui = {};

/**
 * Includes
 */

/**
 * Constructor
 *
 * @access public
 */
de.tanzschulerank.gui.YouTubeController = function() {
	// Constructor
	this.constructor = de.tanzschulerank.gui.YouTubeController;
}

de.tanzschulerank.gui.YouTubeController.prototype.Initialize = function() {
	this.YouTubeChannelSearch();
}

de.tanzschulerank.gui.YouTubeController.prototype.YouTubeChannelSearch = function() {
	var ytChannelTag = document.getElementById( 'ytChannelTag' );
	var ytVideoPlayerTag = document.getElementById( 'ytVideoPlayer' );
	if ( ytChannelTag != null && ytVideoPlayerTag != null ) {
		var videoBar;
	    var options = {
	    	string_allDone : "&nbsp;",
	        largeResultSet : true,
	        horizontal : false,
	        thumbnailSize : GSvideoBar.THUMBNAILS_MEDIUM,
	        autoExecuteList : {
	          cycleTime : GSvideoBar.CYCLE_TIME_MEDIUM,
	          cycleMode : GSvideoBar.CYCLE_MODE_LINEAR,
	          executeList : ["ytchannel:tanzschulerank"]
	        }
	    }
	    videoBar = new GSvideoBar(ytChannelTag, ytVideoPlayerTag, options );
	}
}
/**
 * Master animation controller
 *
 * @changes 2011-01-04 / cs / created
 *
 * @copyright Copyright © Copyright © 2005-2011 / CHILIBYTES / www.chilibytes.com
 * @author cs
 * @version 1.0.0
 *
 * @package de.tanzschulerank
 * @subpackage gui
 *
 */

/**
 * Namespaces
 */
if ( !window.de ) window.de = {};
if ( !de.tanzschulerank ) de.tanzschulerank = {};
if ( !de.tanzschulerank.gui ) de.tanzschulerank.gui = {};

/**
 * Includes
 */
var ControlEventHandler = com.chilibytes.phx.gui.ControlEventHandler;
var Motion = com.chilibytes.phx.gui.animation.Motion;
var Scaling = com.chilibytes.phx.gui.animation.Scaling;
var Fading = com.chilibytes.phx.gui.animation.Fading;
var Sprite = com.chilibytes.phx.gui.animation.Sprite;
var DoNothing = com.chilibytes.phx.gui.animation.DoNothing;
var Animation = com.chilibytes.phx.gui.animation.Animation;
var AnimationSequence = com.chilibytes.phx.gui.animation.AnimationSequence;
var QuadraticBezierProcess = com.chilibytes.phx.gui.animation.QuadraticBezierProcess;
var BounceProcess = com.chilibytes.phx.gui.animation.BounceProcess;
var SlurpProcess = com.chilibytes.phx.gui.animation.SlurpProcess;
var GammaProcess = com.chilibytes.phx.gui.animation.GammaProcess;
var LinearProcess = com.chilibytes.phx.gui.animation.LinearProcess;
var Base64 = com.chilibytes.phx.common.Base64;
var Environment = com.chilibytes.phx.net.web.Environment;

/**
 * Constructor
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController = function() {
	// Constructor
	this.constructor = de.tanzschulerank.gui.AnimationController;
	this.fControlEventHandler = new ControlEventHandler();
	// divs and imgs for animations
	this.fShutDivA = new Array();
	this.fShutImgA = new Array();
	this.fMenuDivA = new Array();
	this.fMenuImgA = new Array();
	this.fMenuGlow = null;
	this.fMenuShadeDiv = null;
	this.fFacebookDiv = null;
	this.fFacebookImg = null;
	this.fAdtvDiv = null;
	this.fAdtvImg = null;
	// start page shutter animation
	this.fShutterOpenA = new Array();
	// registration form animation
	this.fFormOut = null;
	this.fFormIn = null;
	this.fFormIsOut = false;
	// menu action animation
	this.fMenuOpenSequenceA = new Array();
	this.fMenuShadeSequence = null;
	this.fPlayerContainer = null;
	// menu transition animations
	this.fMenuTransitionUpA = new Array;
	this.fMenuTransitionDownA = new Array;
	this.fIsMenuEnabled = true;
	// employee shutters
	this.fEmployeeDivA = new Array();
	this.fEmployeeImgA = new Array();
	this.fEmployeeOpenA = new Array();
	// link animations
	this.fLinkFacebook = null;
	this.fLinkAdtv = null;
	// full page shading, blocks all user interaction
	this.fShadeAll = null;
	// please wait image
	this.fWaitDiv = null;
}

/**
 * Starts various initialization processes
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.Initialize = function() {
	this._InitializeMenuDivs();
	this._InitializeShutters();
	this._InitializeFormScroll();
	this._InitializeMenuAction();
	this._InitializeMenuTransition();
	this._InitializeLinkIcons();
	this._InitializeEmployeeShutters();
}

/**
 * Determines, whether the current mouseover object is a child of the root object, to keep mouseover valid
 *
 * @param eventP triggered event
 * @param rootObject the object on whose children mouseover shall also be valid
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._IsEventValid = function( eventP, rootObject ){
	var relatedTarget = null;
	if ( eventP.type == "mouseover" ) {
		relatedTarget = ( eventP.fromElement ? eventP.fromElement : eventP.relatedTarget );
	}
	else if ( eventP.type == "mouseout" ) {
		relatedTarget = ( eventP.toElement ? eventP.toElement : eventP.relatedTarget );
	}
	return ( !this._IsChildOf( relatedTarget, rootObject ) && ( relatedTarget != rootObject ) );
}

/**
 * Determines, whether an object is a child object of another object
 *
 * @param child the child object to test
 * @param parent the parent object
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._IsChildOf = function( child, parent ){
	if( child != null ) {
		while( child.parentNode ) {
			if( (child = child.parentNode) == parent ) {
				return true;
			}
		}
	}
	return false;
}

/**
 * On a menu div, determines the menu number (1-6)
 *
 * @param div the menu div
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._GetMenuNo = function( div ) {
	if( div != null ) {
		return parseInt( div.id.substring(4,5) ) - 1;
	} else {
		return null;
	}
}

/**
 * Initializes the divs used in menu animations
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeMenuDivs = function() {
	var divA = document.getElementsByTagName( "div" );
	for ( var i = 0; i < divA.length; i++ ) {
		if ( divA[i].id.indexOf( "shut" ) != -1 ) {
			var n = this._GetMenuNo( divA[i] );
			this.fShutDivA[n] = divA[i];
			this.fShutImgA[n] = document.getElementById( this.fShutDivA[n].id+"img" );
		}
		if ( divA[i].id.indexOf( "menu" ) != -1 ) {
			var n = this._GetMenuNo( divA[i] );
			this.fMenuDivA[n] = divA[i];
			this.fMenuImgA[n] = document.getElementById( this.fMenuDivA[n].id+"img" );
		}
	}
	this.fMenuGlow = document.getElementById( "menuglow" );
	this.fPlayerContainer = document.getElementById( "playerContainer" );
	this.fMenuShadeDiv = document.getElementById( "bgshade" );
	this.fWaitDiv = document.getElementById( 'wait' );
}

//------------------------------------------------------------------------------------------------------------------
//
//	shutters on start page
//
//------------------------------------------------------------------------------------------------------------------

/**
 * Initializes the start page shutter animations
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeShutters = function() {
	var process = new QuadraticBezierProcess();
	process.SetParameter( "x", 0.4 );
	process.SetParameter( "y", 1 );
	for ( var n = 0; n <= 5; n++ ) {
		if ( this.fShutDivA[n] != null && this.fShutImgA[n] != null ) {
			this.fControlEventHandler.AttachOnMouseOverEvent( this.fShutDivA[n], this, this.EventOnShutterAction, true );
			this.fControlEventHandler.AttachOnMouseOutEvent( this.fShutDivA[n], this, this.EventOnShutterAction, false );
			this.fShutterOpenA[n] = new Animation( 500 );
			this.fShutterOpenA[n].AddElement( new Motion( this.fShutImgA[n], "absolute", 0, 0, 0, 260, process ) );
		}
	}
}

/**
 * Starts start page shutter animations, differentiates between running and resting animation status
 *
 * @param eventP triggered event
 * @param control element that triggered the event
 * @param directionOpen direction of shutter anmiation: true = 'open shutter', false = 'close shutter'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnShutterAction = function( eventP, control, directionOpen ) {
	if ( this._IsEventValid( eventP, control ) && this.fIsMenuEnabled ) {
		var self = this;
		var n = this._GetMenuNo( control );
		var anim = this.fShutterOpenA[n];
		var delay = ( directionOpen ? 0 : 100 )
		if (anim.IsRunning() ) {
			window.setTimeout( function() { self.ShutterActionDelay( anim, directionOpen ); }, delay);
		} else {
			anim.Run( null, null, directionOpen);
		}
	}
}

/**
 * Runs start page shutter animations (called after delay to make them look more mass inert)
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.ShutterActionDelay = function( anim, directionOpen ) {
	anim.Stop();
	var t = anim.GetProgress() * anim.GetDuration();
	if ( directionOpen ) {
		anim.Run( t, null, true);
	} else {
		anim.Run( null, t, false);
	}
}

//------------------------------------------------------------------------------------------------------------------
//
//	menu inflation / deflation and background shading
//
//------------------------------------------------------------------------------------------------------------------

/**
 * Initializes menu animations, including background shading
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeMenuAction = function() {
	var menuInflateA = new Array();
	var menuDownA = new Array();
	for ( var n = 0; n <= 5 ; n++ ) {
		// attach mouse events
		this.fControlEventHandler.AttachOnMouseOverEvent( this.fMenuDivA[n], this, this.EventOnMenuAction, true );
		this.fControlEventHandler.AttachOnMouseOutEvent( this.fMenuDivA[n], this, this.EventOnMenuAction, false );
		// menu animations
		menuInflateA[n] = new Animation( 500 );
		menuDownA[n] = new Animation( 500 );
		var menuProcess = new QuadraticBezierProcess();
		menuProcess.SetParameter( "x", 0.4 );
		menuProcess.SetParameter( "y", 1 );
		if ( this.fMenuDivA[n] != null && this.fMenuImgA[n] != null ) {
			menuInflateA[n].AddElement( new Motion( this.fMenuDivA[n], "absolute", n*95, 30, n*57, 30, menuProcess ) );
			menuInflateA[n].AddElement( new Scaling( this.fMenuDivA[n], "absolute", 20, 20, 210, 210, menuProcess ) );
			menuInflateA[n].AddElement( new Scaling( this.fMenuImgA[n], "absolute", 68, 68, 258, 258, menuProcess ) );
			menuDownA[n].AddElement( new Motion( this.fMenuImgA[n], "absolute", 0, 0, 0, 260, menuProcess ) );
		}
		this.fMenuOpenSequenceA[n] = new AnimationSequence( true );
		this.fMenuOpenSequenceA[n].AddAnimation( menuInflateA[n] );
		this.fMenuOpenSequenceA[n].AddAnimation( menuDownA[n] );
	}
	// background shading
	var menuShade = new Animation( 500 );
	var shadeProcess = new QuadraticBezierProcess();
	shadeProcess.SetParameter( "x", 0.6 );
	shadeProcess.SetParameter( "y", 0 );
	if ( this.fMenuShadeDiv != null ) {
		menuShade.AddElement( new Fading( this.fMenuShadeDiv, 0, 0.5, shadeProcess ) );
		menuShade.AttachOnAnimationCompleteEvent( this, this.DisableShadeDiv );
	}
	if( this.fMenuGlow != null ) {
		menuShade.AddElement( new Motion( this.fMenuGlow, "relative", 0, 0, 15, 15, menuProcess ) );
		menuShade.AddElement( new Scaling( this.fMenuGlow, "absolute", 100, 100, 70, 70, menuProcess ) );
	}
	var menuShadePause = new Animation( 500 ); // pause before un-shading
	menuShadePause.AddElement( new DoNothing() );
	this.fMenuShadeSequence = new AnimationSequence ( true );
	this.fMenuShadeSequence.AddAnimation( menuShade );
	this.fMenuShadeSequence.AddAnimation( menuShadePause );
	// shade all animation for 'wait' screen
	this.fShadeAll = new Animation( 300 );
	this.fShadeAll.AddElement( new Fading( this.fMenuShadeDiv, 0, 0.5, shadeProcess ) );
}

/**
 * Event for menu animation
 *
 * @param eventP triggering event
 * @param control element that triggered the event
 * @param directionOpen determines direction of animation: true = 'obpn menu', false = 'close menu'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnMenuAction = function( eventP, control, directionOpen ) {
	if ( this._IsEventValid( eventP, control ) && this.fIsMenuEnabled ) {
		var self = this;
		var delay = 200;
		var n = this._GetMenuNo( control );
		if (directionOpen) {
			delay = 0;
			for ( var i = 0; i <= 5 ; i++ ) {
				this.fMenuDivA[i].style.zIndex = ( i == n ? 5 : 1);
			}
			this.fMenuShadeDiv.style.visibility = "visible";
			if ( this.fPlayerContainer != null ) {
				this.fPlayerContainer.style.visibility = "hidden";
			}
		}
		if ( this.fMenuOpenSequenceA[n].IsRunning() ) {
			window.setTimeout( function() { self.MenuActionDelay( n, directionOpen ); }, delay);
		} else {
			this.fMenuOpenSequenceA[n].Run( directionOpen );
		}
		if ( this.fMenuShadeSequence.IsRunning() ) {
			this.fMenuShadeSequence.Stop();
			this.fMenuShadeSequence.Continue( directionOpen );
		} else {
			this.fMenuShadeSequence.Run( directionOpen );
		}
	}
}

/**
 * Runs menu animation (called after delay to make it look more mass inert)
 *
 * @param targetSequence animation sequence for a specific menu shutter
 * @param directionOpen determines direction of animation: true = 'open menu', false = 'close menu'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.MenuActionDelay = function( targetSequence, directionOpen ) {
	this.fMenuOpenSequenceA[targetSequence].Stop();
	this.fMenuOpenSequenceA[targetSequence].Continue( directionOpen );
}

/**
 * Disables visibility of the full shade div element when not in use
 *
 * @param isRunning determines, whether menu animation is running
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.DisableShadeDiv = function( isRunning ) {
	if ( !isRunning ) {
		this.fMenuShadeDiv.style.visibility = "hidden";
		if ( this.fPlayerContainer != null ) {
			this.fPlayerContainer.style.visibility = "visible";
		}
	}
}

/**
 * Runs shade all animation ('wait' screen)
 *
 * @param directionShade direction of shading process: true = 'shade', false = 'release shade'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.ShadeAll = function( directionShade ) {
	var self = this;
	if (directionShade) {
		this.fMenuShadeDiv.style.zIndex = 10;
		this.fMenuShadeDiv.style.visibility = "visible";
		window.setTimeout( function() { self.fWaitDiv.style.visibility = "visible"; }, 300);
		this.fShadeAll.Stop();
		this.fShadeAll.Run( null, null, true );
	} else {
		this.fShadeAll.Stop();
		this.fShadeAll.Run( null, null, false );
		this.fWaitDiv.style.visibility = "hidden";
		window.setTimeout( function() { self.UnshadeAllDelay(); }, 300);
	}
}

/**
 * Runs animation to release shade (called after delay)
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.UnshadeAllDelay = function() {
	this.fMenuShadeDiv.style.zIndex = 2;
	this.fMenuShadeDiv.style.visibility = "hidden";
}

//------------------------------------------------------------------------------------------------------------------
//
//	menu transition (menu <-> start page)
//
//------------------------------------------------------------------------------------------------------------------

/**
 * Initializes the menu transition animations from start page to menu bar
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeMenuTransition = function() {
	var anchor = document.getElementById( 'homelink' );
	if ( anchor != null ) {
		this.fControlEventHandler.AttachOnClickEvent( anchor, this, this.EventOnMenuTransitionDown, anchor.href );
	}
	var anchor = document.getElementById( 'imprintlink' );
	if ( anchor != null ) {
		this.fControlEventHandler.AttachOnClickEvent( anchor, this, this.EventOnMenuTransitionUp, -1 );
	}
	for ( var n = 0; n <= 5; n++ ) {
		this.fMenuTransitionUpA[n] = new Animation( 700 );
		this.fMenuTransitionDownA[n] = new Animation( 700 );
		var process = new QuadraticBezierProcess();
		process.SetParameter( "x", 0.4 );
		process.SetParameter( "y", 1 );
		// transition down (menu -> start page)
		if ( this.fMenuDivA[n] != null && this.fMenuImgA[n] != null ) {
			this.fMenuTransitionDownA[n].AddElement( new Motion( this.fMenuDivA[n], "absolute", 95 * n, 30, 285 * ( n % 3 ), 125 + 285 * Math.floor( n / 3 ), process ) );
			this.fMenuTransitionDownA[n].AddElement( new Scaling( this.fMenuDivA[n], "absolute", 20, 20, 210, 210, process ) );
			this.fMenuTransitionDownA[n].AddElement( new Scaling( this.fMenuImgA[n], "absolute", 68, 68, 258, 258, process ) );
		}
		// transition up (start page -> menu)
		if ( this.fShutDivA[n] != null && this.fShutImgA[n] != null ) {
			var anchorA = this.fShutDivA[n].getElementsByTagName( 'a' );
			for ( var i = 0; i < anchorA.length; i++ ) {
				if ( anchorA[i] != null ) {
					this.fControlEventHandler.AttachOnClickEvent( anchorA[i], this, this.EventOnMenuTransitionUp, n );
				}
			}
			this.fMenuTransitionUpA[n].AddElement( new Motion( this.fShutDivA[n], "absolute", 285 * ( n % 3 ), 125 + 285 * Math.floor( n / 3 ), 95 * n, 30, process ) );
			this.fMenuTransitionUpA[n].AddElement( new Scaling( this.fShutDivA[n], "absolute", 210, 210, 20, 20, process ) );
			this.fMenuTransitionUpA[n].AddElement( new Scaling( this.fShutImgA[n], "absolute", 258, 258, 68, 68, process ) );
		}
	}
}

/**
 * Event for moving shutter boxes up (start page -> menu)
 *
 * @param eventP triggered event
 * @param control menu anchor link that triggered the event
 * @param n menu box number (0-5)
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnMenuTransitionUp = function( eventP, control, n ) {
	var self = this;
	var delay = 0;
	var target = control.href ? control.href : '';
	this.fIsMenuEnabled = false;
	if ( n>=0 && n<=5 ) {
		this.fShutterOpenA[n].Run( null, null, false );
		delay = 500;
	}
	window.setTimeout( function() { self.fMenuTransitionUpA[0].Run(); }, delay + 0 );
	window.setTimeout( function() { self.fMenuTransitionUpA[1].Run(); }, delay + 200 );
	window.setTimeout( function() { self.fMenuTransitionUpA[2].Run(); }, delay + 400 );
	window.setTimeout( function() { self.fMenuTransitionUpA[3].Run(); }, delay + 600 );
	window.setTimeout( function() { self.fMenuTransitionUpA[4].Run(); }, delay + 800 );
	window.setTimeout( function() { self.fMenuTransitionUpA[5].Run(); }, delay + 1000 );
	window.setTimeout( function() { window.location.href = target; }, delay + 2000 );
	window.setTimeout( function() { self.fWaitDiv.style.visibility='visible'; }, delay + 1500 );
	return false; // prevent execution of html "a href"
}

/**
 * Event for moving shutter boxes down (menu -> start page)
 *
 * @param eventP triggered event
 * @param control anchor link that triggered the event
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnMenuTransitionDown = function( eventP, control ) {
	var self = this;
	var target = control.href ? control.href : '';
	this.fIsMenuEnabled = false;
	var mainwrapper = document.getElementById( 'mainwrapper' );
	mainwrapper.style.visibility = 'hidden';
	if ( this.fMenuGlow != null ) {
		this.fMenuGlow.style.visibility = 'hidden';
	}
	if ( this.fPlayerContainer != null ) {
		this.fPlayerContainer.style.visibility = "hidden";
	}
	window.setTimeout( function() { self.fMenuTransitionDownA[0].Run(); }, 1000 );
	window.setTimeout( function() { self.fMenuTransitionDownA[1].Run(); }, 800 );
	window.setTimeout( function() { self.fMenuTransitionDownA[2].Run(); }, 400 );
	window.setTimeout( function() { self.fMenuTransitionDownA[3].Run(); }, 300 );
	window.setTimeout( function() { self.fMenuTransitionDownA[4].Run(); }, 200 );
	window.setTimeout( function() { self.fMenuTransitionDownA[5].Run(); }, 0 );
	window.setTimeout( function() { window.location.href = target }, 2000 );
	window.setTimeout( function() { self.fWaitDiv.style.visibility='visible'; }, 2000 );
	return false; // prevent execution of html "a href"
}

//------------------------------------------------------------------------------------------------------------------
//
//	registration form
//
//------------------------------------------------------------------------------------------------------------------

/**
 * Initializes scrolling animation of registration forms
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeFormScroll = function() {
	this.fFormOut = new Animation( 1000 );
	this.fFormIn = new Animation( 1000 );
	this.fFormOut.AttachOnAnimationCompleteEvent( this, this.EventOnScrollFormOutCompleted );
	this.fFormIn.AttachOnAnimationCompleteEvent( this, this.EventOnScrollFormInCompleted );
	var process = new BounceProcess();
	process.SetParameter( 'amount', 0.07 );
	process.SetParameter( 'bounceoff', true );
	var targetObject = document.getElementById( "form" );
	var targetObject2 = document.getElementById( "formfinalizer" );
	if ( targetObject != null && targetObject2 != null ) {
		this.fFormOut.AddElement( new Motion( targetObject, "absolute", 285, 0, 570, 0, process ) );
		this.fFormOut.AddElement( new Motion( targetObject2, "absolute", 285, 0, 570, 0, process ) );
		this.fFormIn.AddElement( new Motion( targetObject, "absolute", 570, 0, 285, 0, process ) );
		this.fFormIn.AddElement( new Motion( targetObject2, "absolute", 570, 0, 285, 0, process ) );
	}
}

/**
 * animation to scroll registration forms in or out
 *
 * @params directionOut determines scroll direction: true = 'show form', false = 'hide form'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.ScrollForm = function( directionOut ) {
	if ( this.fFormIn != null && this.fFormOut != null ) {
		this.ShowSelectBoxIE6Fix( directionOut ); // fix for IE6 problems with select boxes and z-indices
		if ( directionOut ) {
			this.fFormIn.Stop();
			this.fFormOut.Run();
		}
		else if ( this.fFormIsOut || ( this.fFormOut.GetProgress() < 1 && this.fFormOut.GetProgress() > 0 ) ) {
			this.fFormOut.Stop();
			this.fFormIn.Run();
		}
	}
}

/**
 * Event on scroll form in animation completed
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnScrollFormInCompleted = function() {
	this.fFormIsOut = false;
}

/**
 * Event on scroll form out animation completed
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnScrollFormOutCompleted = function() {
	this.fFormIsOut = true;
}

/**
 * fixes IE6 display problems with select boxes and z-indices on form scroll
 *
 * @params directionShow determines scroll direction: true = 'show form', false = 'hide form'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.ShowSelectBoxIE6Fix = function( directionShow ) {
	if ( Environment.CurrentClientBrowser() == CB_ENVIRONMENT_BROWSER_IDENT_IE6x ) {
		var select = document.getElementById( 'i_rate' );
		if ( select !=null ) {
			if ( directionShow ) {
				window.setTimeout( function() { select.style.visibility = 'visible'}, 200 );
			}
			else {
				select.style.visibility = 'hidden';
			}
		}
	}
}

//------------------------------------------------------------------------------------------------------------------
//
//	link icons
//
//------------------------------------------------------------------------------------------------------------------

/**
 * Initializes animations of footer bar link icon
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeLinkIcons = function() {
	var process = new BounceProcess();
	process.SetParameter( "amount", 0.4 );
	process.SetParameter( "bounceoff", false );
	this.fFacebookDiv = document.getElementById( "facebook" );
	this.fFacebookImg = document.getElementById( "facebookimg" );
	if ( this.fFacebookDiv != null && this.fFacebookImg != null ) {
		this.fControlEventHandler.AttachOnMouseOverEvent( this.fFacebookDiv, this, this.EventOnLinkFacebook, true );
		this.fControlEventHandler.AttachOnMouseOutEvent( this.fFacebookDiv, this, this.EventOnLinkFacebook, false );
		this.fLinkFacebook = new Animation( 200 );
		this.fLinkFacebook.AddElement( new Motion( this.fFacebookDiv, "relative", 0, 0, -5, -8, process ) );
		this.fLinkFacebook.AddElement( new Scaling( this.fFacebookDiv, "absolute", 20, 20, 30, 30, process ) );
		this.fLinkFacebook.AddElement( new Scaling( this.fFacebookImg, "absolute", 20, 20, 30, 30, process ) );
	}
	this.fAdtvDiv = document.getElementById( "adtv" );
	this.fAdtvImg = document.getElementById( "adtvimg" );
	if ( this.fAdtvDiv != null && this.fAdtvImg != null ) {
		this.fControlEventHandler.AttachOnMouseOverEvent( this.fAdtvDiv, this, this.EventOnLinkAdtv, true );
		this.fControlEventHandler.AttachOnMouseOutEvent( this.fAdtvDiv, this, this.EventOnLinkAdtv, false );
		this.fLinkAdtv = new Animation( 200 );
		this.fLinkAdtv.AddElement( new Motion( this.fAdtvDiv, "relative", 0, 0, -6, -8, process ) );
		this.fLinkAdtv.AddElement( new Scaling( this.fAdtvDiv, "absolute", 24, 20, 36, 30, process ) );
		this.fLinkAdtv.AddElement( new Scaling( this.fAdtvImg, "absolute", 24, 20, 36, 30, process ) );
	}
}

/**
 * Runs animation for facebook icon
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnLinkFacebook = function( eventP, control, directionOpen ) {
	if ( this._IsEventValid( eventP, control ) ) {
		var anim = this.fLinkFacebook;
		this.fFacebookDiv.style.zIndex = 2;
		this.fAdtvDiv.style.zIndex = 1;
		if (anim.IsRunning() ) {
			anim.Stop();
		}
		anim.Run( null, null, directionOpen);
	}
}

/**
 * Runs animation for adtv icon
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnLinkAdtv = function( eventP, control, directionOpen ) {
	if ( this._IsEventValid( eventP, control ) ) {
		var anim = this.fLinkAdtv;
		this.fFacebookDiv.style.zIndex = 1;
		this.fAdtvDiv.style.zIndex = 2;
		if (anim.IsRunning() ) {
			anim.Stop();
		}
		anim.Run( null, null, directionOpen);
	}
}

//------------------------------------------------------------------------------------------------------------------
//
//	employee shutters
//
//------------------------------------------------------------------------------------------------------------------

/**
 * Initializes animations on employee shutters on 'us' page
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype._InitializeEmployeeShutters = function() {
	this.fEmployeeDivA[1] = document.getElementById( "andi" );
	this.fEmployeeImgA[1] = document.getElementById( "andiimg" );
	this.fEmployeeDivA[2] = document.getElementById( "sabrina" );
	this.fEmployeeImgA[2] = document.getElementById( "sabrinaimg" );
	this.fEmployeeDivA[3] = document.getElementById( "marcel" );
	this.fEmployeeImgA[3] = document.getElementById( "marcelimg" );
	this.fEmployeeDivA[4] = document.getElementById( "lukas" );
	this.fEmployeeImgA[4] = document.getElementById( "lukasimg" );
	var process = new QuadraticBezierProcess();
	process.SetParameter( "x", 0.4 );
	process.SetParameter( "y", 1 );
	for ( n = 1; n <= 4; n++) {
		if ( this.fEmployeeDivA[n] != null && this.fEmployeeImgA[n] != null ) {
			this.fControlEventHandler.AttachOnMouseOverEvent( this.fEmployeeDivA[n], this, this.EventOnEmployeeShutter, true );
			this.fControlEventHandler.AttachOnMouseOutEvent( this.fEmployeeDivA[n], this, this.EventOnEmployeeShutter, false );
			this.fEmployeeOpenA[n] = new Animation( 500 );
			this.fEmployeeOpenA[n].AddElement( new Motion( this.fEmployeeImgA[n], "absolute", 0, 0, 0, 260, process ) );
		}
	}
}

/**
 * Event for employee shutter animation
 *
 * @param eventP triggered event
 * @param control element that triggered the event
 * @param directionOpen direction of animation: true = 'open shutter', false = 'close shutter'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EventOnEmployeeShutter = function( eventP, control, directionOpen ) {
	if ( this._IsEventValid( eventP, control ) ) {
		var self = this;
		var anim = null;
		if ( control.id == "andi" ) {
			anim = this.fEmployeeOpenA[1]
		} else if ( control.id == "sabrina" ) {
			anim = this.fEmployeeOpenA[2]
		} else if ( control.id == "marcel" ) {
			anim = this.fEmployeeOpenA[3]
		} else if ( control.id == "lukas" ) {
			anim = this.fEmployeeOpenA[4]
		}
		var delay = ( directionOpen ? 0 : 100 )
		if (anim.IsRunning() ) {
			window.setTimeout( function() { self.EmployeeShutterDelay( anim, directionOpen ); }, delay);
		} else {
			anim.Run( null, null, directionOpen);
		}
	}
}

/**
 * Runs employee shutter animations (called after delay to make them look more mass inert)
 *
 * @param anim animation to run
 * @param directionOpen direction of animation: true = 'open shutter', false = 'close shutter'
 *
 * @access public
 */
de.tanzschulerank.gui.AnimationController.prototype.EmployeeShutterDelay = function( anim, directionOpen ) {
	anim.Stop();
	var t = anim.GetProgress() * anim.GetDuration();
	if ( directionOpen ) {
		anim.Run( t, null, true);
	} else {
		anim.Run( null, t, false);
	}
}
/**
 * Page controller
 *
 * @changes 2011-04-02 / mb / created
 *
 * @copyright Copyright © Copyright © 2005-2011 / CHILIBYTES / www.chilibytes.com
 * @author mb
 * @version 1.0.0
 *
 * @package de.tanzschulerank
 * @subpackage gui
 *
 */

/**
 * Namespaces
 */
if ( !window.de ) window.de = {};
if ( !de.tanzschulerank ) de.tanzschulerank = {};
if ( !de.tanzschulerank.gui ) de.tanzschulerank.gui = {};

/**
 * Includes
 */
var AbstractWindowEvents = com.chilibytes.phx.gui.AbstractWindowEvents;
var ControlEventHandler = com.chilibytes.phx.gui.ControlEventHandler;
var Base64 = com.chilibytes.phx.common.Base64;
var Environment = com.chilibytes.phx.net.web.Environment;
var Form = com.chilibytes.phx.gui.Form;
var YouTubeController = de.tanzschulerank.gui.YouTubeController;
var AnimationController = de.tanzschulerank.gui.AnimationController;

/**
 * Constructor
 *
 * @access public
 */
de.tanzschulerank.gui.PageController = function() {
	// Constructor
	this.constructor = de.tanzschulerank.gui.PageController;
	// Super class
	AbstractWindowEvents.call( this );
	this.fControlEventHandler = new ControlEventHandler();
	// Misc controller
	this.fAnimationController = new AnimationController();
	this.fYouTubeController = new YouTubeController();
	this.fForm = null;
}

/**
 * Inherit from window events
 */
var _pageControllerInheritP = function() {};
_pageControllerInheritP.prototype = AbstractWindowEvents.prototype;
de.tanzschulerank.gui.PageController.prototype = new _pageControllerInheritP();


/**
 * @{inheritdoc}
 */
de.tanzschulerank.gui.PageController.prototype.WindowOnLoad = function( eventP ) {
	this.Initialize();
	if ( this.fAnimationController != null ) this.fAnimationController.Initialize();
	if ( this.fYouTubeController != null ) this.fYouTubeController.Initialize();
}

de.tanzschulerank.gui.PageController.prototype.Initialize = function() {
	// Get all galleries
	var anchorA = document.getElementsByName( 'svgallery' );
	for( var i=0; i<anchorA.length; i++ ) {
		if ( anchorA[i].id != null ) {
			this.fControlEventHandler.AttachOnClickEvent( anchorA[i], this, this.ChangeGallery );
		}
	}

	// Initialize form
	var formA = new Array( 'fContactForm', 'fDanceForm', 'fEventForm' );
	for ( var i=0; i<formA.length; i++ ) {
		if ( document.getElementById( formA[i] ) ) {
			this.fForm = new Form( formA[i] );
			this.fForm.EventOnFormSentAttach( this, this.EventOnFormSent );
			this.fForm.EventOnFormErrorAttach( this, this.EventOnFormError );
		}
	}

	// Get all send buttons
	//full page shading without menu action ( "please wait" screen)
	var sendButton = document.getElementById( 'i_send' );
	if ( sendButton != null ) {
		this.fControlEventHandler.AttachOnClickEvent( sendButton, this, this.EventOnSendButtonClick );
	}

	// Anchor init
	var anchorA = document.getElementsByTagName( "a" );
	for ( var i = 0; i < anchorA.length; i++ ) {
		if ( anchorA[i].id.indexOf( "scrollout" ) != -1 ) {
			this.fControlEventHandler.AttachOnClickEvent( anchorA[i], this, this.EventOnHandleFormScroll, true );
		}
		else if ( anchorA[i].id.indexOf( "eventdetail" ) != -1 ) {
			this.fControlEventHandler.AttachOnClickEvent( anchorA[i], this, this.EventOnEventDetailClick );
		}
	}
	anchor = document.getElementById( "scrollin" );
	if ( anchor != null ) {
		this.fControlEventHandler.AttachOnClickEvent( anchor, this, this.EventOnHandleFormScroll, false );
	}
}

/**
 * Change gallery
 */
de.tanzschulerank.gui.PageController.prototype.ChangeGallery = function( eventP, object ) {
	var idPrefix = 'svgallery_';
	if ( object != null && object.id != null && object.id.indexOf( idPrefix > -1 ) ) {
		var metaRaw = object.id.substring( idPrefix.length );
		var metaA = eval( '(' + Base64.Decode( metaRaw ) + ')' );
		if ( metaA != null && svObject ) {
			svObject.addVariable( 'xmlDataPath', metaA['GalleryPath'] );
			svObject.write( metaA['ContainerID'] );
		}
	}
}

/**
 * Sends mail
 */
de.tanzschulerank.gui.PageController.prototype.EventOnSendButtonClick = function( eventP, object ) {
	if ( this.fForm != null && this.fForm.Validate() ) {
		if ( this.fAnimationController != null ) this.fAnimationController.ShadeAll( true );
		this.fForm.Submit();
	}
}

/**
 * Callback function from server
 */
de.tanzschulerank.gui.PageController.prototype.EventOnFormSent = function( eventP ) {
	if ( this.fAnimationController != null && this.fForm != null ) {
		this.fForm.Reset();
		this.fAnimationController.ScrollForm( false );
		this.fAnimationController.ShadeAll( false );
	}
}

/**
 * Callback function from server
 */
de.tanzschulerank.gui.PageController.prototype.EventOnFormError = function( exception ) {
	console.log( exception );
}

/**
 * Event on event detail click
 */
de.tanzschulerank.gui.PageController.prototype.EventOnEventDetailClick = function( eventP, control ) {
	var eventDetailHeader = document.getElementById( "eventdetailheader" );
	var eventDetailText = document.getElementById( "eventdetailtext" );
	if ( eventDetailText && eventDetailHeader && control ) {
		var eventdata = document.getElementById( control.id+"_formdata" );
		var eventDataA = null;
		if ( eventdata.firstChild.data != null ) {
			eventDataA = eval( "(" + Base64.Decode( eventdata.firstChild.data ) + ")" );
		}
		if ( eventDataA != null ) {
			if ( eventDetailHeader.firstChild ) eventDetailHeader.removeChild( eventDetailHeader.firstChild );
			if ( eventDetailText.firstChild ) eventDetailText.removeChild( eventDetailText.firstChild );
			eventDetailHeader.appendChild( document.createTextNode( eventDataA["Title"] ) );
			// Add as html
			eventDetailText.innerHTML = eventDataA["Description"];
			if ( eventDataA["Categories"] && eventDataA["Categories"].length > 0 ) {
				var formEvent = document.getElementById( 'i_event' );
				formEvent.value = eventDataA["Title"];
				var formDate = document.getElementById( 'i_date' );
				formDate.value = eventDataA["Date"];
				var formEventTickets = document.getElementById( 'eventformtickets' );
				if ( formEventTickets ) {
					var formRateA = eventDataA["Categories"];
					var oldContainer = document.getElementById( 'ticketcontainer' );
					if ( oldContainer ) {
						formEventTickets.removeChild( oldContainer )
					}
					var ticketContainer = document.createElement('div');
					ticketContainer.setAttribute( 'id', 'ticketcontainer', 0 );
					formEventTickets.appendChild( ticketContainer );
					for (i = 0; i<=formRateA.length-1; i++ ) {
						var formRateA = eventDataA["Categories"];
						var formRateDescA = eventDataA["Descriptions"];
						var label = document.createElement('label');


						ticketContainer.appendChild( label );
						var input = document.createElement('input');
						input.className = 'i_ticket';
						input.setAttribute( 'id', 'i_ticket'+(i+1), 0 );
						input.setAttribute( 'value', '0', 0 );
						input.setAttribute( 'name', input.id, 0 );
						ticketContainer.appendChild( input );

						label.appendChild( document.createTextNode( formRateA[i] ) );
						label.setAttribute( 'for', 'i_ticket'+(i+1), 0 );
						var inputLabel = document.createElement('input');
						inputLabel.setAttribute( 'type', 'hidden', 0 );
						inputLabel.setAttribute( 'id', 'i_ticketlabel'+(i+1), 0 );
						inputLabel.setAttribute( 'value', formRateA[i], 0 );
						inputLabel.setAttribute( 'name', inputLabel.id, 0 );

						if ( this.fForm != null ) {
							this.fForm.ControlAdd( input );
							this.fForm.ControlAdd( inputLabel );
						}

						ticketContainer.appendChild( document.createElement('br') );
						if ( formRateDescA[i] ) {
							ticketContainer.appendChild( document.createTextNode( formRateDescA[i] ) );
							ticketContainer.appendChild( document.createElement('br') );
						}
						ticketContainer.appendChild( document.createElement('br') );
					}
				}
				if ( this.fAnimationController != null ) this.fAnimationController.ScrollForm( true );
			}
			else if ( this.fAnimationController != null )  {
				this.fAnimationController.ScrollForm( false );
			}
		}
	}
}

/**
 */
de.tanzschulerank.gui.PageController.prototype.EventOnHandleFormScroll = function( eventP, control, direction ) {
	var formdata = null;
	if ( this.fAnimationController != null ) {
		if ( control != null ) formdata = document.getElementById( control.id+'_formdata' );
		if ( formdata != null ) {
			var formDataA = null;
			if ( formdata.firstChild.data != null ) {
				formDataA = eval( "(" + Base64.Decode( formdata.firstChild.data ) + ")" );
			}
			if ( formDataA != null ) {
				var formCourse = document.getElementById( 'i_course' );
				formCourse.value = formDataA["course"];

				var formDate = document.getElementById( 'i_date' );
				formDate.value = formDataA["date"];

				var formRate = document.getElementById( 'i_rate' );
				var formRateA = formDataA["RateArray"];
				formRate.length = 0;
				for (i = 0; i<=formRateA.length-1; i++ ) {
					var entry = new Option( formRateA[i], formRateA[i], false, false );
					formRate.options[formRate.length] = entry;
				}
			}

		}
		this.fAnimationController.ScrollForm( direction )
	}

}


// Create singleton instance
var PageController = new de.tanzschulerank.gui.PageController();