/*	
jQuery(document).ready(function() {
	
	jQuery(function() {
		jQuery("a").focus(function() {
			this.blur();
		});
		
		jQuery("a.ajax").click(function() {
			var href = jQuery(this).attr("href"); 
			var lnk = "ajaxContent/" + href;
			
			var currentTabId = jQuery(this).parent().attr("id");
			var currentTabClicked = currentTabId.substring(currentTabId.length-2, currentTabId.length) == 'On';
			if(!currentTabClicked)
			{
				//reset menu images
				jQuery("#navhomeOn").attr("id", "navhome");
				jQuery("#navservicesOn").attr("id", "navservices");
				jQuery("#navportfolioOn").attr("id", "navportfolio");
				jQuery("#navaboutOn").attr("id", "navabout");
				jQuery("#navofferOn").attr("id", "navoffer");
				jQuery("#navofferOn").attr("id", "navoffer");
				jQuery("#contactbutton").attr("src", "/images/btn_contact.gif");
				
				//set menu tab active
				if(jQuery(this).attr("id") == "contact") {
					jQuery("#contactbutton").attr("src", "/images/btn_contact_on.gif");
				} else if(jQuery(this).parent().attr("id") == "navs_bottom"){
					//change top menu tab when clicked on bottom navbar
					var bottomIdClicked = jQuery(this).attr("id");
					var topIdToSet = bottomIdClicked.substring(0, bottomIdClicked.length-6);//strip 'bottom'
					jQuery("#"+topIdToSet).attr("id",topIdToSet+"On");
				} else {
					//change top menu tab when clicked on top menu tab
					jQuery(this).parent().attr("id",currentTabId+"On");
				}
			}
				
			jQuery.ajax({
				url: lnk,
				beforeSend: function() {
					
					
					jQuery("div#content").html("<div class='contentblock'><div id='content_leftmenu'>&nbsp;</div><div id='content_centerandright'><img src='images/loading_small.gif'/></div></div>");
				},
				success: function(d) {
					jQuery("div#content").html(d);
					
					
				},
				complete: function() {
					//jQuery("#loading").hide();
					
				}
			});
			
			return false;
		}); //end a.ajax function
		
		
		
	}); //end jQuery(function())

}); // end document ready



//FOR AJAX LOADED LINKS
function navigateAndSwitch(page, currentMenuId, newMenuId){
	
	if(currentMenuId != "undefined"){
		document.getElementById(currentMenuId+"On").id=currentMenuId;
	}
	if(newMenuId != "undefined"){
		if(newMenuId != "navcontact"){
			document.getElementById(newMenuId).id=newMenuId+"On";
		}
	}
	navigate(page)
	
}

function navigate(page){
	
	var lnk = "ajaxContent/" + page;
			
	new Ajax.Updater("content", lnk,  {
		method:'post', 
		onSuccess:function(){ 
			
			if(page == "about_where.php"){
				setTimeout("load('Jeugdlaan 116 Heusden-Zolder BE')", "500");
			}
			
		}
	});
	return false;
}
*/

//THUMBNAIL SWITCHING
function newphoto(imgidcontainer,imgid,imgid2,imgid3) 
{
	identity=document.getElementById(imgid);
	identity.className='cs_imgOn';
	identity=document.getElementById(imgid2);
	identity.className='cs_img';
	identity=document.getElementById(imgid3);
	identity.className='cs_img';
	document.getElementById(imgidcontainer).src="/images/portfolio/" + imgid + ".jpg";
	document.getElementById(imgidcontainer).width=240;
	document.getElementById(imgidcontainer).height=179;
}

//FORM HANDLING
function contactFormSubmitClicked(obj) {	
	var page = "/includes/xmlHttpRequest.php";
	var params = getEmailParams();
	if(formChecker.checkForm(obj)) {
		submitForm(page, params);}
	return false;
}
function offerFormSubmitClicked(obj) {
	var page = "/includes/xmlHttpRequest.php";
	var params = getOfferParams();
	if(formChecker.checkForm(obj)) {
		submitForm(page, params);}
	return false;
}

