// JavaScript Document
function home_tab(tab) {
	var tabs = new Array('welcome', 'bw', 'colour', 'scanners', 'finishers', 'software', 'supplies');
	for (var i = 0; i < tabs.length; i++) {
		document.getElementById(tabs[i] + '_tab').className = '';
		document.getElementById(tabs[i] + '_div').style.display = 'none';
	}
	document.getElementById(tab + '_tab').className = 'home_tab_active';
	document.getElementById(tab + '_div').style.display = '';
};

function product_info(tab) {
	var tabs = new Array('overview', 'features', 'specs');
	for (var i = 0; i < tabs.length; i++) {
		document.getElementById(tabs[i] + '_tab').className = '';
		document.getElementById(tabs[i] + '_div').style.display = 'none';
	}
	document.getElementById(tab + '_tab').className = 'product_tab_active';
	document.getElementById(tab + '_div').style.display = '';
};

function preview(object, id, iw, ih) {
	//o = object, w = window, i = image, m = margin
	var mw = 10, mh = 10;
	//thumbnail coordinates
	var ow = object.offsetWidth;
	var oh = object.offsetHeight;
	var ox = 0, oy = 0;
	if (object.offsetParent) {
		ox = object.offsetLeft;
		oy = object.offsetTop;
		while (object = object.offsetParent) {
			ox += object.offsetLeft;
			oy += object.offsetTop;
		}
	}
	//window size
	if (document.innerWidth) {
		ww = document.innerWidth;
		wh = document.innerHeight;
	} else if (document.body.clientHeight) {
		ww = document.body.clientWidth;
		wh = document.body.clientHeight;
	}
	//decide positioning
	//var ix = (iw + ow + ox > ww && ox > ww - ox - ow) ? (ox - iw -mw) : (ox + ow + mw);
	//var iy = (ih + oh + oy > wh && oy > wh - oy - oh) ? (oy + oh - ih) : oy;
	var ix = (iw + ow + ox > ww && ox > ww - ox - ow) ? (ox - iw) : (ox + ow);
	var iy = (ih + oh + oy > wh && oy > wh - oy - oh) ? (oy - ih) : (oy + oh);
	
	var frame = document.getElementById('preview_frame');
	frame.style.width = iw + 'px';
	frame.style.height = iw + 'px';
	frame.style.left = ix + 'px';
	frame.style.top = iy + 'px';
	frame.style.visibility = 'visible';
}

function hide_preview() {
	document.getElementById('preview_frame').style.visibility = 'hidden';
}

function gallery_select(id) {
	var thumb = document.getElementById(id);
	var check = document.getElementById('check_' + id);
	if (check.checked == true) {
		thumb.style.borderColor = '#666666';
		thumb.style.backgroundColor = '#000000';
		check.checked = false;
		//checkmarks
	} else {
		thumb.style.borderColor = '#F66666';
		thumb.style.backgroundColor = '#FB0000';
		check.checked = true;
	}
}

function default_text(id) {
	element = document.getElementById(id);
	switch (element.value) {
	case element.defaultValue:
		element.value = '';
		break;
	case '':
		element.value = element.defaultValue;
		break;
	default:
		break;
	}
}
