/*
 * 
 * the SLA javascript! weehoo...
 * 
 */


function swap_init() {
	img_list = document.getElementsByTagName('img');
	for (var i=0; i<img_list.length; i++) {
		var thumb_img = img_list[i];
		var smallsrc = thumb_img.getAttribute("smallsrc");
		if (!smallsrc) continue;
		thumb_img.setAttribute('orig_src', thumb_img.src);
		thumb_img.other_img = new Image();
		thumb_img.other_img.src = smallsrc;
		var project_div = thumb_img.parentNode.parentNode;
		var links = project_div.getElementsByTagName('a');
		for (var j=0; j<links.length; j++) {
			links[j].onmouseover = new Function("swap_show('" + project_div.id +"', '" + smallsrc +"');");
			links[j].onmouseout = new Function("swap_hide('" + project_div.id +"');");
		}
	}
}

function swap_show(project_id, smallsrc) {
	document.getElementById('imgBig').src = smallsrc;
	document.getElementById('imgBig').display = 'block';
}

function swap_hide(project_id) {
	document.getElementById('imgBig').display = 'none';
}

function numbers_init() {
	span_list = document.getElementById('img-numbers').getElementsByTagName('span');
	for (var i=0; i<span_list.length; i++) {
		var number_span = span_list[i];
		var mediumsrc = number_span.getAttribute("mediumsrc");
		if (!mediumsrc) continue;
		number_span.other_img = new Image();
		number_span.other_img.src = mediumsrc;
		number_span.onmouseover = new Function("numbers_show('" + mediumsrc +"');");
	}
}

function numbers_show(mediumsrc) {
	document.getElementById('medium-image').src = mediumsrc;

}
function scroll_init() {
	// Global variable
	g_imgBig_pos = document.getElementById('imgBig').offsetTop;
	if (document.addEventListener) {
		document.addEventListener('scroll', scroll_event, true);
	} else if (document.attachEvent) {
		window.attachEvent("onscroll", scroll_event);
	}
	scroll_event();
}

function scroll_event(evt) {
	var pos = _page_pos();
	if (pos > g_imgBig_pos - 30) {
		var delta = pos - g_imgBig_pos;
		delta += 30;
		document.getElementById('imgBig').style.top = delta + "px";
	} else {
		document.getElementById('imgBig').style.top = "0px";
	}
}


function expand(naam) {
	var el = document.getElementById(naam);
	el.style.display =  'inline'	
};
	
function collapse(naam) {
	var el = document.getElementById(naam);
	el.style.display =  "none";
}

function _page_pos() {
	if (window.innerHeight)
		return window.pageYOffset;
	else if (document.documentElement && document.documentElement.scrollTop)
		return document.documentElement.scrollTop;
	else if (document.body)
		return pos = document.body.scrollTop;
}