var goupp = 0;
var goner = 0;
var scrollstep = 5;
var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var x,y;


function movemus(e) {
	var dobj = document.getElementById('hiss');
	var bobj = document.getElementById('bb');
	var minl = parseInt(bobj.offsetTop);
	var maxl = parseInt(bobj.offsetTop) + parseInt(bobj.offsetHeight) - parseInt(dobj.offsetHeight);
	if (isdrag) {
	    //dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    	var t  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
	    t = Math.min(t, maxl);
	    t = Math.max(t, minl);
    	
    	dobj.style.top = t+'px';
    	//mlogga (t);
    	//mlogga (dobj.style.top);
    	hissa();
    	return false;
	}
}

function selectmus(e) {
	var ev = nn6 ? e : event;
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
	if (fobj.id == 'bb') {
  		//alert('got im!');
		var minl = parseInt(fobj.offsetTop);
		var maxl = parseInt(fobj.offsetTop) + parseInt(fobj.offsetHeight);// - parseInt(fobj.offsetHeight);
  		if (ev.pageY) {
  			y = ev.pageY;
  		} else {
	  		y = ev.clientY;
 			var yx;
 			if (document.documentElement) {
 				yx = document.documentElement.scrollTop;
 			} else {
 				yx = document.body.scrollTop;
 			}
 			y += yx;
 		}
  		var dobj = document.getElementById('hiss');
 		ytop = parseInt(dobj.style.top);
 		yh = parseInt(dobj.style.height);
 		nlogga(y+', '+ytop+', '+yh);
 		if (y < ytop) {
 			var topy = Math.max(ytop - yh, minl);
 			dobj.style.top = topy + 'px';
 		} else if (y > ytop + yh) {
 			var topym = Math.min(ytop + yh, maxl-yh);
 			nlogga(ytop + yh+', '+maxl+', '+topym);
 			dobj.style.top = topym + 'px';
 		}
 		//document.onmousedown=movemus;
 		//movemus(e);
 		hissa();
  	} else if (topelement && fobj.className) {
  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }
	//alert(fobj.id);
  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left);
    ty = parseInt(dobj.style.top);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemus;
    return false;
  }
  }
}

document.onmousedown=selectmus;
document.onmouseup=new Function("isdrag=false");

