window.addEvent('domready', function() {
    var cardviewer = new iCarousel("cardviewer_content", {
        item: {
            klass: "carditem",
            size: 820  //ͼƬµÄ¾àÀë
        },
        animation: {
            type: "scroll",
            duration: 1000, //Òƶ¯ËÙ¶È 
            amount: 1
        }
    });

    (function() {
        var Event = YAHOO.util.Event,
	        Dom = YAHOO.util.Dom,
	        lang = YAHOO.lang,
	        slider,
	        bg = "slider-bg",
			thumb = "slider-thumb";

        var topConstraint = 0;
        var bottomConstraint = 994;
        var scaleFactor = 1 / 195;
        var tickSize = 195;

        Event.onDOMReady(function() {
            slider = YAHOO.widget.Slider.getHorizSlider(bg, thumb, topConstraint, bottomConstraint, 195);
            slider.getRealValue = function() {
                return Math.round(this.getValue() * scaleFactor);
            }
            slider.subscribe("change", function(offsetFromStart) {
                var actualValue = slider.getRealValue();
                //Dom.get(bg).title = "slider value = " + actualValue;
                cardviewer.goTo(actualValue);
            });

            //
//            if (!browser.isIE6x) {
//                if (browser.isGecko) {
//                    var keyEvent = 'keypress';
//                } else {
//                    var keyEvent = 'keydown';
//                }
//                window.addEventListener(keyEvent, function(e) {
//                    if (e.keyCode == 37) {
//                        var leftTarget = slider.getRealValue() - 1;
//                        if (leftTarget > -1) {
//                            slider.setValue(leftTarget * tickSize, false);
//                            changeSlide(leftTarget);
//                        }
//                    }
//                    if (e.keyCode == 39) {
//                        var rightTarget = slider.getRealValue() + 1;
//                        if (rightTarget <= bottomConstraint / tickSize) {
//                            slider.setValue(rightTarget * tickSize, false);
//                            changeSlide(rightTarget);
//                        }
//                    }
//                }, true);
//            }

            //Links outside slider area
            Event.on(document.getElementById("menu-sj"), "click", function(e) {

                var slidePos = 2;
                slider.setValue(tickSize * slidePos, false);
                slider.subscribe("change", function(offsetFromStart) {
                    var actualValue = slider.getRealValue();
                    //Dom.get(bg).title = "slider value = " + actualValue;
                    cardviewer.goTo(actualValue);
                });
                //changeSlide(slidePos);
            });

            Event.on(document.getElementById("menu-pc"), "click", function(e) {
                var slidePos = 1;
                slider.setValue(tickSize * slidePos, false);
                slider.subscribe("change", function(offsetFromStart) {
                    var actualValue = slider.getRealValue();
                    //Dom.get(bg).title = "slider value = " + actualValue;
                    cardviewer.goTo(actualValue);
                });
                //changeSlide(slidePos);
            });

            Event.on(document.getElementById("menu-show"), "click", function(e) {
                var slidePos = 0;
                slider.setValue(tickSize * slidePos, false);
                slider.subscribe("change", function(offsetFromStart) {
                    var actualValue = slider.getRealValue();
                    //Dom.get(bg).title = "slider value = " + actualValue;
                    cardviewer.goTo(actualValue);
                });
            });
            Event.on(document.getElementById("menu-stat"), "click", function(e) {
                var slidePos = 3;
                slider.setValue(tickSize * slidePos, false);
                slider.subscribe("change", function(offsetFromStart) {
                    var actualValue = slider.getRealValue();
                    //Dom.get(bg).title = "slider value = " + actualValue;
                    cardviewer.goTo(actualValue);
                });
            });
            Event.on(document.getElementById("menu-bpc"), "click", function(e) {
                var slidePos = 4;
                slider.setValue(tickSize * slidePos, false);
                slider.subscribe("change", function(offsetFromStart) {
                    var actualValue = slider.getRealValue();
                    //Dom.get(bg).title = "slider value = " + actualValue;
                    cardviewer.goTo(actualValue);
                });
            });
            Event.on(document.getElementById("menu-yl"), "click", function(e) {
                var slidePos = 5;
                slider.setValue(tickSize * slidePos, false);
                slider.subscribe("change", function(offsetFromStart) {
                    var actualValue = slider.getRealValue();
                    //Dom.get(bg).title = "slider value = " + actualValue;
                    cardviewer.goTo(actualValue);
                });
            });

            //					Event.on("menu-contact", "click", function(e) {
            //	            var slidePos = 11;
            //	            slider.setValue(tickSize*slidePos, false);
            //							changeSlide(slidePos);
            //	        });         

            //Links inside slider area
//            var start = YAHOO.util.Dom.getElementsByClassName('img-link', 'a');
//            function fnCallback() { slider.setValue(3 * tickSize, false); changeSlide(3); }
//            YAHOO.util.Event.addListener(start, "click", fnCallback);

//            //Disable Tabbing 
//            var f1 = YAHOO.util.Dom.getElementsByClassName('contactname', 'input');
//            var f2 = YAHOO.util.Dom.getElementsByClassName('contactemail', 'input');
//            var f3 = YAHOO.util.Dom.getElementsByClassName('contactmessage', 'textarea');

//            function tabf1(e) { if (e.keyCode == 9) { Dom.get('field1').focus(); } }
//            function tabf2(e) { if (e.keyCode == 9) { Dom.get('field1').focus(); } }
//            function tabf3(e) { if (e.keyCode == 9) { Dom.get('field1').focus(); } }

//            YAHOO.util.Event.addListener(f1, "keydown", tabf1);
//            YAHOO.util.Event.addListener(f2, "keydown", tabf2);
//            YAHOO.util.Event.addListener(f3, "keydown", tabf3);
        });
    })();
    $$("a", "input", "textarea", "div", "button").setProperty("tabindex", "-1");
    $$("a", "input", "textarea", "div").setStyle('outline', '0');
});