function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	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()});
}
// function to get scrollbar
function getScrollbar(content_show) {
	var scrollableid = content_show+"scrollable";
	var scrollbary		= content_show+"y";
	var scrollbarhandlery = content_show+"handlery";
	var scrollable_node			= $(scrollableid);
	var scrollable_node_coordinates		= scrollable_node.getCoordinates();
	var scrollable_node_height		= scrollable_node_coordinates.height;
	
	var scrollable_inner_node		= scrollable_node.getElement('div');
	var scrollable_inner_coordinates	= scrollable_inner_node.getCoordinates();
	var scrollable_inner_height		= scrollable_inner_coordinates.height;
	
	if (scrollable_inner_height > scrollable_node_height)
	{
		$(scrollbary).setStyle('display', 'block');
		$(scrollbarhandlery).setStyle('display', 'block');
		
		makeScrollbar(scrollable_node, $(scrollbary), $(scrollbarhandlery) );
	}
}

function callAJAX(geturl,container)
{
	if (geturl == '../modules/contentmanager/inc/q-aic.php?item=1')
	{
		window.open('http://www.q-designs.com/cd-rom/files.html');
	}
	
	else
	{
		var http_request = new Request.HTML(
		{
			url			: geturl,
			update		: container,
			onComplete	: function()
			{
				try {getScrollbar('Edelstahl');}
				catch(e){}
				
				try {getScrollbar('Overzicht');}
				catch(e){}
				
				initImages();
				initImageZoom();
			}
		});
		
		http_request.get();
	}
}

function updateContent(url){
			if(url)
				callAJAX(url,'dynaContent');
			try{
			getScrollbar('Edelstahl');
			}catch(e){}
			try{
			getScrollbar('Overzicht');
			}catch(e){}
			initImageZoom();
			initImages();
}

function showHiddenImages(){
	$("thumb_block").getElements('a').each(function(anchors){anchors.style.display='block'; });
}
function hideMediumImages()
{
	$("content_left").getElements('a').each(function(e){e.setStyle("display","none");});
}

function initImages()
{
	var count=0;
	try{
		$("thumb_block").getElements('a').each(function(anchors){					
			anchors.addEvents({														  
				'click':function(){
					showHiddenImages();
					hideMediumImages();
					anchors.style.display='none';
					var bAnchor=$("content_left").getElements("a");
					bAnchor[anchors.rel].setStyle("display","block");
					return false;
				},
				'mousedown':function(){
				}
				  
			});
			
			if(count==0){
				hideMediumImages();
				anchors.style.display='none';
				var bAnchor=$("content_left").getElements("a");				
				bAnchor[count].setStyle("display","block");
			}
			count++;
		
		});	
	}
	catch(e){}
}

function showLightboxFromFlash(index)
{
	var count=0;
	$("content_left").getElements('a').each(function(e){
		if(count==index)
		{
			e.fireEvent("click");
		}
		count++;
	});
}