function hissa() {
	clogg();
	if (!document.getElementById('bb'))return true;
	var schakt = document.getElementById('bb') ? parseInt(document.getElementById('bb').offsetTop) : 0;
	var o = document.getElementById('bc');
	var o2 = document.getElementById('hiss');
	var hissheight = document.getElementById('bb').clientHeight;
	var hh = document.getElementById('brod').clientHeight;
	//alert(o20);
	var t = parseInt(o.style.top)||0;//o.style.top.replace(/px/,'');
	var h = o.clientHeight;
	//var fyra = hh;//480;
	//var osh = parseInt(document.defaultView.getComputedStyle(o, null).getPropertyValue('height'));
	var osh = parseInt(o.offsetHeight);
	var ht = parseInt(o2.style.top) - schakt;
	var fyra = -(osh * ht/hissheight);
	//var o2ct = parseInt(document.getElementById('hiss').offsetTop);
	mlogga(fyra +' = '+osh+' * '+ht+' / '+hissheight);
	o.style.top = fyra + 'px';
}
function uppa() {
	var o = document.getElementById('bc');
	//alert(o.style.top);
	var t = parseInt(o.style.top)||0;//.replace(/px/,'');
	//alert(t);
	if(t<0) {
		t += scrollstep;
		document.images['di'].src = '/images/down.png';
	} else {
		document.images['ui'].src = '/images/upg.png';
	}
	o.style.top = t+'px';
	mvhiss();
}
function nera () {
	var o = document.getElementById('bc');
	var hh = document.getElementById('brod').clientHeight;
	var t = parseInt(o.style.top)||0;//o.style.top.replace(/px/,'');
	var h = o.clientHeight;
	var fyra = hh;//480;
	//var osh = parseInt(document.defaultView.getComputedStyle(o, null).getPropertyValue('height'));
	var osh = parseInt(o.offsetHeight);

	if(h&&t+h-fyra>0) {
		t -= scrollstep;
		document.images['ui'].src = '/images/up.png';
	} else {
		document.images['di'].src = '/images/downg.png';
	}
	o.style.top = t+'px';
	mvhiss();
}
function mvhiss() {
	clogg();
	//if (!document.getElementById('bb'))return true;
	//var o20 = parseInt(document.defaultView.getComputedStyle(document.getElementById('bb'),null).getPropertyValue('top'));
	var o20 = document.getElementById('bb') ? parseInt(document.getElementById('bb').offsetTop) : 0;
	//var schakt = parseInt(document.defaultView.getComputedStyle(document.getElementById('bb'),null).getPropertyValue('height'));
	var schakt = document.getElementById('bb') ? parseInt(document.getElementById('bb').offsetHeight) : 0;
	var o = document.getElementById('bc');
	var o2 = document.getElementById('hiss');
	//var hissheight = document.getElementById('bb').clientHeight;
	var hissheight = document.getElementById('bc').clientHeight;
	//var hisstop = parseInt(document.getElementById('bb').style.top);
	var o2ot = o20 + hissheight;//schakt;
	var hh = document.getElementById('brod').clientHeight;
	//alert(o20);
	var t = parseInt(o.style.top)||0;//o.style.top.replace(/px/,'');
	var h = o.clientHeight;
	var fyra = hh;//480;
	//var osh = parseInt(document.defaultView.getComputedStyle(o, null).getPropertyValue('height'));
	var osh = parseInt(o.offsetHeight);
	var oh = (hissheight * fyra / osh);
	if (oh < 5)oh = 5;
	//alert('oh:'+oh+', hissh: '+hissheight+', hh: '+hh);
	//oh:630, hissh: 482, hh: 630
	//oh:364.4956772334294, hissh: 408
	//oh:630, hissh: 482
	if (420 > hissheight) {
		oh = hissheight;
		document.images['di'].src = '/images/downg.png';
		document.getElementById('bb').style.visibility = 'hidden';
		document.getElementById('hiss').style.visibility = 'hidden';
		//document.getElementById('di').style.visibility = 'hidden';
		//document.getElementById('ui').style.visibility = 'hidden';
		document.getElementById('bu').style.visibility = 'hidden';
		document.getElementById('bn').style.visibility = 'hidden';
	} else {
		document.images['di'].src = '/images/downg.png';
		//document.getElementById('bb').style.visibility = 'visible';
		//document.getElementById('hiss').style.visibility = 'visible';
		//document.getElementById('di').style.visibility = 'visible';
		//document.getElementById('ui').style.visibility = 'visible';
		document.getElementById('bu').style.visibility = 'visible';
		document.getElementById('bn').style.visibility = 'visible';
	}
	//var o2ct = parseInt(document.defaultView.getComputedStyle(document.getElementById('hiss'), null).getPropertyValue('top'));
	var o2ct = parseInt(document.getElementById('hiss').offsetTop);

	//alert(fyra);
	
	//alert(oh);
	o2.style.height = oh + 'px';
	//alert(h);
	//document.getElementById('fot').innerHTML = 'h='+h+', t='+t ;
	var tt = Math.abs(t);
	if(h&&t+h-fyra>0) {
		//tt += scrollstep;
	}
	logga('tt:'+tt);
	//logga('bch:'+bch);
	logga('(fyra*tt/osh): '+fyra+' * '+tt+' / '+osh+' = '+(fyra*tt/osh));
	var o2t = parseInt(o2ct);
	//alert(o2t);
	logga(o2.style.top);
	o2t = o20 + Math.round(fyra*tt/osh);
	logga('o2t:'+o2t);
	logga('o2ct:'+o2ct);
	logga('oh:'+oh);
	logga('o20:'+o20);
	logga('o2t+oh ?= o2ot: '+(o2t+oh)+' ?= ' + o2ot);
	if(o2t+oh <= o2ot)o2.style.top = o2t +'px';
	getimg();
}
function logga(s){
	//document.getElementById('logg').innerHTML += ' | '+s ;
}
function mlogga(s){
	//document.getElementById('fot').innerHTML += ' | '+s ;
}
function nlogga(s){
	//document.getElementById('fot').innerHTML += ' | '+s ;
}
function clogg(){
	//document.getElementById('fot').innerHTML = '';
}
function douppa () {
	uppa();
	if(goupp)setTimeout('douppa()', 20);
}
function donera () {
	nera();
	if(goner)setTimeout('donera()', 20);
}

