//Globale javascript variable instellen.
var windowIsOpen = false;
var lidid = "";
var fotoid = "";
var newwindow= "";
var browser = navigator.appName;
var currentmenu = "";

function AdvancedPopUp(url,name,width,height,left,top,specs)
{
  //instellen left default waarde
	if(left == 'undefined')
	{
		left = 0;
	}
	//instellen voor de top default waarde
	if(top == 'undefined')
	{
		top = 0;
	}
  //instellen voor de top default waarde
	if(name == 'undefined')
	{
		name = 'popup';
	}
  //instellen specs default waarde
	if(specs != 'restricted')
	{
		specs = "menubar=no,resizable=yes, scrollbars=yes, status=no, toolbar=no";
	}
  
	newwindow=window.open(url, name, "" + specs + ",width=" + width +",height=" + height +",left=" + left + ",top=" + top + "");
  if (window.focus) {newwindow.focus()}
}
function BevestigingPopup(text)
{
	confirmbox=confirm(text);
	return confirmbox;
}
function AdvancedImageSwitcher(lidid,fotoid)
{
  try
  {
    newwindow.close();
  }
  catch(err) { }
  
  AdvancedPopUp('/profiel/fotopopup.html?lidid='+ lidid +'&fotoid='+ fotoid,'fotopopup','400','450','150','150');
  windowIsOpen = true;
}

function AlertBox(text)
{
  alert(text);
}

// -----------------------------------------------------------------------------------

//
//	Additional methods for Element added by SU, Couloir
//	- further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
  setLeft: function(element,l) {
	   	element = $(element);
    	element.style.left = l;
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});

function ShowPopup()
{
  //Laat een popup zien met een zwart doorzichtig achtergrond op de pagina.
  // stretch overlay to fill page and fade in
  var arrayPageSize = getPageSize();
  if(arrayPageSize[0] > 1024)
  {
    if(browser == "Microsoft Internet Explorer")
    {
      leftpos = "0%";
    }
    else
    {
      leftpos = "30%";
    }
    Element.setTop('overlay_content', 200);
  }
  else
  {
    if(browser == "Microsoft Internet Explorer")
    {
      leftpos = "0%";
    }
    else
    {
      leftpos = "20%";
      
    }
    Element.setTop('overlay_content', 100);
  }
  Element.setHeight('overlay', arrayPageSize[1]);
  Element.setLeft('overlay_content', leftpos);
  
  Effect.Appear('overlay', { duration: 1.0, from: 0.0, to: 0.8 });
  Effect.Appear('overlay_content', { duration: 1.5, from: 0.0, to: 1.0 });
}

function HidePopup()
{
  Effect.Fade('overlay');
  Effect.Fade('overlay_content');
  setTimeout("window.location.href='/voorpagina/'",1800)
}

function ParseForm()
{
  new Ajax.Request("/inschrijven/index.php?action=inschrijven",
  {
    method:'post',
    parameters: {mode: "ajax",action: $('action'), redirect: $('redirect').serialize(), roepnaam: $('Proepnaam').serialize(), wachtwoord: $('Pwachtwoord').serialize(), email: $('Pemail').serialize(), emailconfirm: $('Pemailconfirm').serialize()},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
      
      if(response == "geslaagd")
      {
        Effect.Fade('overlay_content');
        setTimeout('$(\'resultcontent\').innerHTML = $(\'inschrijvingvoltooid\').innerHTML',1000);
        Effect.Appear('overlay_content', {duration: 1.5, from: 0.0, to: 1.0, queue: 'end' });
      }
      else if(response == "resend")
      {
        Effect.Fade('overlay_content');
        setTimeout('$(\'resultcontent\').innerHTML = $(\'resendvoltooid\').innerHTML',1000);
        setTimeout('Effect.Appear(\'overlay_content\', {duration: 1.5, from: 0.0, to: 1.0 })',1500);
      }
      else
      {
        alert(response);
      }
    },
    onFailure: function(){ alert('Sorry, er is iets misgegaan. Neem contact op met de webmaster.') } 
  });
}

// -----------------------------------------------------------------------------------

//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

// -----------------------------------------------------------------------------------


function HideMenu(menuname)
{
  if(menuname != "")
  {
    //Verbergt het submenu van Menu_0
    Effect.SlideUp(menuname,{ duration: 0.3 });
  }
  
}

function VoegCheckboxtoe(vraagid)
{
  //Voegt een checkbox toe aan de vraag.
  text = $('autocomplete' +vraagid);
  var selectbox = Builder.node('div',{id: text.value, style:'float: left; width: 49%; display:none;'},[
    Builder.node('table', {cellspacing:0, cellpadding:0,summary:''},[ 
      Builder.node('tbody',[
        Builder.node('tr',[ 
          Builder.node('td',{valign: 'top'},[ 
            Builder.node('input', {type: 'hidden', name: 'vraag' + vraagid, value: 'checkbox'}),
            Builder.node('input', {type: 'checkbox', name: 'vraag'+vraagid + '-',onclick:'uncheckMaaktNietUit('+ vraagid +')' ,id: 'antwoord_new', checked:'checked', value: text.value})
          ]),
          Builder.node('td',text.value + "."),
        ]),
      ]),
    ]),
  ]);
  $('extra_checkbox'+vraagid).insert({ after: selectbox });
  
  Effect.Appear(text.value);
}