$(document).ready(function () {
    $('#wrap').css('display','block');

    Cufon('.head', {color: '#004494', textTransform: 'uppercase'});
    Cufon('.number', {color: '#004494', textTransform: 'uppercase'});
    Cufon('.score', {color: '#004494', textTransform: 'uppercase', fontSize: '22'});

    $('#debug').show();

    $('a.confirm').click(function() {
        var check = confirm($(this).attr('title'));
        if (check == false) {
            return false;
        } else {
            return true;
        }
    });

    $('#side .icon:even').css('clear','both');

    if ($('#headBg div').length > 1 && !$('#headBg div').is('#timeline')) {
        var interval = setInterval(fadeOut,4000);
    }
    if ($('#teaserWrap').length > 0 && $('#teaserWrap div').length > 1) {
        var interval = setInterval(teaserFadeOut,4000);
    }
    if ($('#picFader').length > 0 && $('#picFader div').length > 1) {
        var interval = setInterval(picFade,4000);
    }
    function fadeOut() {
        $('#headBg div:last').fadeOut(1000);
    }
    function fadeIn() {
        $('#headBg div').fadeIn(1000);
    }
    function teaserFadeOut() {
        $('#teaserWrap div:last').fadeOut(1000);
    }
    function picFade() {
        if ($('#picFader div:last').css('display') == 'none') {
            $('#picFader div:last').fadeIn(1000);
        } else {
            $('#picFader div:last').fadeOut(1000);
        }
    }

    $('#debug #debugHead').click(function () {
        if ($('#debug .toggleClose').text() == 'x') {
            $('#debug .toggleClose').text('o');
        } else {
            $('#debug .toggleClose').text('x');
        }
        $('#debugText').slideToggle(500,function() {
            $('#debugText').css('overflow-y','scroll').css('overflow-x','auto');
        });
        return false;
    });
    $('#debugText').hide();
    $('#debug .toggleClose').text('o');
    if ($('.checkbox input').length > 0) {
        $('.checkbox input').each(function() {
            $(this).hide();
            $(this).change();
            //$(this).click(toggleCheckbox);
            $(this).change(toggleCheckbox);
            var css = ($(this).is(':checked')) ? ' checkSpanActive' : '';
            $(this).after('<span class="checkSpan'+css+'" id="check'+$(this).attr('id')+'"></span>');
        });
    }
    $('.checkSpan').live('click',function() {
        var id = $(this).attr('id');
        id = id.substring(5);
        $('#'+id).trigger('click');
        //$('#'+id).trigger('change');
        $(this).toggleClass('checkSpanActive');
    });
    function toggleCheckbox() {
        var id = $(this).attr('id');
        $('#check'+id).toggleClass('checkSpanActive');

        //$('#'+id).trigger('click');
    }
    $('.hitLeft').mousemove(function(e) {
        var offset = $(this).offset();
        left = ($(this).width()/(e.pageX - offset.left))-1;
    });
    $('.hitRight').mousemove(function(e) {
        var offset = $(this).offset();
        left = ($(this).width()/($(this).width()-(e.pageX - offset.left)))-1;
    });
    $('.hitLeft').hover(function() {
        slide = setInterval(slideLeft,20);
    },function() {
        clearInterval(slide);
    });
    $('.hitRight').hover(function() {
        slide = setInterval(slideRight,20);
    },function() {
        clearInterval(slide);
    });

    function slideLeft() {
        $('.slider *').css('left',function(index) {
            var pos = $('.slider *').position();
            left = (left > 20) ? 20 : left;
            left = (left != 'Infinity' && left >= 0) ? left : 0;
            var newPos = pos.left + left;
            //debug(left);
            if (newPos < 0) {
                return newPos;
            } else {
                return 0;
            }
        });
    }

    function slideRight() {
        $('.slider *').css('left',function(index) {
            var pos = $('.slider *').position();
            left = (left > 20) ? 20 : left;
            left = (left != 'Infinity' && left >= 0) ? left : 0;
            var newPos = pos.left - left;
            //debug(left);
            if (newPos > $('.slider').width()-$(this).width()) {
                return newPos;
            } else {
                return $('.slider').width()-$(this).width();
            }
        });
    }

    function debug(txt) {
        if ($('#debugText').css('display')=='none') {
            $('#debugText').show();
        }
        $('#debugText').html(txt);
    }



/*
        var container = $('div.sliderGallery');
        var ul = $('div.sliderGallery ul');

        var itemsWidth = ul.innerWidth() - container.outerWidth();

        $('.slider').slider({
            min: 0,
            max: itemsWidth,
            stop: function (event, ui) {
                ul.animate({'left' : ui.value * -1}, 500);
            },
            slide: function (event, ui) {
                ul.css('left', ui.value * -1);
            }
        });
*/
});