function submitForm(page, params) {
	new Ajax.Request( page, {
		method		: "post", 
		postBody	: params,
		onSuccess	: function(t) {
			var splitted = t.responseText.split("[{");
			var toEval = "[{"+splitted[1];						  
			var jsonData = eval('(' +toEval + ')');
			for(var i=0; i<jsonData.length;i++)
			{
				$status = (jsonData[i].mailstatus);
			}
			if($status=='NOK') {
				$('spinner').style.visibility	= 'hidden';
				document.getElementById('formSubmit').disabled		= false;
				alert("Fout tijdens het verzenden van uw aanvraag, probeert u het opnieuw."); 
				}
			if($status=='OK'){
				//alert('Bedankt, uw bericht werd goed ontvangen!');
				toAdd = '<div id="contactOverlay" style="display:none; left:0px;width: 100%; height: 100%; margin: 0; padding:0; -moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90); background: #000; position: absolute; text-align:center;" onclick="closeOverlay()"><div style="margin: 0 auto;" ><p style="color: #fff;font-weight: 500;line-height: 1.2em;	margin: 0;	padding: 300px 0 20px 0;	font-size: 2.8em; text-align:center;">Bedankt, uw bericht werd goed ontvangen!</p></div></div>';
				
				
				
				//toAdd = '<div style="width: 100%; height: 360px; -moz-opacity:0.75; opacity:0.75; filter:alpha(opacity=75); background: #000; position: absolute; top: 140px; left: 0;" id="contactOverlay"><div style="width:100%; height:256px; margin: 5px auto 0 50px;padding-top:125px; "><p style="font-size:2.0em; font-weight:700; color: #FFF; text-align: center;margin-left:250px; ">Bedankt, uw bericht werd goed ontvangen!</p></div></div>';
				new Insertion.Top( $('pagecontainer'), toAdd);
				Effect.Appear('contactOverlay', { from: 0, to: 0.90 })
				
				document.getElementById('theForm').reset();	
				
				$('spinner').style.visibility	= 'hidden';
				setTimeout(function() { Effect.Fade('contactOverlay') }, 1800);
			}	
		}
	});
}

function getEmailParams (subject) {
	var posNaam = document.getElementById('naam');
	var posVoornaam = document.getElementById('voornaam');
	var posStreetNr = document.getElementById('straat_nr');
	var posAddress = document.getElementById('pc_gem');
	var posEmail = document.getElementById('email');
	var posTel = document.getElementById('tel');
	var posRegard = 'web2c.be contact request';
	var posText = document.getElementById('vraag');
	
	// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
	var str1a = posNaam.value; str1a = str1a.replace(/&/g,"**am**");	str1a = str1a.replace(/=/g,"**eq**");	str1a = str1a.replace(/\+/g,"**pl**");
	var str1b = posVoornaam.value; str1b = str1b.replace(/&/g,"**am**");	str1b = str1b.replace(/=/g,"**eq**");	str1b = str1b.replace(/\+/g,"**pl**");
	var str2 = posStreetNr.value; str2 = str2.replace(/&/g,"**am**");	str2 = str2.replace(/=/g,"**eq**");	str2 = str2.replace(/\+/g,"**pl**");
	var str3 = posAddress.value; str3 = str3.replace(/&/g,"**am**");	str3 = str3.replace(/=/g,"**eq**");	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = posEmail.value; str4 = str4.replace(/&/g,"**am**");	str4 = str4.replace(/=/g,"**eq**");	str4 = str4.replace(/\+/g,"**pl**");
	var str5 = posTel.value; str5 = str5.replace(/&/g,"**am**");	str5 = str5.replace(/=/g,"**eq**");	str5 = str5.replace(/\+/g,"**pl**");
	var str6 = posText.value;	str6 = str6.replace(/&/g,"**am**");	str6 = str6.replace(/=/g,"**eq**");	str6 = str6.replace(/\+/g,"**pl**");
	var str7 = posRegard;	str7 = str7.replace(/&/g,"**am**");	str7 = str7.replace(/=/g,"**eq**");	str7 = str7.replace(/\+/g,"**pl**");
	
	var postData = "posName="+str1a+" "+str1b+"&posStreetNr="+str2+"&posAddress="+str3+"&posEmail="+str4+"&posTel="+str5+"&posText="+str6+"&posRegard="+str7;			
	return postData;
}

