// scripts.js
var thumbPos = [];
var thumbActivePos = [];
var thumbLength = [];
var maxThumbLength = [];
var frameWidth = 920;
var page_images_combined = [];
var thumb_h = 0;
var thumb_v = 1;

thumbPos[thumb_h] = 0;
thumbActivePos[thumb_h] = 0;
thumbLength[thumb_h] = 6;
maxThumbLength[thumb_h] = 6;

thumbPos[thumb_v] = 0;
thumbActivePos[thumb_v] = 0;
thumbLength[thumb_v] = 0;
maxThumbLength[thumb_v] = 0;

function dump_object(o) {
	var att_list = "";
	for (a in o) {
		att_list += ("<"+a+"> ");
	}
	alert(att_list);
}

function page_init() {
	if (maxThumbLength[thumb_v] > 0)
		create_combined_page_images();
	else
		dummy_combined_page_images();
	
	page_adjust();
	init_thumbs();
}
function create_combined_page_images() {
	var detail_text = "";
	var detail_no = -1;
	var j;
	for (var i=0; i<page_images.length; i++) {
		if (!page_images[i])
			continue;
		if (detail_text != page_images[i][2]) {
			page_images_combined[++detail_no] = [];
			detail_text = page_images[i][2];
			j = 0;
		}
		page_images_combined[detail_no][j++] = i;
	}
}
function dummy_combined_page_images() {
	var j = 0;
	for (var i=0; i<page_images.length; i++) {
		if (!page_images[i])
			continue;

		page_images_combined[j] = [];
		page_images_combined[j][0] = i;
		j++;
	}
}

function page_adjust(thisObj, thisEvent) {
	if (document.getElementById("FRAME_TABLE")) {
		document.getElementById("FRAME_TABLE").width=frameWidth;
	}
	
	document.getElementById("title_menu_item").innerHTML = title_menu_item;
	var nav_bar = document.getElementById("NAVIGATATION_BAR");
	for (var i=0; i<nav_bar.rows.length; i++) {
		if (menu_item_pos && (menu_item_pos == i+1))  {
			nav_bar.rows[i].cells[0].className = "nav-x-highlighted";
		} else {
			nav_bar.rows[i].cells[0].className = "nav-x-normal";
		}
	}
}

function displayImage(pos) {
	if (!page_images[page_images_combined[thumbPos[thumb_h]+pos][0]]) {
		return;
	}
	var thumb = document.getElementById("THUMB");
	thumb.rows[2].cells[1].innerHTML = '<img height="360" border="0" title="' + page_images[page_images_combined[thumbPos[thumb_h]+pos][0]][2] + '" src="' + page_images[page_images_combined[thumbPos[thumb_h]+pos][0]][1] + '">';
	thumb.rows[3].cells[1].innerHTML = page_images[page_images_combined[thumbPos[thumb_h]+pos][0]][2];
	thumbActivePos[thumb_h] = thumbPos[thumb_h]+pos;
	thumbPos[thumb_v] = 0;
	set_thumb_images_v();
	showActiveImage(pos);
}
function displayImageV(pos) {
	if (maxThumbLength[thumb_v] == 0)
		return;

	if (!page_images[page_images_combined[thumbActivePos[thumb_h]][thumbPos[thumb_v]+pos]]) {
		return;
	}
	var thumb = document.getElementById("THUMB");
	thumb.rows[2].cells[1].innerHTML = '<img height="360" border="0" title="' + page_images[page_images_combined[thumbActivePos[thumb_h]][thumbPos[thumb_v]+pos]][2] + '" src="' + page_images[page_images_combined[thumbActivePos[thumb_h]][thumbPos[thumb_v]+pos]][1] + '">';
	thumb.rows[3].cells[1].innerHTML = page_images[page_images_combined[thumbActivePos[thumb_h]][thumbPos[thumb_v]+pos]][2];
	thumbActivePos[thumb_v] = thumbPos[thumb_v]+pos;
}

