function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	content.setStyle('overflow', 'hidden');
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
	blogSlider = slider;
}

var blogID 			= 2020;
var blogImgUrl 		= '/templates/grafik/logoblog.gif';
var blogCloseUrl 	= '/templates/grafik/closeblog.gif';
var blogShown		= false;
var blogScrollInit	= false;
var blogSlider		= null;

function blogComplete(responseText, responseXML){
	showBlog(responseText);
}

function openBlog(evt){
	new Request({
		url: '/index.php',
		data: {
			id: blogID,
			type: '123',
			no_cache: 1,
			L: L
		},
		method: 'get',
		onComplete: blogComplete,
		evalScripts: true,
		noCache: true
	}).send();

}

function loadBlogContent(UReL){
	new Request({
		url: UReL,
		data: {
			no_cache: 1,
			L: L
		},
		noCache: true,
		method: 'get',
		onComplete: blogUpdate,
		evalScripts: true
	}).send();
}

function blogUpdate(responseText, responseXML){
	
	var bh  = $('blogHandle').dispose();
	var bsb = $('blogScroll').dispose();
	
	var txtHolder  = $('blogText');
	txtHolder.set('html',responseText);
	txtHolder.scrollTo(0,0);
	
	bsb.inject(txtHolder, 'after');
	bh.inject(bsb);
	
	var s  = txtHolder.getSize().y;
	var ss = txtHolder.getScrollSize().y;
	
	if(ss > s){
		bsb.setStyles({display: 'block'});
		bh.setStyles({display: 'block'});
		
		if(!txtHolder.hasClass('blogTextPadded')){
			txtHolder.addClass('blogTextPadded');
		}
		
		if(!blogScrollInit){
			makeScrollbar(txtHolder, bsb, bh);	
			blogScrollInit = true;
		} else {
			delete blogSlider;
			makeScrollbar(txtHolder, bsb, bh);	
		}
	} else {
		bsb.setStyle('display', 'none');
		bh.setStyle('display', 'none');
		if(txtHolder.hasClass('blogTextPadded')){
			txtHolder.removeClass('blogTextPadded');
		}
	}
}

function positionBlog(){
	var pos = $('imgBg').getPosition();
	$('blogCoverBlog').setStyles({left: (pos.x + 486)});
	$('blogHolder').setStyles({left: (pos.x + 486)});
}

function position() {
	var scroll = window.getScroll(), size = window.getSize();
	$('blogCoverAll').setStyles({left: scroll.x, top: scroll.y, width: size.x, height: size.y});
	if(blogShown){
		positionBlog();
	}
	if(imgShown){
		positionPic();
	}
}

function showBlog(txt){
	var coverAll = $('blogCoverAll');
	if(!$chk(coverAll)){
		coverAll = new Element('div', {id: 'blogCoverAll', opacity: .5});
		coverAll.inject($(document.body), 'bottom');
	} else {
		coverAll.set('styles', {display: 'block'});
	}
	
	var coverBlog  = $('blogCoverBlog');
	if(!$chk(coverBlog)){
		
		var coverBlog  = new Element('div', {id: 'blogCoverBlog', opacity: .9});
		var blogHolder = new Element('div', {id: 'blogHolder', opacity: 1});
		var imgHolder  = new Element('div', {id: 'blogImage'});
		var txtHolder  = new Element('div', {id: 'blogText'});
		var imgClose   = new Element('img', {id: 'blogClose', src: blogCloseUrl});
		
		coverBlog.inject($(document.body));
		blogHolder.inject($(document.body));
		imgHolder.inject('blogHolder');
		txtHolder.inject('blogHolder');
		imgClose.inject('blogHolder');
		
		if(Browser.Engine.trident){
			imgHolder.setStyle('margin-left', '44px');
		}
		
		positionBlog();
		
		imgClose.addEvent('click', closeBlog);
		
		imgHolder.set('html','<img src="' + blogImgUrl + '" />');
		
		
		var bsb = new Element('div', {id: 'blogScroll'});
		var bh  = new Element('div', {id: 'blogHandle'});
		bsb.inject(txtHolder, 'after');
		bh.inject(bsb);
	} else {
		var coverBlog = $('blogCoverBlog');
		var blogHolder = $('blogHolder');
		var txtHolder  = $('blogText');
		var bsb = $('blogScroll');
		var bh  = $('blogHandle');
		
		coverAll.set('styles', {opacity: .5, display: 'block'});
		coverBlog.set('styles', {opacity: .9, display: 'block'});
		blogHolder.set('styles', {opacity: 1, display: 'block'});
		positionBlog();
	}
	
	txtHolder.set('html',txt);
	
	var s  = txtHolder.getSize().y;
	var ss = txtHolder.getScrollSize().y;
	
	if(ss > s){
		bsb.setStyles({display: 'block'});
		bh.setStyles({display: 'block'});
		
		if(!txtHolder.hasClass('blogTextPadded')){
			txtHolder.addClass('blogTextPadded');
		}
		
		delete blogSlider;
		makeScrollbar(txtHolder, bsb, bh);	
	} else {
		bsb.setStyle('display', 'none');
		bh.setStyle('display', 'none');
		if(txtHolder.hasClass('blogTextPadded')){
			txtHolder.removeClass('blogTextPadded');
		}
	}
	blogShown = true;
}

function closeBlog(){
	$('blogHolder').setStyle('display', 'none');
	$('blogCoverBlog').setStyle('display', 'none');
	$('blogCoverAll').setStyle('display', 'none');
	blogShown = false;
}

function keyPressHandler(evt) {
   if(evt.key=='esc'){
   	 if(imgShown){
   	 	hidePic();
   	 } else if(blogShown){
   	 	closeBlog();
   	 }
   }
}
				
window.addEvent('domready', function(){				
	
	var c  = $('content');
	if($chk(c)){
		var s  = c.getSize().y;
		var ss = c.getScrollSize().y;
		
		if(ss > s){
			var sb = new Element('div', {id: 'scrollbar'});
			var h  = new Element('div', {id: 'handle'});
			
			sb.inject(c, 'after');
			h.inject(sb);
	
			makeScrollbar( $('content'), $('scrollbar'), $('handle') );	
		}
	}
		
	var bloglink = $('navi' + blogID);
	if(bloglink){
		var aTag = bloglink.getElement('a');
		aTag.addEvent('click', function(event){
    		event.preventDefault();
    		openBlog(event);
    		
    		
    		
		});
	}
	
	var fn = open ? "addEvent" : "removeEvent";
	window[fn]("scroll", position)[fn]("resize", position);
	if(Browser.Engine.trident){
		$(document.body).addEvent("keydown", keyPressHandler);
	} else {
		$(window).addEvent("keydown", keyPressHandler);
	}
	
	//makeScrollbar( $('content1'), $('scrollbar1'), $('handle1') );
});