function init() {
    if(!document.all) {
        document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = update_position;
    pages = new Array();
	if (aantalPages<=4) {
		pages.push("pg_1.jpg", "pg_2.jpg", "pg_3.jpg", "pg_4.jpg");
	} else {
		for (k=0; k<aantalPages; k++) {
			l = k+1;
			pages.push("pg_"+l+".jpg");
		};
	};
    get('pageimage').src = 'images/pages/' + pages[page-1];
    get('pageimage').style.display = 'block';
}

function popup(id) {
    window.open(clicks[id],'','width=340,height=495,resize=no,location=no,status=no');    
}

function update_position(e) {
    if(document.all) {
        get('bubble').style.top = window.event.clientY; + 10 + 'px';
        get('bubble').style.left = window.event.clientX + 10 + 'px';
    }
    else {
        get('bubble').style.left = e.pageX + 10 + 'px';
        get('bubble').style.top = e.pageY + 10 + 'px';
    }
}

function goto_page(num) {
    location.href = '?page='+num;
}

function switch_panel() {
    if(get('left').style.display == 'none') {
        get('left').style.display = 'block';
    }
    else {
        get('left').style.display = 'none';
    }
}

function show_bubble(area) {
    id = area.id.replace('product_','');
    get('bubbleheader').innerHTML = products[id];
    get('bubble').style.display = '';
}

function hide_bubble(area) {
    get('bubble').style.display = 'none';
}

function get(name) {
    return document.getElementById(name);
}