function imgMouseOverEvents(outString, overString, selector) {
	$$(selector).each(function(image) {
		image = $(image);
		if (image.hasClass('active'))
			{
			// set active
			if ($type(image.src)) image.src = image.src.replace(outString, overString);
			}
		if ($type(image.src)) {
			if (image.src.indexOf(outString) > 0) {
				image.addEvent('mouseenter',function(){
					image.src = image.src.replace(outString, overString);
				}).addEvent('mouseleave', function(){
					image.src = image.src.replace(overString, outString);
				});
			}
		}
	});
};

function displayimg(neuesimg) {
	$('sbdetails').setStyle('display','block');
	var currentimgpath = '/files/' + neuesimg; 
	var myimage = new Asset.image( currentimgpath, { 
		onload: function(){

		}
	});
	$('largeimg').set('src', '/files/' + neuesimg);
	$('bgwrapper').fade('hide');
	$('bgwrapper').setStyle('display','block');
	$('bgwrapper').fade('in');
	
	var getpicinfo = new Request.HTML({
			method:'post',
			data:{"picname":neuesimg  },
			url:'index.php?article_id=5&clang=0',
			onSuccess: function(html) {
				$('sbdetails').fade('in');
			},
			update: $('sbd_text'),
			onFailure: function() {
				$('sbd_text').set('text', 'The request failed.');
			}
		}).send();
}

function portimg(neuesimg, nimgid) {
	$('portdetails').setStyle('display','block');
	var currentimgpath = '/files/' + neuesimg; 
	var myimage = new Asset.image( currentimgpath, { 
		onload: function(){
		}
	});
	
	$('largeimg').set('src', '/files/' + neuesimg);
	$('bgwrapper').fade('hide');
	$('closelink').set('href', '#' + nimgid);
	$('sidescroll').setStyle('display','none');
	$('bgwrapper').setStyle('display','block');
	$('bgwrapper').fade('in');
	
	var getpicinfo = new Request.HTML({
			method:'post',
			data:{"picname":neuesimg  },
			url:'index.php?article_id=5&clang=0',
			onSuccess: function(html) {
				$('portdetails').fade('in');
			},
			update: $('port_text'),
			onFailure: function() {
				$('sbd_text').set('text', 'The request failed.');
			}
		}).send();
}

function closeport() {
	$('portdetails').fade('out');
	$('bgwrapper').setStyle('display','none');
	$('sidescroll').setStyle('display','block');
	$('largeimg').set('src', '');
}

function closeimg() {
	$('sbdetails').fade('out');
	$('bgwrapper').setStyle('display','none');
	$('largeimg').set('src', '');
}

window.addEvent('domready', function(){
	imgMouseOverEvents('_off', '_on', 'div#work img, div#about img, div#weinper img, div#bransch img, div#podnav img, div#newpod img');
	var size = $(document.body).getSize();
	var myCookie = Cookie.write('screenheight', size.y);
	var myCookie = Cookie.write('screenwidth', size.x);
	
	if($('sidescroll')) {
		var totalsize = 0;
		$$('.port').each(function(el){
			var elesize = el.getSize();
			totalsize = totalsize + elesize.x;
		});
		$('sidescroll').setStyle('width', totalsize + 'px');
		var totalsize = 0;
		$$('.port').each(function(el){
			var elesize = el.getSize();
			totalsize = totalsize + elesize.x;
		});
		$('sidescroll').setStyle('width', totalsize + 'px');
	}
	
}); // end DOMREADY