function show(o) {
	// o is supposed to be an image...
	var oid = document.getElementById(o).src;
	//alert(oid);
	oid = oid.replace(/\/th_/, "/");
	//alert(oid);
	document.getElementById('dabild').src = oid;
}
function showa(o0, o1) {
        // o is supposed to be an escaped image tag...
        var oimg = unescape(unescape(o0));
        var gimg = unescape(unescape(o1));
        document.getElementById('imgholder').innerHTML = oimg;
        document.getElementById('zoomframe').innerHTML = gimg;
}
function flippa(oid) {
        var o = document.getElementById(oid);
        //var b = document.images['b' + oid];
        if(o!=null) { 
        	document.getElementById('imgcnterspan').innerHTML='';//<a href="javascript:gl2();"><img src="/bilder/paus0.jpg" height="25" width="30" border="0" /></a>'; 
			if (o.style.display == 'block') {
            	o.style.display = 'none';
	  		 	//b.src = '/icons/right.gif';
    	    	fliparray('pobasic');        
			} else {
	        	 o.style.display =  'block';
	             //b.src = '/icons/down.gif';
		         fliparray('p'+oid);
	        }
        }
}
var ijk = 0;
var iddar;
var curid;
var curloop;
function getimg() {
}
function mv() {
	var itarget = document.getElementById('imgpart');
	var ttarget = document.getElementById('txtpart');

	itarget.innerHTML = iddar[ijk]['img'];
	ttarget.innerHTML = iddar[ijk]['txt'];
	ijk++;
	ijk = ijk % iddar.length;
}
var tidut;
var running = 1;
function fliparray(n) {
	running = 1;
	try {
		lista = eval(n);
	} catch(e) {
		try {
			lista=pobasic;
		} catch(e2) {
			lista = [];
		}
	}
	if (lista.length < 2) {
		if(document.getElementById('paus'))document.getElementById('paus').src = '/bilder/null.jpg';
	} else {
		if(document.getElementById('paus'))document.getElementById('paus').src = '/bilder/paus0.jpg';
	}
	u = 0;
	//curid = n;
	var x=document.getElementsByTagName("img");
	for(j=0;j<x.length;j++) {
		if (x[j].className == 'playimg') {
			try {
				x[j].filters[0].opacity = 0;
			} catch (e) {
				x[j].style.opacity = 0;
			}
		}	
	}
	clearTimeout( tidut );
	//loopa(n);	
	gl2();
}
function loopa(n) {
	//var koll = eval(n);
	//if(curid == n) {
	//	return false;
	//}
	mv();
	curloop = setTimeout('loopa("'+n+'")', 10000);
	//}
}
function musut() {
}
function mouseMove() {
}
var u = 0;

