var videoplayer = {
    init : function(img, src)
    {
        var bg = $('<div/>')
            .css({
                'position': 'absolute',
                'width': '100%',
                'height': '100%',
                'background': '#000',
                'top': 0,
                'left': 0,
                'opacity': 0.5,
                'z-index': 9999
            }).attr('id', 'bg')
        $('body').append(bg);
        bg.click(videoplayer.remove);
        
        var swf = $('<div/>')
            .css({
                'position': 'absolute',
                'top': '50%', 'left': '50%',
                'margin': '-305px 0 0 -360px',
                'width': 720,
                'height': 610,
                'z-index': 99999,
                'border': '1px #1b1e27 solid'
            });
        var vp = $('<div/>').attr('id', 'vp');
        swf.append(vp);
        $('body').append(swf);
        
        swfobject.embedSWF(
            '/media/gfx/videoplayer.swf',
            'vp',
            '720',
            '610',
            '9.0.0',
            '/media/js/expressInstall.swf',
            {'imageURI': img, 'videoURI': src },
            {'allowfullscreen': 'true'}
        );
        
        // add close button
        var btn = $('<div><img src="/media/gfx/close.gif"></div>')
            .css({
                'position': 'absolute',
                'width': 22, 'height': 22,
                'top': '50%', 'left': '50%',
                'z-index': 99999, 'cursor': 'pointer',
                'margin': '-327px 0 0 -382px'
            }).attr('id', 'cb').click(videoplayer.remove);
        $('body').append(btn);
        
    },
    
    remove : function()
    {
        $('#cb').remove();
        $('#bg').remove();
        $('#vp').parent().remove();
    }
};


var slider = {
    init : function(slider_width)
    {
        if (slider_width == undefined) {
            slider_width = 246;
        }
        var s = $('#scroll ul');
        var l = s.find('li').length;
        if (l <= 3) {
            return false;
        }
        $('.slider').css('visibility', 'visible');
        var w = l * 246;
        s.width(w);
        $('#slider').slider({
            min: 0,
            max: w - 738,
            slide: function(e, ui) {
                s.css('margin-left', ui.value * -1);
            }
        });

        $('.slider .ui-slider-larrow').click(function() {
            $('#slider').slider('moveTo', '-=' + slider_width);
        });
        $('.slider .ui-slider-rarrow').click(function() {
            $('#slider').slider('moveTo', '+=' + slider_width);
        });
        
        if (window.addEventListener) {
            $('#scroll')[0].addEventListener(($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), slider.mw_handler, false);
        } else {
            $('#scroll')[0].onmousewheel = slider.mw_handler;
        }
    },
    
    mw_handler : function(e)
    {
        e = $.event.fix(e || window.event);
        var d = 0;
    	if ( e.wheelDelta ) d = e.wheelDelta/120;
		if ( e.detail     ) d = -e.detail/3;
		if ( $.browser.opera  ) d = -e.wheelDelta;
		if (d > 0) {
		    $('#slider').slider('moveTo', '-=' + 41);
		} else {
		    $('#slider').slider('moveTo', '+=' + 41);
		}
        e.preventDefault();
        e.returnValue = false;
    }
};

$(function() {
    var p = window.location.pathname.split('/');
    t = '/' + p[1] + '/';
    $('#navigation ul li a[@href=' + t + ']').addClass('active');
    if ($.browser.msie && $.browser.version < 7) {
        $('#navigation a[@href=' + t + ']').css('background-image', 'none').css('color', '#ff0000');
        $('#content').css('background-image', 'none');
    }
    if (p.length >= 4) {
        t += p[2] + '/';
    }
    $('#navigation ul li a[@href=' + t + ']').addClass('active');
	if ($.browser.msie && $.browser.version < 7) {
        $('#navigation a[@href=' + t + ']').css('background-image', 'none').css('color', '#ff0000');
    }
});