/**
    Detekce prohlížeče
*/
var browser = {
    IE : navigator.appName == 'Microsoft Internet Explorer',
    IE6 : navigator.userAgent.indexOf('MSIE 6') != -1,
    IE7 : navigator.userAgent.indexOf('MSIE 7') != -1,
    opera : navigator.userAgent.indexOf('Opera') != -1,
    gecko : navigator.userAgent.indexOf('Gecko') != -1,
    safari : navigator.userAgent.indexOf('Safari') != -1
}
// Opera se může tvářit i jako jiný prohlížeč, proto oprava:
if (browser.opera) {
    for (var property in browser) {
        if (property != 'opera') browser[property] = false;
    }
}

/**
    Fce vrátí html prvek
    parametry: ID nebo prvek
*/
function getObj(x) {
    if (typeof x != 'string') return x;
    else if (Boolean(document.getElementById)) return document.getElementById(x);
    else return null;
}
/**
    Fce vrátí html prvek
    parametry: ID nebo prvek
*/
function getObj(x) {
    if (typeof x != 'string') return x;
    else if (Boolean(document.getElementById)) return document.getElementById(x);
    else return null;
}
/**
    Fce přidá skript navázaný na definovanou událost html prvku
    použití: addEvent(window,'onload','alert(o.id);');
    parametry: ID nebo prvek, název události, skript navázaný na událost (pravidla pro skript: na daný prvek neodkazovat přes this, ale přes o)
*/
function addEventX(obj, e, s) {
    var o = getObj(obj);
    if (!o) return;
    eval('var oldEvent = o.' + e + ';');
    eval('o.' + e + ' = function (' + (browser.IE ? '' : 'event') + ') { ' + (oldEvent ? 'oldEvent();' : '') + s + ' };');
}



// #mainContentBox

$(function() {
    
    $('#mainBox').append('<span id="slider"> </span>');
    
    $('#mainContentBox').css({
        'overflow': 'hidden'
    });
    $('#mainContentBox').wrapInner('<div id="contentWrapper" />');

    var content = $('#contentWrapper');
    var contentHeight = content.height();
    var scrollbarCenter = contentHeight * 0.26;

    var scrollbar = $('#slider').slider({
        orientation: "vertical",
        min: 0,
        max: contentHeight,
        value: contentHeight-scrollbarCenter,
        slide: function(event, ui) {
            if(ui.value > contentHeight-scrollbarCenter) ui.slider('value', contentHeight - scrollbarCenter);
            var topPosition = -(contentHeight - scrollbarCenter - ui.value);
            if(topPosition > 0) topPosition = 0;
            content.css({
                'position':'relative',
                'top': topPosition + 'px'
            });                
        }
    });
});