function gl(id1,id2) {
//	try{
//	document.getElementById('logg').innerHTML=lista[id1]+' : '+lista[id2]+' ; ';
//	} catch(e) {alert(e);}
	var o1 = document.getElementById(lista[id1]);
	var o2 = document.getElementById(lista[id2]);
	var op1;
	var op2;
	if (id1 == id2) {
		var x=document.getElementsByTagName("img");
		for(j=0;j<x.length;j++) {
			if (x[j].className == 'playimg') {
				try {
					x[j].filters[0].opacity = 0;
				} catch (e) {
					x[j].style.opacity = 0;
				}
			}	
		}

		try {
				o1.filters[0].opacity = 100;
			} catch (e) {
				try {
					o1.style.opacity = 1;
				} catch (e) {}
					window.status = 'nix: '+lista[id1];
			}
		clearTimeout( tidut );
		tidut=setTimeout('gl2()', 1000);
	} else if(!(o1 && o2)) {
		if(document.getElementById('logg'))document.getElementById('logg').innerHTML=' no o1 + o2';
		clearTimeout( tidut );
		tidut=setTimeout('gl2()', 1000);
	} else {
		//if(window.status =='')window.status = o1.style.opacity;
	if((o1 && o2 && o1.style.opacity || o1.style.opacity == 0) && !navigator.userAgent.match(/MSIE/)) { // real browsers
		//document.getElementById('logg').innerHTML='doing opacity';
		op1 = 100*o1.style.opacity;
		op2 = 100*o2.style.opacity;
		if(o1.style.opacity>0 || o2.style.opacity<1) {
			o1.style.opacity = (op1 - 2)/100;
			//try {
				o2.style.opacity = (op2 + 2)/100;
				//window.status = o2.style.opacity;
			//} catch (e) {
				//window.status = e
				//o2.style.opacity = 0.5;
			//}
			clearTimeout( tidut );
			tidut=setTimeout('gl('+id1+','+id2+')', 10);

			if (op2>50) {
				var listid = 1+id2;
			} else {
				var listid = 1+id1;
			}
			l = lista.length;
			if(l < 10) {
				l = "0"+l;
			}
			if(listid < 10) {
				listid = "0"+listid;
			}
			document.getElementById('imgcnterspan').innerHTML=listid+' / '+l;
		} else {
			clearTimeout( tidut );
			tidut=setTimeout('gl2()', 1000);
		}
	} else {//if(o1 && o2) { //IE
		//document.getElementById('logg').innerHTML='doing filter';
//		document.getElementById('logg').innerHTML=lista[id1]+' : '+lista[id2]+' ; '+o1.style.filter;
//		if (o1.style.filter) { // IE8
//			slask = o1.style.filter;
//			op1 = slask.replace(/progid:DXImageTransform.Microsoft.Alpha\(Opacity=/,'');
//			op1.replace(")",'');
//			slask = o2.style.filter;
//			op2 = slask.replace(/progid:DXImageTransform.Microsoft.Alpha\(Opacity=/,'');
//			op2.replace(")",'');
//
//			op1 = -2 + op1;
//			op2 = 2 + op2;
//			
//			o1.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=' + op1 - 2 + ')';
//			try {
//				o2.style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=' + op2+')';
//				//window.status = o2.filters[0].opacity.opacity;
//			} catch (e) {
//				//window.status = e
//				//o2.filters[0].opacity = 50;
//			}
//
//			setTimeout('gl('+id1+','+id2+')', 10);
		//} else if (o1.hasLayout && o2.hasLayout) {
		op1 = o1.filters[0].opacity;
		op2 = o2.filters[0].opacity;
		//document.getElementById('logg').innerHTML=op1+' / '+op2;
		if(o1.filters[0].opacity>0 || o2.filters[0].opacity<100) {
			o1.filters[0].opacity=op1 - 2;
			//try {
				o2.filters[0].opacity=op2+2;
				//window.status = o2.filters[0].opacity.opacity;
			//} catch (e) {
				//window.status = e
			//	o2.filters[0].opacity = 50;
			//}
			//clearTimeout( tidut );
			if (op2>50) {
				var listid = 1+id2;
			} else {
				var listid = 1+id1;
			}
			l = lista.length;
			if(l < 10) {
				l = "0"+l;
			}
			if(listid < 10) {
				listid = "0"+listid;
			}
			document.getElementById('imgcnterspan').innerHTML=listid+' / '+l;
			tidut=setTimeout('gl('+id1+','+id2+')', 1);
		} else {
			//clearTimeout( tidut );
			tidut=setTimeout('gl2()', 1000);
		}
		//} else {
		//	setTimeout('gl2()', 1000);
		}
	}
	//}
}
function stoppa() {
	//alert('running: '+running);
	//window.status = 'running: '+running;
	if (running) {
		running = 0;
		document.getElementById('paus').src = '/bilder/opaus1.jpg';
	} else {
		running = 1;
		document.getElementById('paus').src = '/bilder/paus1.jpg';
	}
	//document.getElementById('logg').innerHTML= 'running: '+running;
}
function pausmus() {
	var img = document.getElementById('paus').src;
	var im = img.match(/\d\.jpg$/);
	if (im == "0.jpg") {
		img = img.replace(/0\.jpg$/, '1.jpg');
		//we're done
	}else {
		img = img.replace(/1\.jpg$/, '0.jpg');
		//we're done
	}
	document.getElementById('paus').src = img;
}
function gl2() {
	if (!running) {
		return setTimeout('gl2()', 1000);
    }
	var id1 = u;
	u++;
	if (u >= lista.length)u=0;
	var id2 = u;
	gl(id1, id2);
}