var docEl = (typeof document.compatMode != "undefined" && 
			document.compatMode != "BackCompat") ? "documentElement" : "body";

var pos = 0;
var maxpos = 0;

var xDiv = 0;
var yDiv = 0;
var div_width;

var x = 0;
var y = 0;

var image_move = true;
var active_nr = -1;

var image_count = 0;
var image_load_count = -1;


function mouse_pos(e) 
{
	var xPos = e ? e.pageX : window.event.clientX;
	var yPos = e ? e.pageY : window.event.clientY;

	if (document.all && !document.captureEvents) 
	{
		xPos += document[docEl].scrollLeft;
		yPos += document[docEl].scrollTop;
	}

	if(document.getElementById('div_image_stripe'))
	{
		xDiv = document.getElementById('div_image_position').offsetLeft;
		yDiv = document.getElementById('div_image_position').offsetTop;
		div_width = document.getElementById('div_image_stripe').offsetWidth;
		maxpos = div_width - 540;
	}
	
	x = xPos;
	y = yPos;

	if(x < xDiv || x >= 540 + xDiv) x = 0;
	else x = x - xDiv - 540 / 2;

	if(y < yDiv || y >= yDiv + 112) x = 0;
	
	var b = 0;
	if(x != 0) b = 272 - Math.abs(x);
	b = parseInt( b / 8 ); // (b * b) / 150
	if(x < 0) b *= -1;
	
	if(b > 28 || b < -29) b = 0;

	x = b;
}


function init_mousemove() 
{
	if(document.layers) document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = mouse_pos;
}


function move()
{
	if(x > 0 && image_move) pos += 3;
	if(x < 0 && image_move) pos -= 3;
	
	if(pos > maxpos) pos = maxpos;
	if(pos < 0) pos = 0;

	pos = parseInt(pos);

	if(document.getElementById('div_image_stripe'))
	{
		xDiv = document.getElementById('div_image_position').offsetLeft;
		yDiv = document.getElementById('div_image_position').offsetTop;
		div_width = document.getElementById('div_image_stripe').offsetWidth;
		maxpos = div_width - 540;

		/* clip: rect(0px, 540px, 112px, 0px); //top right botom left */
		document.getElementById('div_image_stripe').style.clip = 'rect(0px, ' + (pos + 540) + 'px, 112px, ' + pos + 'px)';
		document.getElementById('div_image_stripe').style.left = (xDiv - pos) + 'px';
	}

	document.getElementById('div_navi').style.left = document.getElementById('navpos').offsetLeft;
	document.getElementById('div_navi').style.top = document.getElementById('navpos').offsetTop - document.getElementById('div_navi').offsetHeight - 10;

	setTimeout('move()',Math.abs(x))
}


function hide()
{
	document.getElementById('image_layer').style.visibility = "hidden";
	document.getElementById('prev').style.visibility = "hidden";
	document.getElementById('next').style.visibility = "hidden";
	document.getElementById('back').style.visibility = "hidden";
	image_move = true;
}


function show(layer, nr)
{
	active_nr = nr;
	image_move = false;
	
	document.getElementById('image_layer').innerHTML = document.getElementById(layer + '' + nr).innerHTML;
	document.getElementById('image_layer').style.visibility = "visible";
	
	document.getElementById('prev').style.visibility = "visible";
	document.getElementById('next').style.visibility = "visible";
	document.getElementById('back').style.visibility = "visible";
}


function BildCheck() 
{
	var Status = true;
	if (image_load_count > 0 || image_load_count == -1) 
		Status = false;
	
	if(Status == true)
	{
		setTimeout('BildShow()', 1000);
	}
	else
	{
		setTimeout('BildCheck()', 500);
	}
}


function BildShow() 
{
	if(document.getElementById('div_image_position'))
		document.getElementById('div_image_position').style.visibility = 'hidden';
	
	document.getElementById('div_navi').style.visibility = 'visible';	
}


function imgrep(id, ext)
{

	if(document.all && ext.indexOf(".png") != -1)
	{
		document.getElementById(id).style.cssText = "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/custom/img/nav/" + id + ext + "');";
	}
	else
	{
		document.getElementById(id).src = "/custom/img/nav/" + id + ext;
	}
}


function prev_click()
{
	if(active_nr > 0) 
		show('image_layer_', active_nr - 1); 

	if(active_nr == 0) 
		imgrep('prev', '_l.gif');
}

function prev_over()
{
	if(active_nr > 0) 
		imgrep('prev', '_h.gif');
}


function next_click()
{
	if(active_nr < image_count - 1) 
		show('image_layer_', active_nr + 1); 

	if(active_nr == image_count - 1)
		imgrep('next', '_l.gif');
}

function next_over()
{
	if(active_nr < image_count - 1) 
		imgrep('next', '_h.gif');
}