function init_thumbs() {
	if ((page_images_combined[page_images_combined.length-1] == null) && (page_images_combined.length > 0)) {
		page_images_combined.length--;
	}
	displayImage(0);
	thumbPos[thumb_h] = 0;
	set_thumb_images_h();
	thumbActivePos[thumb_h] = 0;
	set_thumb_images_v();
	set_empty_thumb_images();
}

function set_empty_thumb_images() {
	//var thumb = document.getElementById("THUMB");
	//for (var i=thumbLength[thumb_h]+1; i<maxThumbLength[thumb_h]; i++) {
	//	thumb.rows[0].cells[i+1].width = 0;
	//}	
	//for (var i=thumbLength[thumb_v]+1; i<maxThumbLength[thumb_v]; i++) {
	//	thumb.rows[0].cells[i+1].width = 0;
	//}	
}

function set_thumb_images_h() {
	var thumb = document.getElementById("THUMB");
	if ((thumbPos[thumb_h]+thumbLength[thumb_h]) > page_images_combined.length) {
		thumbPos[thumb_h] = page_images_combined.length - thumbLength[thumb_h];
	}

	if (thumbPos[thumb_h] < 0) {
		thumbPos[thumb_h] = 0;
	}
	if (thumbPos[thumb_h] > 0) {
		thumb.rows[1].cells[0].innerHTML = '<img border="0" title="Previous" src="images/prev.gif">';
	} else {
		thumb.rows[1].cells[0].innerHTML = '<img border="0" title="Previous" src="images/prevdis.gif">';
	}
	
	if (page_images_combined.length == 0 || thumbPos[thumb_h] == (page_images_combined.length - thumbLength[thumb_h])) {
		thumb.rows[1].cells[maxThumbLength[thumb_h]+1].innerHTML = '<img style="margin-left: 0px; padding-left: 0px;" border="0" title="Next" src="images/nextdis.gif">';
	} else {
		thumb.rows[1].cells[maxThumbLength[thumb_h]+1].innerHTML = '<img style="margin-left: 0px padding-left: 0px;" border="0" title="Next" src="images/next.gif">';
	}
	
	for (var i=0; i<thumbLength[thumb_h]; i++) {
		thumb.rows[0].cells[i+1].className='';
		thumb.rows[0].cells[i+1].innerHTML = thumbPos[thumb_h]+i+1;
		if (page_images_combined[thumbPos[thumb_h]+i]) {
			thumb.rows[1].cells[i+1].innerHTML = '<img border="0" title="' + page_images[page_images_combined[thumbPos[thumb_h]+i][0]][2] + '" src="' + page_images[page_images_combined[thumbPos[thumb_h]+i][0]][0] + '">';
		}
	}

}
function showActiveImage(pos) {
	var thumb = document.getElementById("THUMB");
	for (var i=0; i<thumbLength[thumb_h]; i++) {
		if (i == pos)
			thumb.rows[0].cells[i+1].className='active-model';
		else
			thumb.rows[0].cells[i+1].className='';

	
	}
}
function set_thumb_images_v() {
	if (maxThumbLength[thumb_v] == 0)
		return;

	var thumb = document.getElementById("THUMB_V");
	if ((thumbPos[thumb_v]+thumbLength[thumb_v]) > page_images_combined[thumbActivePos[thumb_h]].length) {
		thumbPos[thumb_v] = page_images_combined[thumbActivePos[thumb_h]].length - thumbLength[thumb_v];
	}

	if (thumbPos[thumb_v] < 0) {
		thumbPos[thumb_v] = 0;
	}
	details_text = 'Details: model No ' + (thumbActivePos[thumb_h]+1);
	if (thumbPos[thumb_v] > 0) {
		thumb.rows[0].cells[0].innerHTML = '<span class="model-details-text">'+ details_text +'</span><br /><img border="0" title="Previous" src="images/prev_v.gif">';
	} else {
		thumb.rows[0].cells[0].innerHTML = '<span>'+ details_text +'</span><br /><img border="0" title="Previous" src="images/prevdis_v.gif">';
	}
	
	if (page_images_combined[thumbActivePos[thumb_h]].length == 0 || thumbPos[thumb_v] >= (page_images_combined[thumbActivePos[thumb_h]].length - thumbLength[thumb_v])) {
		thumb.rows[maxThumbLength[thumb_v]+1].cells[0].innerHTML = '<img style="margin-left: 0px; padding-left: 0px;" border="0" title="Next" src="images/nextdis_v.gif">';
	} else {
		thumb.rows[maxThumbLength[thumb_v]+1].cells[0].innerHTML = '<img style="margin-left: 0px padding-left: 0px;" border="0" title="Next" src="images/next_v.gif">';
	}
	
	for (var i=0; i<thumbLength[thumb_v]; i++) {
		if (page_images[page_images_combined[thumbActivePos[thumb_h]][i]]) {
			thumb.rows[i+1].cells[1].innerHTML = thumbPos[thumb_v]+i+1;
			thumb.rows[i+1].cells[0].innerHTML = '<img border="0" title="' + page_images[page_images_combined[thumbActivePos[thumb_h]][thumbPos[thumb_v]+i]][2] + '" src="' + page_images[page_images_combined[thumbActivePos[thumb_h]][thumbPos[thumb_v]+i]][0] + '">';
		} else {
			thumb.rows[i+1].cells[1].innerHTML = '&nbsp;';
			thumb.rows[i+1].cells[0].innerHTML = '&nbsp;';
		}
	}

}

