var Y = YUI().use('anim', function(Y) {

                var nazvy = new Array();
                nazvy["0"] = "#uvod";
                nazvy["1"] = "#reference";
                nazvy["2"] = "#kontakt";
                                
                var malaW = 191;
                var velkaW = 305;
                var malaH = 56;
                var velkaH = 130;
                var mezeraMezi = 19;

                var prevSelected = 0;

                if(document.location.hash=="#reference") { zmenPanel(1); }
                if(document.location.hash=="#kontakt") { zmenPanel(2); }
                
                var panelClick = function(e){
                    e.preventDefault();
                    selected = parseInt(e.currentTarget.get('id').replace("panel", "").replace("zmen", ""));
                    document.location.hash = nazvy[selected];

                    zmenPanel(selected);
                    pageTracker._trackPageview(nazvy[selected]);
                };

                Y.all('.panel,.zmenPanel').on('click', panelClick);

                
                function zmenPanel(selected) {
                    for(var i = 0; i<3; i++) {
                        if(i == prevSelected || i == selected) {
                            getAnimFontu(i, selected).run();
                        }

                        getAnim(i, selected, prevSelected).run();

                    }
                    getAnimStrany(selected).run();

                    prevSelected = selected;

                    Y.one("#telo").setStyle("height", Y.one("#strana"+selected).get("clientHeight")+85);
                    Y.one("#strany").setStyle("height", Y.one("#strana"+selected).get("clientHeight")+85);
                    Y.one("#paticka").setStyle("top", Y.one("#strana"+selected).get("clientHeight")-105);
                }
                
                function getAnim(current, selected, previousSelected) {

                    var to = {};

                    if(current == selected || current == previousSelected) {
                        to.width = current == selected ? velkaW : malaW; 
                        to.height = current == selected ? velkaH : malaH; 
                        to.top = current == selected ? 0 : (velkaH - malaH);
                    }

                    if((current >= selected && current <= previousSelected) || (current >= previousSelected && current <= selected)) {
                        to.left = (current * malaW) + (current > selected) * (velkaW - malaW) + (current * mezeraMezi)
                    }

                    return new Y.Anim({
                        node: '#panel' + current,
                        to: to,
                        duration: 0.3, 
                        easing: Y.Easing.easeNone
                    });
                }

                function getAnimStrany(selected) {

                    return new Y.Anim({
                        node: '#strany',
                        to: { 
                            marginLeft: -selected * 725 
                        },
                        duration: 0.3, 
                        easing: Y.Easing.easeNone
                    });
                }

                function getAnimFontu(current, selected) {

                    var ret = new Y.Anim({
                        node: '#mk'+current,
                        to: { 
                            height : current==selected ? 49 : 1,
                            marginTop : current==selected ? 28 : 14    
                        },
                        duration: 0.3, 
                        easing: Y.Easing.easeNone
                    });

                    ret.on("start", function(e) {
                        Y.one("#dovetek"+current).setStyle("display", current == selected ? "inline" : "none")
                    });

                    ret.on(current == selected ? "start" : "end", function(e) {
                        Y.one("#panel"+selected).setStyle("backgroundImage", "none");
                        Y.one("#panel"+current).setStyle("backgroundImage", current == selected ? "none" : "url('grafika/tab.png')");
                        Y.one("#panel"+current).setStyle("cursor", current == selected ? "default" : "pointer");
                    });

                    return ret;
                }
            });