function imageHover(id){
    var a=document.getElementById(id);
    a.src='images/'+id+'_over.jpg';
}
function imageUnHover(id){
    var a=document.getElementById(id);
    a.src='images/'+id+'.jpg';
}

//var ajaxCounter=1;
function ajax(id,bar)
{
    if(bar=='rightBar'){
        var i=1;
        $('#rightBarPic').attr('src','images/theexporty/title_'+id+'.jpg');
    }
    else{
        var i=2;
    }
    $('#bar'+i).html('načítava sa ...');

    //document.getElementById("scroll"+ajaxCounter+"Content").innerHTML="loading ...";
    var xmlhttp;
    xmlhttp=null;
    if (window.XMLHttpRequest)
    {
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
    }
    else if (window.ActiveXObject)
    {
      // code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlhttp!=null)
    {
        xmlhttp.onreadystatechange=function()
        {
        if(xmlhttp.readyState==4)
          {
            //alert('insert '+ajaxCounter);
            ajax2(id,bar,xmlhttp.responseText)
            
          }
        }
        xmlhttp.open("GET",id+".html",true);
        xmlhttp.send(null);
    }
    else
    {
        document.getElementById(bar).innerHTML="Skúste <a href='"+id+".html' target='_blank'>tento odkaz</a> - Váš prehliadač nepodporuje XMLHTTP.";
    }
}


  var realHeight=new Array();
  var myHeight=new Array();
  var pHeight=new Array();

  myHeight[1]=323;
  myHeight[2]=210;


function ajax2(id,bar,text){

    if(bar=='rightBar'){
        var i=1;
    }
    else{
        var i=2;
    }
    $('#bar'+i).html(text);
    //alert($('#bar'+i).height());
    //start prepocet
    $('#bar'+i).css('height','');
    realHeight[i]=$('#bar'+i).height();
    $('#bar'+i).height(myHeight[i]);
    pHeight[i]=realHeight[i]-myHeight[i];
    //end prepocet
    $('#bar'+i).scrollTop(i);
    $('#bar'+i).scrollTop(0);
    
    $('#slider'+i).slider('option', 'value', 99);

    if(pHeight[i]<=0){
        $('#slider'+i).hide()
    }
    else{
        $('#slider'+i).show()
    }

    if(pHeight[i]>=0){

    $('#slider'+i).slider({
        orientation: 'vertical',
        max: 100,
        step: 1,
        value:100,
        slide: function(event, ui) {
            //start prepocet
            //if(Math.floor(Math.random()*11)<=3){
            //$('#bar'+i).css('height','');
            //realHeight[i]=$('#bar'+i).height();
            //$('#bar'+i).height(myHeight[i]);
            //pHeight[i]=realHeight[i]-myHeight[i];
            //end prepocet
            $('#value'+i).html(Math.round((100-ui.value)*(pHeight[i]/100)));
            $('#bar'+i).scrollTop(Math.round((100-ui.value)*(pHeight[i]/100)));
            //}
                    }
    });
    $('#bar'+i).mousedown(function (event) {
        $('#bar'+i)
            .data('down', true)
            .data('y', event.clientY)
            .data('scrollTop', $('#bar'+i).scrollTop());
        return false;
    }).mouseup(function (event) {
        $('#bar'+i).data('down', false);
    }).mousemove(function (event) {
        if ($('#bar'+i).data('down') == true) {
            $('#bar'+i).scrollTop($('#bar'+i).data('scrollTop') + $('#bar'+i).data('y') - event.clientY);


            //setter
            $('#slider'+i).slider('option', 'value', Math.round(100-((100*$('#bar'+i).scrollTop())/pHeight[i])));
        }
    }).css({
        'overflow' : 'hidden',
        'cursor' : '-moz-grab'
    });
    }

}




    $(window).mouseout(function (event) {
        if ($('#bar1').data('down')) {
            try {
                if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') {
                    $('#bar1').data('down', false);
                }
            } catch (e) {}
        }
        if ($('#bar2').data('down')) {
            try {
                if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') {
                    $('#bar2').data('down', false);
                }
            } catch (e) {}
        }


    });