/// <reference name="MicrosoftAjax.js"/>
var contents = [];

var fTween = null;
var fContentIndex = -1;
function portfolioThumb(index) {
    setFocusContent(index);
}
function setFocusContent(selIndx) {
    if (fTween != null) {
        fTween.stop();
        fTween.dispose();
    }
    fTween = $create(Pacem.UI.Tween,
                            { 'property': 'opacity', 'easingFunc': Pacem.UI.Easing.Sine.easeIn, start: 1.0, finish: 0.0, duration: .25 },
                            { 'motionChanged': fTween_motionChanged, 'motionFinished': fTween_motionFinished }
                            , null, $get("portfolioFocus"));
    fContentIndex = selIndx;
}
function slider_scrollStop(sender, args) {
    sender.scrollTo(fContentIndex);
}
function slider_scroll(sender, args) {
    var bgPos = sender.get_element().style.backgroundPosition;
    var x = parseInt(bgPos.split(' ')[0]);
    if (isNaN(x)) x = 0;
    var y = parseInt(bgPos.split(' ')[1]);
    if (isNaN(y)) y = 0;
    var D = args.get_delta() * .1;
    if (Math.abs(D) < 1.0 && D != 0.0)
        D = D / Math.abs(D);
    sender.get_element().style.backgroundPosition = String.format("{1}px {0}px", y, x -= D);
}
function fTween_motionChanged(sender, args) {
    $common.setElementOpacity(sender.get_object(), args.get_currentPosition());
}
function fTween_motionFinished(sender, args) {
    if (sender.get_finish() == 0.0) {
        sender.get_object().innerHTML = contents[fContentIndex].panel.innerHTML;
        sender.set_start(sender.get_finish());
        sender.set_finish(1.0);
        sender.play();
        //        fTween = $create(Pacem.UI.Tween,
        //                            { 'property': sender.get_property(), 'easingFunc': Pacem.UI.Easing.Sine.easeOut, start: sender.get_finish(), finish: 1.0, duration: sender.get_duration() },
        //                            { 'motionChanged': fTween_motionChanged, 'motionFinished': fTween_motionFinished }, null, sender.get_element());
        var anchors = document.getElementsByTagName('A');
        //alert(images.length);
        for (var j = 0; j < anchors.length; j++) {
            var jhref = anchors[j].href;
            var prefix = "javascript:portfolioThumb(";
            if (jhref.startsWith(prefix)) {
                var ndxToParse = jhref.substring(prefix.length, jhref.indexOf(")"));
                var ndx = parseInt(ndxToParse);
                if (ndx >= 0) {
                    var img = anchors[j].getElementsByTagName("IMG")[0];
                    if (ndx == fContentIndex) {
                        Sys.UI.DomElement.removeCssClass(img, "PortfolioThumb");
                        Sys.UI.DomElement.addCssClass(img, "PortfolioThumbSelected");
                    }
                    else {
                        Sys.UI.DomElement.addCssClass(img, "PortfolioThumb");
                        Sys.UI.DomElement.removeCssClass(img, "PortfolioThumbSelected");
                    }
                }
            }
        }
    } else if (sender.get_object().style.filter && sender.get_object().style.removeAttribute) {
        sender.get_object().style.removeAttribute('filter');
    }
}
Sys.Application.add_init(function(sender, args) {
    setFocusContent(0);
});