$(document).ready(function(){
	//reload all content
	$('a[@rel=reload_container_triger]').bind('click', function() {
		href = this.href;

		//text content
		$('#middle_reload_container').html('<br/><br/><center><img src="/images/loading2.gif" alt="Loading..." title="Loading..." /></center>');
		$.ajax({
			type: 'GET',
			url: href.replace("/cz/", "/cc/").replace("/en/", "/ee/"),
			data: "",
			success: function(msg) {
				$('#middle_reload_container').html(msg);
				slider_load();
				TB_init();
				$("#middle_column").animate({scrollTop: 0 }, 100);
				$("#content-slider").slider({value: 100 });
				$("#left_column").animate({scrollTop: 0 }, 100);
				$("#left-slider").slider({value: 100 });
			}
		});

		return false;
	});
	
	slider_load();
	//TB_init();
	
	var maxScroll = $("#middle_column").attr("scrollHeight") - $("#middle_column").height();
	$("#content-slider").slider({
		animate: true,
		value: 100,
		orientation: "vertical",
	    change: handleSliderChange,
	    slide: handleSliderSlide
	});
	
	var maxScroll = $("#left_column").attr("scrollHeight") - $("#left_column").height();
	$("#left-slider").slider({
		animate: true,
		value: 100,
		orientation: "vertical",
	    change: handleLSliderChange,
	    slide: handleLSliderSlide
	});

	var content_scrolling = false;
	//adding the scrolling event listerner for Mozilla
    $('div#middle_column').bind('mousewheel', function(event, delta) {
		// v nasledovnom vypocte je cislo 10 padding (5px top, 5px bottom)
		var maxscroll = $("#middle_column").attr("scrollHeight") - $("#middle_column").height() - 10;

		// scroll content and the scroll handle on the right scroller
	    this.scrollTop -= (delta * 100);
		
		if (((this.scrollTop) > 0) && ((this.scrollTop) < maxscroll)) {
			var hndl = $('#content-slider a.ui-slider-handle');
			var hndl_bottom = hndl.css('bottom');
			var hndl_pos_percent = Math.round(($("#middle_column").attr("scrollTop")/maxscroll)*100);
			//alert(hndl_pos_percent);
			hndl.css('bottom', (100-hndl_pos_percent) + '%');
		} 
		else if (this.scrollTop <= 0)
		{
    		var hndl = $('#content-slider a.ui-slider-handle');
    		hndl.css('bottom', '100%');
		}
		else if (this.scrollTop >= maxscroll)
		{
			var hndl = $('#content-slider a.ui-slider-handle');
    		hndl.css('bottom', '0%');
		}

	    return false;
	});
    
    var content_scrolling = false;
	//adding the scrolling event listerner for Mozilla
    $('div#left_column').bind('mousewheel', function(event, delta) {
		// v nasledovnom vypocte je cislo 10 padding (5px top, 5px bottom)
		var maxscroll = $("#left_column").attr("scrollHeight") - $("#left_column").height() - 10;

		// scroll content and the scroll handle on the right scroller
	    this.scrollTop -= (delta * 100);
		
		if (((this.scrollTop) > 0) && ((this.scrollTop) < maxscroll)) {
			var hndl = $('#left-slider a.ui-slider-handle');
			var hndl_bottom = hndl.css('bottom');
			var hndl_pos_percent = Math.round(($("#left_column").attr("scrollTop")/maxscroll)*100);
			//alert(hndl_pos_percent);
			hndl.css('bottom', (100-hndl_pos_percent) + '%');
		} 
		else if (this.scrollTop <= 0)
		{
    		var hndl = $('#left-slider a.ui-slider-handle');
    		hndl.css('bottom', '100%');
		}
		else if (this.scrollTop >= maxscroll)
		{
			var hndl = $('#left-slider a.ui-slider-handle');
    		hndl.css('bottom', '0%');
		}

	    return false;
	});
	
	
	// *** Gallery ***
	make_links();
});


function handleSliderChange(e, ui)
{
  var maxScroll = $("#middle_column").attr("scrollHeight") - $("#middle_column").height();
  $("#middle_column").animate({scrollTop: maxScroll - ui.value * (maxScroll / 100) }, 1000);
}

function handleSliderSlide(e, ui)
{
  var maxScroll = $("#middle_column").attr("scrollHeight") - $("#middle_column").height();
  $("#middle_column").attr({scrollTop: maxScroll - ui.value * (maxScroll / 100) });
}

function handleLSliderChange(e, ui)
{
  var maxScroll = $("#left_column").attr("scrollHeight") - $("#left_column").height();
  $("#left_column").animate({scrollTop: maxScroll - ui.value * (maxScroll / 100) }, 1000);
}

function handleLSliderSlide(e, ui)
{
  var maxScroll = $("#left_column").attr("scrollHeight") - $("#left_column").height();
  $("#left_column").attr({scrollTop: maxScroll - ui.value * (maxScroll / 100) });
}