function init_portfolio() {
	activate_change_background();
	activate_toggle_project_info();
	activate_toggle_gallery();
}
var cur_bg_index = 0;

/* CHANGE BACKGROUND */
function activate_change_background() {
	if(document.getElementById('change_bg')) {
		var bg_changer = document.getElementById('change_bg');
		bg_changer.onclick=function() {
			change_background_image();
			return false;
		}
	}
}
function change_background_image() {
	var num_bg = page_bgs.length;
	var next_index;
	if((cur_bg_index+1)<num_bg) {
		next_index = cur_bg_index +1;
	} else {
		next_index = 0;
	}
	cur_bg_index = next_index;
	var bg_img_holder = document.getElementById('page_background');
	bg_img_holder.src=page_bgs[next_index];
}
/* TOGGLE INSTANT DIVS */
var content_divs = new Array('project_info_hold', 'project_gallery', 'project_gal_zoom');

function toggle_content_divs(div_to_show) {
	for(var a=0; a<content_divs.length; a++) {
		var div_name = content_divs[a];
		//alert('div_name ='+div_name+' | div_to_show = '+div_to_show);
		if(div_to_show==div_name) {
			var this_div_to_show = document.getElementById(div_name);
			this_div_to_show.style.display = 'block';
		} else {
			if(document.getElementById(div_name)) {
				var this_div_to_hide = document.getElementById(div_name);
				if((div_name=='project_gallery') || (div_name=='project_gal_zoom')) {
					this_div_to_hide.innerHTML='';
				}
				this_div_to_hide.style.display = 'none';
			}
		}
	}
}


/* PROJECT INFO */
function activate_toggle_project_info() {
	if(document.getElementById('project_info')) {
		var project_info = document.getElementById('project_info_hold');
		var project_info_but = document.getElementById('project_info');
		project_info_but.onclick=function() {
			toggle_content_divs('project_info_hold');
			return false;
		}
		var close_project_info_but = document.getElementById('close_project_info');
		close_project_info_but.onclick=function() {
			project_info.style.display = "none";
			return false;
		}
	}
}
/* GALLERY */
function activate_toggle_gallery() {
	if(document.getElementById('view_images')) {
		var view_images_but = document.getElementById('view_images');
		view_images_but.onclick=function() {
			make_gallery();
			return false;
		}
	}
}
function make_gallery() {
	if(page_gal_imgs.length>0) {
		var gallery_html = '<a href="'+location.href+'#close_gallery_thumbs" class="close_but" id="close_gallery_thumbs" title="Close images"><span class="pixel_img_alt">X</span></a><br />\n';
		var num_per_row = 3;
		var num_images = page_gal_imgs.length;
		for(var a=0; a<page_gal_imgs.length; a++) {
			var this_thumb = page_gal_thumb_imgs[a];
			var this_large = page_gal_imgs[a];
			var this_thumb_html = '<a href="'+location.href+'#view_image_'+a+'" title="ZOOM" class="gallery_thumb" rel="gallery_large"><img src="'+this_thumb+'" alt="" /></a>\n';
			gallery_html = gallery_html + this_thumb_html;
		}
		var project_gallery = document.getElementById('project_gallery');
		project_gallery.innerHTML = gallery_html;
		project_gallery.style.display="block";
		thumb_rollover();
		var close_gal_but = document.getElementById('close_gallery_thumbs');
		close_gal_but.onclick=function() {
			project_gallery.innerHTML='';
			return false;
		}
	}
	toggle_content_divs('project_gallery');
}

var cur_z_index=5;

function thumb_rollover() {
	var gal_thumbs = getElementsByClassName('gallery_thumb');
	for(var a=0; a<gal_thumbs.length; a++) {
		gal_thumbs[a].onmouseover=function() {
			cur_z_index++;
			this.style.zIndex = cur_z_index;
		}
		gal_thumbs[a].onclick=function() {
			show_large(this);
			return false;
		}
	}
}
var cur_large_index;

function show_large(link) {
	var link_href=link.href;
	var href_to_delete = location.href;
	link_href = link_href.replace(href_to_delete, '');
	var img_index = link_href.replace('#view_image_', '');
	cur_large_index = img_index;
	
	var lrg_gallery_html = '<a href="'+location.href+'#prev_image" id="prev_image" title="PREVIOUS PICTURE"><span class="pixel_img_alt">PREVIOUS PICTURE</span></a>\n';
	lrg_gallery_html = lrg_gallery_html + '<a href="'+location.href+'#next_image" id="next_image" title="NEXT PICTURE"><span class="pixel_img_alt">NEXT PICTURE</span></a>\n';
	lrg_gallery_html = lrg_gallery_html + '<a href="'+location.href+'#close_gal_zoom" class="close_but" id="close_gal_zoom" title="Close Image"><span class="pixel_img_alt">X</span></a><br />\n';
	lrg_gallery_html = lrg_gallery_html + '<img src="'+page_gal_imgs[img_index]+'" id="gal_zoom_image" />\n';
	
	var gallery_zoom = document.getElementById('project_gal_zoom');
	gallery_zoom.innerHTML = lrg_gallery_html;
	gallery_zoom.style.display="block";
	toggle_content_divs('project_gal_zoom');
	
	// CLOSE BUT MAAKT GALLERY AAN
	var close_gal_zoom_but = document.getElementById('close_gal_zoom');
	close_gal_zoom_but.onclick=function() {
		make_gallery();
		return false;
	}
	// NEXT BUTTON
	var num_images = page_gal_imgs.length;
	var next_img_but = document.getElementById('next_image');
	next_img_but.onclick=function() {
		if((cur_large_index+1)<num_images) {
			cur_large_index++;
		} else {
			cur_large_index = 0;
		}
		var zoom_image = document.getElementById('gal_zoom_image');
		zoom_image.src = page_gal_imgs[cur_large_index];
		return false;
	}
	// PREV BUTTON
	var prev_img_but = document.getElementById('prev_image');
	prev_img_but.onclick=function() {
		if((cur_large_index-1)>=0) {
			cur_large_index--;
		} else {
			cur_large_index = num_images-1;
		}
		var zoom_image = document.getElementById('gal_zoom_image');
		zoom_image.src = page_gal_imgs[cur_large_index];
		return false;
	}
}