function moveLeft() {
	if (arguments.length == 0)
		thumb_no = thumb_h;
	else
		thumb_no = arguments[0];
	
	if (document.getElementById("FAST_NAVIGATOR").checked) {
		moveFastLeft(thumb_no);
	 } else {
	 	moveSlowLeft(thumb_no);
	 }
}

function moveRight() {
	if (arguments.length == 0)
		thumb_no = thumb_h;
	else
		thumb_no = arguments[0];
	
	if (document.getElementById("FAST_NAVIGATOR").checked) {
		moveFastRight(thumb_no);
	 } else {
	 	moveSlowRight(thumb_no);
	 }
}
function moveUp() {
	moveFastLeft(thumb_v);
}
function moveDown() {
	moveFastRight(thumb_v);	
}

function moveSlowLeft(thumb_no) {
	--thumbPos[thumb_no];
	if (thumb_no == thumb_h)
		set_thumb_images_h();
	else if (thumb_no == thumb_v)
		set_thumb_images_v();

}

function moveSlowRight(thumb_no) {
	++thumbPos[thumb_no];
	if (thumb_no == thumb_h)
		set_thumb_images_h();
	else if (thumb_no == thumb_v)
		set_thumb_images_v();

}

function moveFastLeft(thumb_no) {
	thumbPos[thumb_no] = thumbPos[thumb_no] - thumbLength[thumb_no] + 1;
	thumbActivePos[thumb_no] = thumbPos[thumb_no];
	if (thumb_no == thumb_h)
		set_thumb_images_h();
	else if (thumb_no == thumb_v)
		set_thumb_images_v();

}

function moveFastRight(thumb_no) {
	thumbPos[thumb_no] = thumbPos[thumb_no] + thumbLength[thumb_no] - 1;
	if (thumb_no == thumb_h)
		set_thumb_images_h();
	else if (thumb_no == thumb_v)
		set_thumb_images_v();

}

function openW(mypage,myname,w,h,features) {
	if(screen.width){
		var winl = (screen.width-w)/2;
		var wint = (screen.height-h)/2;
	} else {
		winl = 0;
		wint =0;
	}
	if (winl < 0) winl = 0;
	if (wint < 0) wint = 0;
	var settings = 'height=' + h + ',';
	settings += 'width=' + w + ',';
	settings += 'top=' + wint + ',';
	settings += 'left=' + winl + ',';
	settings += features;
	win = window.open(mypage,myname,settings);
	win.window.focus();
}