function openSite(URLStr, x, y)
{
    var maxx = screen.width-25;
    var maxy = screen.height-220;
    if(x>maxx) {
    	x = maxx;
    }
    if(y>maxy) {
    	y = maxy;
    }
    
    windowprops = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width="+x+",height="+y+",left=100,top=100";
    window.open(URLStr+"&maxx="+maxx+"&maxy="+maxy,"",windowprops);
    return false;
}

function popupimage(x,y) {
	href = document.getElementById('slideshowfull').href;
	href = href.replace("http://www.groenehartkunst.nl/", "");
	href = href.replace("http://groenehartkunst.nl/", "");	
	openSite('showimage.php?file='+href, x, y);
	return false;
}

var up = true;
var i = 0;

function change(tekst) {
	omlaag(-230);
	document.getElementById('scroller').style.display = 'none';
	document.getElementById('content').innerHTML = unescape(tekst);
}

function omhoog(i) {
	if (up) return;
	i=i-40;
	if (i<-270) {
		up = true;
		return;
	}
	document.getElementById('achtergrond').style.backgroundPosition = "0 "+i+"px";
	setTimeout("omhoog("+i+")",50);
}

function omlaag(i) {
	if (!up) return;
	i=i+20;
	if (i>-20) {
		up = false;
		return;
	}
	j = ((i+240)*1.8)-455;
	document.getElementById('achtergrond').style.backgroundPosition = "0 "+i+"px";
	//document.getElementById('content').style.backgroundPosition = "50px "+j+"px";
	setTimeout("omlaag("+i+")",50);
}

// Accessible Scroller by Mike Foskett (http://www.websemantics.co.uk/). Retain this message and you may use the code freely.

var speed=50        // speed of scroller
var step=3          // smoothness of movement
var top="#top"      // name of anchor used as page top when clicking start / stop / show
var Start= "Start"  // Text for start link
var Stop = "Stop"   // Text for stop link
var Show = "Show"   // Text for show link

var x, scroll, divW, sText=""

function onclickIE(idAttr,handler,call){
  if ((document.all)&&(document.getElementById)){idAttr[handler]=new Function(call)}
}

function addLink(id,call,txt){
  var e=document.createElement('A')
  e.setAttribute('href',top)
  e.setAttribute('onclick',call)
  var linktext=document.createTextNode(txt)
  e.appendChild(linktext)
  document.getElementById(id).appendChild(e)
}

function addControls(){
  addLink('controls','clickAction(0)',Stop)
  onclickIE(document.getElementById('controls').childNodes[0],"onclick",'clickAction(0)')
  document.getElementById('controls').appendChild(document.createTextNode(' | '))
  addLink('controls','clickAction(2)',Show)
  onclickIE(document.getElementById('controls').childNodes[2],"onclick",'clickAction(2)')
}

function stopScroller(){clearTimeout(scroll)}

function setAction(node,callvalue,txt){
  var c=document.getElementById('controls')
  c.childNodes[node].setAttribute('onclick','clickAction('+callvalue+')')
  onclickIE(document.getElementById('controls').childNodes[node],"onclick",'clickAction('+callvalue+')')
  c.childNodes[node].firstChild.nodeValue=txt
}

function clickAction(no){
  switch(no) {
    case 0:
      stopScroller()
      setAction(0,1,Start)
      setAction(2,2,Show)
      break
    case 1:
      startScroller()
      setAction(0,0,Stop)
      setAction(2,2,Show)
      break
    case 2:
      stopScroller()
      setAction(0,1,Start)
      setAction(2,3,Start)
      x=0
      document.getElementById('tag').style.whiteSpace='normal'
      document.getElementById('tag').style.left='0px'
      break
    case 3:
      startScroller()
      setAction(0,0,Stop)
      setAction(2,2,Show)
      x=divW
      document.getElementById('tag').style.left=x+'px'
  }
}

function startScroller(){
  document.getElementById('tag').style.whiteSpace='nowrap'
  var p=document.createElement('P')
  p.id='testP'
  p.style.fontSize='25%' //fix for mozilla. multiply by 4 before using
  x-=step
  if (document.getElementById('tag').className) p.className=document.getElementById('tag').className
  p.appendChild(document.createTextNode(sText))
  document.body.appendChild(p)
  pw=p.offsetWidth
  document.body.removeChild(p)
  if (x<(pw*4)*-1){x=divW}
  document.getElementById('tag').style.left=x+'px'
  scroll=setTimeout('startScroller()',speed)
}

function initScroller(){
  if (document.getElementById && document.createElement && document.body.appendChild) {
    //addControls()
    document.getElementById('controls').style.display='block'
    divW=document.getElementById('scroller').offsetWidth
    x=divW
    document.getElementById('tag').style.position='relative'
    document.getElementById('tag').style.left=divW+'px'
    var ss=document.getElementById('tag').childNodes
    for (i=0;i<ss.length;i++) {sText+=ss[i].nodeValue+" "}
    scroll=setTimeout('startScroller()',speed)
  }
}

function addLoadEvent(func) {
  if (!document.getElementById | !document.getElementsByTagName) return
  var oldonload = window.onload
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload()
      func()
    }
  }
}

addLoadEvent(initScroller)

var Pic = new Array();
var FullPic = new Array();
var Title = new Array();
var Ondertitel = new Array();
var current = 0;


function volgendePic() {
	current++;
	if (current == count) 
		current = 0;
	document.images.slideshow.src = Pic[current];
	document.getElementById('slideshowfull').href = FullPic[current];
	document.images.slideshow.title = Title[current];
	document.getElementById('titel').innerHTML = Title[current];
	document.getElementById('ondertitel').innerHTML = Ondertitel[current];
}

function vorigePic() {
	current--;
	if (current < 0) 
		current = count - 1;
	document.images.slideshow.src = Pic[current];
	document.getElementById('slideshowfull').href = FullPic[current];
	document.images.slideshow.title = Title[current];
	document.getElementById('titel').innerHTML = Title[current];
	document.getElementById('ondertitel').innerHTML = Ondertitel[current];
}