// Copyright 2005 Matrix.by
// $Id$

// See caller for definition:
// WORKS_COLS
// WORKS_ROWS

var WORKS_OFFSET_TOP   = 1;
var WORKS_OFFSET_LEFT  = 1;
var WORKS_ITEM_WIDTH   = 93;
var WORKS_ITEM_HEIGHT  = 93;
var WORKS_ITEM_SPACING = 1;

var WORKS_HILITE_WIDTH  = 2;
var WORKS_HILITE_OFFSET = 0;

// Preload
var gCornerTop = new Image();
gCornerTop.src = 'img/corner_tr_works_hover.gif';
var gCornerBot = new Image();
gCornerBot.src = 'img/corner_br_works_hover.gif';

function restoreCorners() {

	if (!document.getElementById) return;

	$('corner_tr').style.backgroundImage = 'url(img/corner_tr_works.gif)';
	$('corner_br').style.backgroundImage = 'url(img/corner_br_works.gif)';
}

function overWorks(workNum) {

	if (!document.getElementById) return;
	
	var row = Math.ceil(workNum / WORKS_COLS) - 1;
	var col = (workNum - WORKS_COLS * row) - 1;
	
	var hiliteLeft = WORKS_OFFSET_TOP + (WORKS_ITEM_WIDTH + WORKS_ITEM_SPACING) * col + WORKS_HILITE_OFFSET;
	var hiliteTop = WORKS_OFFSET_LEFT + (WORKS_ITEM_HEIGHT + WORKS_ITEM_SPACING) * row + WORKS_HILITE_OFFSET;
	
	with ($('hiliter_top').style) {
		width = WORKS_ITEM_WIDTH - WORKS_HILITE_OFFSET * 2;
		height = WORKS_HILITE_WIDTH;
		left = hiliteLeft;
		top = hiliteTop;
		visibility = 'visible';
	}
	
	with ($('hiliter_right').style) {
		width = WORKS_HILITE_WIDTH;
		height = WORKS_ITEM_HEIGHT - WORKS_HILITE_OFFSET * 2;
		left = hiliteLeft + WORKS_ITEM_WIDTH - WORKS_HILITE_WIDTH - WORKS_HILITE_OFFSET * 2;
		top = hiliteTop;
		visibility = 'visible';
	}
	
	with ($('hiliter_bottom').style) {
		width = WORKS_ITEM_WIDTH - WORKS_HILITE_OFFSET * 2;
		height = WORKS_HILITE_WIDTH;
		left = hiliteLeft;
		top = hiliteTop + WORKS_ITEM_HEIGHT - WORKS_HILITE_WIDTH - WORKS_HILITE_OFFSET * 2;
		visibility = 'visible';
	}
	
	with ($('hiliter_left').style) {
		width = WORKS_HILITE_WIDTH;
		height = WORKS_ITEM_HEIGHT - WORKS_HILITE_OFFSET * 2;
		left = hiliteLeft;
		top = hiliteTop;
		visibility = 'visible';
	}
	
	if (row == 0 && col == WORKS_COLS - 1) {
		$('corner_tr').style.backgroundImage = 'url(img/corner_tr_works_hover.gif)';
	} else if (row == WORKS_ROWS - 1 && col == WORKS_COLS - 1) {
		$('corner_br').style.backgroundImage = 'url(img/corner_br_works_hover.gif)';
	} else {
		restoreCorners();
	}
}

function outWorks(e) {
	
	if (!document.getElementById) return;
	
	$('hiliter_top').style.visibility = 'hidden';
	$('hiliter_right').style.visibility = 'hidden';
	$('hiliter_bottom').style.visibility = 'hidden';
	$('hiliter_left').style.visibility = 'hidden';
	
	restoreCorners();
}

function  init() {
	var works = document.getElementsByClassName('work');
	for (var i = 0, n = works.length; i < n; i++) {
		works[i].onmouseover = new Function('overWorks(' + (i + 1) + ')');
	}
	$('content').onmouseout = outWorks;
}

if (window.attachEvent) {
	window.attachEvent('onload', init);
} else if (window.addEventListener) {
	window.addEventListener('load', init, false);
}