/* 
 * A. kuzmaonvski, ak@kuzmanovski.de
 *
 */

jQuery.fn.leftScrollbar = function(){
	var items = $(this);
	$(function(){
		items.each(function(){
			var e = $(this);
			var content = e.html();
			var ie = !jQuery.support.boxModel;
			var w = e[ie?'innerWidth':'width'](), h = e[ie?'innerHeight':'height']();
			//calculate paddings
			var pad = {};
			$(['top', 'right', 'bottom', 'left']).each(function(i, side){
				pad[side] = parseInt(e.css('padding-' + side).replace('px',''));
			});
			//detect scrollbar width
			var xfill = $('<div>').css({margin:0, padding:0, height:'1px'});
			e.append(xfill);
			var contentWidth = xfill.width();
			var scrollerWidth = e.innerWidth() - contentWidth - pad.left - pad.right;
			e.html('').css({overflow:'hidden'});
			e.css('padding', '0');

			var poserHeight = h - pad.top - pad.bottom;
			var poser = $('<div>')
				.html('<div style="visibility:hidden">'+content+'</div>')
				.css({
					marginLeft: -w+scrollerWidth-(ie?0:pad.left*2),
					overflow: 'auto'
				})
				.height(poserHeight+(ie?pad.top+pad.bottom:0))
				.width(w);

			var pane = $('<div>')
				.html(content)
				.css({
					width: w-scrollerWidth-(ie?0:pad.right+pad.left),
					height: h-(ie?0:pad.bottom+pad.top),
					overflow: 'hidden',
					marginTop: -poserHeight-pad.top*2,
					marginLeft: scrollerWidth
				});

			$(['top', 'right', 'bottom', 'left']).each(function(i, side){
				 poser.css('padding-'+side, pad[side]);
				 pane.css('padding-'+side, pad[side]);
			});
			e.append(poser).append(pane);

			var hRatio = (pane.innerHeight()+pad.bottom) / poser.innerHeight();
			window.setInterval(function(){
				pane.scrollTop(poser.scrollTop()*hRatio);
			}, 15);
		});
	});
	return items;
};



jQuery(document).ready(function() {

    
//jQuery("#content").leftScrollbar();

   jQuery('#content').jScrollPane({
            showArrows: true,
            arrowScrollOnHover: true,
            verticalDragMinHeight: 51,
            verticalDragMaxHeight: 51


        });
        jQuery('.jspHorizontalBar').hide();
        

   jQuery('#maincontainer').css("background-image", "url(css/images/background-" + page_option + ".png)");

   jQuery(".extern").tooltip({track: true,
    delay: 0,
    showURL: false,
    opacity: 1,
    fixPNG: true,
    showBody: " -- ",
    extraClass: "pretty fancy",
    top: -15,
    left: 5 });

    jQuery(".refimagelink").tooltip({track: true,
    delay: 0,
    showURL: false,
    opacity: 1,
    fixPNG: true,
    showBody: " -- ",
    extraClass: "pretty2 fancy2",
    top: -15,
    left: 5 });



});