Event.observe(window, 'load', function() {
	if ($('wrapper').getWidth() < $('inner').getWidth()) {
		$('footer').insert({top:'<img id="scroll-left-hint" src="' + PATH_.images + 'scrollers/scroll-left-hint.png" style="display: none;"/><img id="scroll-right-hint" src="' + PATH_.images + 'scrollers/scroll-right-hint.png" style="display: none;"/>'});
		$('main').insert('<div id="scroll-left"><\/div><div id="scroll-right" class="active"><\/div>');
		new HorizontalScroller($('middle'), {left: $('scroll-left'), right: $('scroll-right')}, {frequency: 1, step: 5, stepModifier: 3});
		}

	$$('#inner dl dd ul li a.light', '#inner dl dd ul li a.medium', '#inner dl dd ul li a.dark').each(function (elm) {
		elm.observe('mouseover', function (event) {
			if ($('wrapper').getWidth() - elm.cumulativeOffset().left + $('middle').scrollLeft < 284) {
				elm.addClassName('last');
				} else {
					elm.removeClassName('last');
					}
			$('work-hint').hide();
			$('project-codename-' + elm.rel).show();
			thumbnail = elm.down('.thumbnail');
			if (thumbnail && !thumbnail.visible() && (thumbnail != event.element()) && (!event.element().descendantOf(thumbnail))) {
				thumbnail.appear({duration: 0.5, from: 0 , to :1});
				}
			}).observe('mouseout', function (event) {
				elm.removeClassName('last');
				$('project-codename-' + elm.rel).hide();
				$('work-hint').show();
				element = event.element();
				var related = event.relatedTarget || event.toElement;						
				if (related && !(related.descendantOf(elm) || related == elm)) {
					thumbnail = elm.down('.thumbnail');
					if (thumbnail) {
						thumbnail.hide();
						}
					}
				});
		});

	$$('#wrapper dl dd ul li a.empty').each(function (elm) {
		elm.down().update('<img src="' + PATH_.images + 'label-back.png" class="code" style="display: none;" />');
		elm.observe('mouseover', function (event) {
			$('back-hint').show();
			$('work-hint').hide();
			elm.down('img').show();
			}).observe('mouseout', function (event) {
				$('back-hint').hide();
				$('work-hint').show();
				elm.down('img').hide();
				}).observe('click', function (event) {
					event.stop();
					history.go(-1);
					});
		});

	$$('#inner dl dd ul li a .thumbnail').each(function (elm) {
		elm.hide().observe('mouseover', function (event) {
			elm.hide();
			});		
		});

	$$('#inner dl dd ul li a .thumbnail img').each(function (elm) {
		elm.observe('error', function (event) {
			event.stop();
			elm.hide();
			});
		});

	$$('#footer ul li a').each(function (elm) {
		elm.observe('mouseover', function (event) {
			$('work-hint').hide();
			$(elm.classNames().toArray().first() + '-hint').show();
			}).observe('mouseout', function (event) {
				$(elm.classNames().toArray().first() + '-hint').hide();
				$('work-hint').show();
				});
		});

	});