function getOfferParams () {
	var posRegard = 'web2c.be offer request';
	var posNaam = document.getElementById('naam');
	var posVoornaam = document.getElementById('voornaam');
	var posEmail = document.getElementById('email');
	var posTel = document.getElementById('tel');
	var posPostcode = document.getElementById('postcode');
	var posDoel = document.getElementById('doel');
	
	var requiredService = '-'
	if(document.theForm.website.checked) requiredService += 'website-'; 
	if(document.theForm.webshop.checked) requiredService += 'webshop-';
	if(document.theForm.huisstijl.checked) requiredService += 'huisstijl-';
	if(document.theForm.visitekaartjes.checked) requiredService += 'visitekaartjes-';
	if(document.theForm.flyers.checked) requiredService += 'flyers-';
	if(document.theForm.drukwerk.checked) requiredService += 'drukwerk-';
	if(document.theForm.bestelwagen.checked) requiredService += 'bestelwagen-';
		
	// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
	var str1a = posNaam.value; str1a = str1a.replace(/&/g,"**am**");	str1a = str1a.replace(/=/g,"**eq**");	str1a = str1a.replace(/\+/g,"**pl**");
	var str1b = posVoornaam.value; str1b = str1b.replace(/&/g,"**am**");	str1b = str1b.replace(/=/g,"**eq**");	str1b = str1b.replace(/\+/g,"**pl**");
	var str3 = posEmail.value; str3 = str3.replace(/&/g,"**am**");	str3 = str3.replace(/=/g,"**eq**");	str3 = str3.replace(/\+/g,"**pl**");
	var str4 = posTel.value; str4 = str4.replace(/&/g,"**am**");	str4 = str4.replace(/=/g,"**eq**");	str4 = str4.replace(/\+/g,"**pl**");
	var str5 = posPostcode.value; str5 = str5.replace(/&/g,"**am**");	str5 = str5.replace(/=/g,"**eq**");	str5 = str5.replace(/\+/g,"**pl**");
	var str6 = posDoel.value;	str6 = str6.replace(/&/g,"**am**");	str6 = str6.replace(/=/g,"**eq**");	str6 = str6.replace(/\+/g,"**pl**");
	var str7 = posRegard;	str7 = str7.replace(/&/g,"**am**");	str7 = str7.replace(/=/g,"**eq**");	str7 = str7.replace(/\+/g,"**pl**");
	var str8 = requiredService;	str8 = str8.replace(/&/g,"**am**");	str8 = str8.replace(/=/g,"**eq**");	str8 = str8.replace(/\+/g,"**pl**");
	
	var postData = "posName="+str1a+" "+str1b+"&posEmail="+str3+"&posTel="+str4+"&posPostcode="+str5+"&posDoel="+str6+"&posRegard="+str7+"&requiredService="+str8;			
	return postData;
}

function get(obj) { //submit form 
  var poststr = "vname=" + encodeURI( document.getElementById("vname").value ) +
				"&vemail=" + encodeURI( document.getElementById("vemail").value ) +
				"&vwebsite=" + encodeURI( document.getElementById("vwebsite").value ) +
				"&vgender=" + encodeURI( document.getElementById("vgender").value ) +
				"&vcomment=" + encodeURI( document.getElementById("vcomment").value )+
				"&act=doadd";
  makePOSTRequest('getContentBlabla.php', poststr);
}
var http_request = false;
function makePOSTRequest(url, parameters) {
  http_request = false;
  if (window.XMLHttpRequest) { // Mozilla, Safari,...
	 http_request = new XMLHttpRequest();
	 if (http_request.overrideMimeType) {
		// set type accordingly to anticipated content type
		//http_request.overrideMimeType('text/xml');
		http_request.overrideMimeType('text/html');
	 }
  } else if (window.ActiveXObject) { // IE
	 try {
		http_request = new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) {
		try {
		   http_request = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {}
	 }
  }
  if (!http_request) {
	 alert('Cannot create XMLHTTP instance');
	 return false;
  }
  
  http_request.onreadystatechange = alertContents;
  http_request.open('POST', url, true);
  http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  http_request.setRequestHeader("Content-length", parameters.length);
  http_request.setRequestHeader("Connection", "close");
  http_request.send(parameters);
}

function off (name) {
	document.getElementById('contactbutton').src='/images/'+name+'.gif';
}
function on (name) {
	document.getElementById('contactbutton').src='/images/'+name+'_on.gif';
}
function closeOverlay() {
	Effect.Fade('contactOverlay', { from: 0.7, to: 0 })
}