// JavaScript Document
/*=====================================script copied from htmlHead.php======================================================*/
lastOpennedBox = "";	


			function SwitchMenu(id)
			{
				//alert(id);
				if(id!="")
				{
				//alert(id);
				document.getElementById("main_hover").style.display = "block";
				document.getElementById(id).style.display = "block";
				
/*				if(document.getElementById("news_textboxbg").style.display == "block"){
					document.getElementById("news_textboxbg").style.display = "none";}
*/					
				}
				else
				{
						
					if(document.getElementById("main_hover").style.display == "block")
					{
					document.getElementById("main_hover").style.display = "none";
					}
					else if(document.getElementById("login_form").style.display == "block")
					{
					document.getElementById("login_form").style.display = "none";
					document.getElementById("foute_login").style.display = "none";
					}
				}
				if(id=="image_textboxbg")
				{
					new Effect.Opacity("content_image_three", { duration:3, from:0.0, to:1.0, queue:"end"});
					new Effect.Opacity("bg_gift", { duration:3, from:0.0, to:1.0, queue:"end"});
				}
				if(lastOpennedBox!="")
				{
					document.getElementById(lastOpennedBox).style.display="none";
					if(lastOpennedBox=="image_textboxbg")
					{
					new Effect.Opacity("content_image_three", { duration:3, from:1.0, to:0.0, queue:"end"});
					new Effect.Opacity("bg_gift", { duration:3, from:1.0, to:0.0, queue:"end"});
					}
				}
				lastOpennedBox=id;
			}
		
	/*--------------------GET THE CONTACT FORM -----------------------------*/
	function contactFormValues(formId)
		{
		$('loader').style.display="block";
		//document.getElementById(formId).style.display = "none";
		SwitchMenu('');
		new Ajax.Request('sendmail.php',
		{
		method:'post',
		parameters: $('contact').serialize(true),
		onSuccess: function(transport)
		{
		var response = transport.responseText || "no response text";
		//alert(response);
		},
		onFailure: function(){ alert('Something went wrong...') }
		});
		
		/* to reset the form values to empty */
		document.forms.contact.reset();
		
		t = setTimeout('hideTimer()',2000);
		return false;
		}
	
	function hideTimer(){
		document.getElementById('loader').style.display='none';
		document.getElementById('main_hover').style.display="none";
		}
		
	//confirmation for form posting
	function confirm_form_submit()
			{
			
			/* get the confirmation to submit the form on pressing enter key or submit button */
			var submit_option = confirm("Wilt u deze calculatie nu als offerte versturen?");
			if (submit_option){
				contactFormValues("form");
				//contact.submit(); 
				}/*submit the form */
			else
				return false; /* cancel the for submition */
				}

var first_content= '<div id="first_content">\n<div class="form_box">\n<p><strong>Wie</strong> Sinds 1997 werken wij onder de naam Van Riet Ontwerpers. Met een team, bestaande uit 9 mensen, zijn wij gespecialiseerd in het ontwikkelen<br /> van grafische produkten die &#8216;het gezicht&#8217; van een organisatie visualiseren.</p>\n<p><strong>Wat kunnen wij voor u betekenen?</strong> Creativiteit, originaliteit en een sterk inlevingsvermogen zijn voor ons de sleutelwoorden in het ontwerpproces. In de uitvoering van het ontwerpproces streven we een heldere en begrijpelijke stijl na. Een goed contact met de opdrachtgever staat daarbij centraal, om op die manier tot een optimale afstemming te komen van onze persoonlijke benadering en de wensen van de opdrachtgever.</p>\n</div>\n<table border="0" width="210" cellpadding="0" cellspacing="0" summary="" class="terug">\n<tr>\n<td width="50%" class="pointer sluiten" onClick="SwitchMenu(\'\')">\n						<img src="_images/form_back.png" width="15" height="15" alt="aa" /><span>sluiten</span></td>\n<td width="50%" align="right"><span>&nbsp;&nbsp;&nbsp;</span>\n<img class="button" src="_images/form_next.png" width="15" height="15" onclick="swap_i_content(\'next\');" alt="volgende" />\n</td>\n</tr>\n</table>\n</div>';

	/*var first_content= '<div id="first_content">\n<div class="form_box">\n<p><strong>Wie</strong> Sinds 1997 werken wij onder de naam Van Riet Ontwerpers. Met een klein team, bestaande uit vijf mensen, zijn wij gespecialiseerd in het ontwikkelen<br /> van grafische produkten die ‘het gezicht’ van een organisatie visualiseren.</p>\n<p><strong>Wat kunnen wij voor u betekenen?</strong> Creativiteit, originaliteit en een sterk inlevingsvermogen zijn voor ons de sleutelwoorden in het ontwerpproces. In de uitvoering van het ontwerpproces streven we een heldere en begrijpelijke stijl na. Een goed contact met de opdrachtgever staat daarbij centraal, om op die manier tot een optimale afstemming te komen van onze persoonlijke benadering en de wensen van de opdrachtgever.</p>\n</div>\n<table border="0" width="210" cellpadding="0" cellspacing="0" summary="" class="terug">\n<tr>\n<td width="50%" class="pointer sluiten" onClick="SwitchMenu(\'\')">\n						<img src="_images/form_back.png" width="15" height="15" alt="aa" /><span>sluiten</span></td>\n<td width="50%" align="right"><span>&nbsp;&nbsp;&nbsp;</span>\n<img class="button" src="_images/form_next.png" width="15" height="15" onclick="swap_i_content(\'next\');" alt="volgende" />\n</td>\n</tr>\n</table>\n</div>';
	*/
var second_content = '<div id="second_content">\n<div class="form_box">\n<p>Onze werkzaamheden bestaan onder andere uit het ontwerpen van 		logo’s, visitekaarten, briefpapier en enveloppen ten behoeve van een huisstijl. Brochures, advertenties, jaarverslagen, catalogi en interne communicatie. Daarnaast ontwerpen we affiches, uitnodigingen, omslag en binnenwerk van boeken. Vanzelfsprekend werken we nauw samen met fotografen en drukkers.</p>\n	<p><strong>Een kleine greep uit onze opdrachtgevers:</strong> Noordbrabants Museum’s-Hertogenbosch, Waanders Uitgevers Zwolle, Waterschap Aa en Maas, Provincie Noord-Brabant, Selexyz, COS Oost-Brabant, Gemeente ’s-Hertogenbosch, Limburgs Museum Venlo, PSW Arbeidsadvies.</p>\n</div>\n<table border="0" width="210" cellpadding="0" cellspacing="0" summary="" class="terug">\n<tr>\n						<td width="50%" class="pointer" onClick="SwitchMenu(\'\')">\n<img src="_images/form_back.png" width="15" height="15" alt="aa" /><span>sluiten</span></td>\n<td width="50%" align="right"><span>&nbsp;&nbsp;&nbsp;</span>\n								<img src="_images/form_back.png" class="button" width="15" height="15" alt="vorige" onclick="swap_i_content(\'prev\');" />\n</td>\n				</tr>\n</table>\n</div>';


	function swap_i_content(to_swap)
		{
		if(to_swap=='next')
			{
				$('i_content').innerHTML = 	second_content;
			//alert(to_swap);
			//document.getElementById('first_content').style.display = "none";			
			document.getElementById('second_content').style.display = "block";
			}
		else if(to_swap=='prev')
			{
				//alert(to_swap);
			$('i_content').innerHTML = 	first_content;
			//document.getElementById('second_content').style.display = "none";			
			document.getElementById('first_content').style.display = "block";			
			}
		}

deSwapables = new Array();
deSwapables[0] = "de_first_content";
deSwapables[1] = "de_second_content";
//deSwapables[2] = "de_third_content";
//deSwapables[3] = "de_fourth_content";
deDisplayed = 0;

	//functio that swaps the divs for DE button
	function swapDEDivs(direction)
	{
		//alert(direction);
		if(direction=='+')
		{
			document.getElementById(deSwapables[deDisplayed]).style.display = "none";
			deDisplayed++;
			document.getElementById(deSwapables[deDisplayed]).style.display = "block";
			if(deDisplayed>=(deSwapables.length-1))
			{
				document.getElementById("deNext").style.display = "none";
				document.getElementById("dePrevious").style.display = "block";
			}
			else
			{
				if(document.getElementById("dePrevious").style.display=='none')
				{
				document.getElementById("dePrevious").style.display = "block";
				}
			}
		}
		else if(direction=='-')
		{
			document.getElementById(deSwapables[deDisplayed]).style.display = "none";
			deDisplayed--;	
			document.getElementById(deSwapables[deDisplayed]).style.display = "block";
			if(deDisplayed<=0)
			{
				document.getElementById("dePrevious").style.display = "none";
				document.getElementById("deNext").style.display = "block";
			}
			else
			{
				if(document.getElementById("deNext").style.display=='none')
				{
				document.getElementById("deNext").style.display = "block";
				}
			}
		}
	}
	
/*=====================================End of script copied from htmlHead.php================================================*/

var backColor = new Array(); // don't change this

//function to load the first image and bg color on load
function loadFirstImage(){
	
		//preload the images to the browser chache
		//imagePreloader();
	onload_image = '<img width="824" height="567" src="_images/_album/_frontend/'+picsrc[0]+'" />';//alert(onload_image);
	//jQuery("#content_image_one").html(onload_image);
	document.getElementById("content_image_one").innerHTML = onload_image;
	document.getElementById('bg_front').style.backgroundColor = color[0];
	document.getElementById('bg_color').value = color[0];
	
		//preload next and previous images
		nextImage = new Image();
		previousImage = new Image();
		
		nextImage.src = '_images/_album/_frontend/'+picsrc[1];
		previousImage.src = '_images/_album/_frontend/'+picsrc[4];

	
	}

//once the images array is intialized then load all the images
function imagePreloader(){
	// counter
     var i = 0;
     // create object
     imageObj = new Image();
		
		 // start preloading
		 for(i=0; i<picsrc.length; i++) 
		 {
			  imageObj.src="_images/_album/_frontend/"+picsrc[i];
		 }

	}

var pageColor=0;

/*function fadeEffects(){
		document.bgColor = backColor[pageColor];
		new Effect.Opacity("myPage", { duration:5.5, from:0.0, to:1.0});
		if(pageColor==5){
		pageColor=0;
		}
		else{
		pageColor++;
		}
	}
*/
function fadeColorFinish()
	{
	///alert(document.getElementById('bg_back').style.backgroundColor);
	}
	
var fVisible = true;
color_to = '#FFFFFF';

function setcookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

function fadeColor(color)
	{
	if(fVisible)
		{
		document.getElementById('bg_back').style.backgroundColor = color;
		document.getElementById('bg_color').value = color;
		new Effect.Opacity("bg_front", { duration:3, from:1.0, to:0.0});
		fVisible = false;
		}
	else
		{
		document.getElementById('bg_front').style.backgroundColor = color;
		document.getElementById('bg_color').value = color;
		new Effect.Opacity("bg_front", { duration:3, from:0.0, to:1.0});
		fVisible = true;
		}
	}


var slide = 0;
var iVisible = true;

function fadeImage(direction)
	{
		if(direction=='previous'){
			slide--;
			if(slide<0){
				slide=picsrc.length-1;	
				}
			}
		else if(direction=='next'){
			slide++;
			if(slide>picsrc.length-1){
				slide=0;
				}
			}
	color_to = color[slide];
	image_to = '<img width="824" height="567" src="_images/_album/_frontend/'+picsrc[slide]+'" />';
	
	if(iVisible)
		{
		document.getElementById('content_image_two').innerHTML = image_to;
		//new Effect.Opacity("content_image_one", { duration:2, from:1.0, to:0.0});
		new Effect.Opacity("content_image_one", { duration:1, from:1.0, to:0.0, afterFinish: function(){fadeColor(color_to)} });
		iVisible = false;
		}
	else
		{
		document.getElementById('content_image_one').innerHTML = image_to;
		//new Effect.Opacity("content_image_one", { duration:2, from:0.0, to:1.0});
		new Effect.Opacity("content_image_one", { duration:1, from:0.0, to:1.0, afterFinish: function(){fadeColor(color_to)} });
		iVisible = true;
		}
		
		//preload next and previous images
		nextImage = new Image();
		previousImage = new Image();
		
		nextImage.src = '_images/_album/_frontend/'+picsrc[slide+1];
		previousImage.src = '_images/_album/_frontend/'+picsrc[slide-1];
	}
	
	
	function slideMiniAlbum(direction)
	{
		//alert(scrollContainerWidth+" "+scrollContainerMoved);
			new Effect.Move ("scroll_container",{ x: direction+211, y: 0, mode: 'relative', queue:'end'});
			
			//calculate the scroll_container moved positions
			if(direction=="+")
			{
				scrollContainerMoved = scrollContainerMoved-211;
			}
			else if(direction=="-")
			{
				scrollContainerMoved = scrollContainerMoved+211;
			}
			
			//hide next button when the last image is displayed
			if((scrollContainerWidth-211)==scrollContainerMoved)
			{
				document.getElementById("mini_album_nav_right").style.display = "none";	
			}
			//display the next button
			else
			{
				//check to see if the button is hidden
				if(document.getElementById("mini_album_nav_right").style.display=="none")
					document.getElementById("mini_album_nav_right").style.display = "block";	
			}
			//hide the previous button
			if(scrollContainerMoved==0)
			{
				document.getElementById("mini_album_nav_left").style.display = "none";
			}
			//display the previous button
			else
			{
				//check to see if the button is hidden
				if(document.getElementById("mini_album_nav_left").style.display=="none")
					document.getElementById("mini_album_nav_left").style.display = "block";
			}
	}
	
	
	
	/* Slideshow.js
   Author Des Kerrigan
   Date   26/1/2002
*/

var bSlide=0;
var num =0;
var imgName="imgSlide";
var imgHidden="imgHidden";
var bStart=0;

function slides()
{
  if(navigator.appName!="Microsoft Internet Explorer")
  {
    for(var i=1;i<7;i++)
    {
      document.getElementById("td"+i).innerHTML = "<a href='#'>" + document.getElementById("td"+i).innerHTML + "</a>";
    }
  } 
  next_slide();
}
function next_slide()
{
  bSlide = false;
  num++;
  if (num>numpics)
  { 
    num = 1;
  }
  var imgNew = new Image();
  imgNew.src = directory+picsrc[num+1]; //preload next image
  print_new_slide();
  fadeEffects();
}
function previous_slide()
{
  bSlide = false;
  num--;
  if (num<1)
  { 
    num = numpics ;
  }
  var imgNew = new Image();
  imgNew.src = directory+picsrc[num-1]; //preload next image
  print_new_slide();
  fadeEffects();
}
function print_new_slide()
{
  var fwdImage = new Image;
  document['imgHidden'].src=directory+picsrc[num];
  if(bStart>0)
  {
      fadeTrans(imgName, imgHidden,300);
      if (num < numpics-1)
        fwdImage.src = directory+picsrc[num+2];
  }
  else
  {
    bStart=1;
    document[imgName].src=document['imgHidden'].src;
  }
  document.value="Slide " + num + " of " + numpics + ": " + txtPic[num];
}
function start_slideshow()
{
  if(bSlide==false)
  {
    bSlide = true;
    slideshow();
  }
}
function slideshow()
{
  if (bSlide==true)
  {
    num++;
    if (num>numpics)
    {
      num=1;
    }
    print_new_slide();
    setTimeout('slideshow()',8000);
    var imgNew = new Image();
    imgNew.src = directory+picsrc[num+1]; //preload next image
  }
}
function large_pictures()
{
  directory = directory_medium;
  print_new_slide();
}
function small_pictures()
{
  directory = directory_small;
  print_new_slide();
}



/* ==================================================    NEWS FUNCTIONS   ================================================================== */

/*jQuery(document).ready(function(){	
	//initiate_slider();
});	

function initiate_slider()
{
	jQuery("#slider").easySlider({
		controlsBefore:	'<div id="news_list_navigation" class="nav_left_button">',
		controlsAfter:	'</div>',
		auto: false, 
		continuous: false,
		divIdBox:	'navigation_buttons_after',
		controlIdBox: 'news_list_navigation'
	});
	jQuery("#slider2").easySlider({
		controlsBefore:	'<div id="desc_news_list_navigation" class="nav_left_button">',
		controlsAfter:	'</div>',	
		auto: false, 
		continuous: false,
		prevId: 'prevBtn2',
		nextId: 'nextBtn2',
		divIdBox:	'desc_navigation_buttons_after',
		controlIdBox: 'desc_news_list_navigation',
		tId: '2'
	});		
	
	jQuery("#news_textboxbg").css({"display":"none"});
	jQuery("#news_desc_box").css({"display":"none"});
	jQuery("#newsdesc_controls").css({"display":"none"});
}


function news_item_clicked(news_id)
{
	var margin_calc = 0;
	margin_calc = (news_id-1)*232;
	jQuery("#newsdesc_ul_id").css({"margin-left": -margin_calc+"px"});
	//alert('hi'+news_id);
	for(var i=1;i<news_id;i++)
	{
		jQuery("#dummy_next_btn").click();
	}
	
	// hide the news list 
	jQuery("#news_list_box").hide();
	// show the news item description
	jQuery("#news_desc_box").show();
	
	// hide the news list controls
	jQuery("#newslist_controls").hide();
	// show the news desc controls
	jQuery("#newsdesc_controls").show();
}

function back_to_list()
{
	// hide the news item description
	jQuery("#news_desc_box").hide();
	// show the news list
	jQuery("#news_list_box").show();
	
	// show the news list controls
	jQuery("#newslist_controls").show();
	// hide the news desc controls
	jQuery("#newsdesc_controls").hide();
}

function close_news_overlay()
{
	jQuery("#newslist_ul_id").css({"margin-left": "0px"});
	jQuery("#newsdesc_ul_id").css({"margin-left": "0px"});
	if(document.getElementById("main_hover").style.display == "block")
	{
		document.getElementById("main_hover").style.display = "none";
	}
	jQuery("#news_textboxbg").css({"display":"block"});
	jQuery("#news_desc_box").css({"display":"block"});
	jQuery("#newsdesc_controls").css({"display":"block"});
	initiate_slider();
}


function set_margin_zero()
{
	jQuery("#newslist_ul_id").css({"margin-left": "0px"});
	jQuery("#newsdesc_ul_id").css({"margin-left": "0px"});
	if(document.getElementById("main_hover").style.display == "block")
	{
		document.getElementById("main_hover").style.display = "none";
	}
	jQuery("#news_textboxbg").css({"display":"block"});
	jQuery("#news_desc_box").css({"display":"block"});
	jQuery("#newsdesc_controls").css({"display":"block"});
	
	jQuery("#slider").easySlider({
		controlsBefore:	'<div id="news_list_navigation" class="nav_left_button">',
		controlsAfter:	'</div>',
		auto: false, 
		continuous: false,
		divIdBox:	'navigation_buttons_after',
		controlIdBox: 'news_list_navigation'
	});
	jQuery("#slider2").easySlider({
		controlsBefore:	'<div id="desc_news_list_navigation" class="nav_left_button">',
		controlsAfter:	'</div>',	
		auto: false, 
		continuous: false,
		prevId: 'prevBtn2',
		nextId: 'nextBtn2',
		divIdBox:	'desc_navigation_buttons_after',
		controlIdBox: 'desc_news_list_navigation',
		tId: '2'
	});		
	
	//jQuery("#news_textboxbg").css({"display":"none"});
	jQuery("#news_desc_box").css({"display":"none"});
	jQuery("#newsdesc_controls").css({"display":"none"});
}


function open_news_overlay()
{
	if(document.getElementById("image_textboxbg").style.display == "block")
	document.getElementById("image_textboxbg").style.display = "none";
	if(document.getElementById("login_form").style.display == "block")
	document.getElementById("login_form").style.display = "none";
	if(document.getElementById("image_boxbg").style.display == "block")
	jQuery("#image_boxbg").css({"display":"none"});
	if(document.getElementById("i_content").style.display == "block")
	jQuery("#i_content").css({"display":"none"});
	if(document.getElementById("form").style.display == "block")
	jQuery("#form").css({"display":"none"});	
	jQuery("#news_textboxbg").css({"display":"block"});
	//document.getElementById"news_textboxbg").style.display = "block";
	document.getElementById("main_hover").style.display = "block";
}

*/
/* ==================================================    END OF NEWS FUNCTIONS   ===========================================================*/

/* ==================================================    Ajax NEWS FUNCTIONS   ===========================================================*/
function open_ajax_news_overlay(pageid)
{
	if(document.getElementById("image_textboxbg").style.display == "block")
	document.getElementById("image_textboxbg").style.display = "none";
	if(document.getElementById("login_form").style.display == "block")
	document.getElementById("login_form").style.display = "none";
	if(document.getElementById("image_boxbg").style.display == "block")
	jQuery("#image_boxbg").css({"display":"none"});
	if(document.getElementById("i_content").style.display == "block")
	jQuery("#i_content").css({"display":"none"});
	if(document.getElementById("form").style.display == "block")
	jQuery("#form").css({"display":"none"});	
	
	jQuery("#news_textboxbg").css({"display":"block"});
	get_news_list(pageid);
}
function get_news_list(pageid)
{
	if(pageid>0)
	{
	jQuery.ajax({
				url: "_includes/news_list.php",
				type:'POST',
				data:{'page_id':pageid},
				success: function(res) 
				{
					//alert(res);
					jQuery("#news_ajax_content").html(res);
				},
				error: function (){ alert('something went wrong');}
				});
	}

}
function get_news_desc(newsid)
{
	if(newsid>0)
	{
	jQuery.ajax({
				url: "_includes/news_details.php",
				type:'POST',
				data:{'newsid':newsid},
				success: function(res) 
				{
					//alert(res);
					jQuery("#news_ajax_content").html(res);
					myLightbox = new Lightbox();
				},
				error: function (){ alert('something went wrong');}
				});
	}
}

function start_overlay_box(pageid)
{
	SwitchMenu("news_textboxbg");
	get_news_list(pageid);
}
function close_ajax_news_overlay()
{
	//jQuery("#news_textboxbg").css({"display":"none"});
	jQuery("#news_ajax_content").html('');
	SwitchMenu("");
}
/* ======================================== car downloads code =============================*/

function get_ajax_downloads(pageid)
{
	jQuery.ajax({
				url: "_includes/downloads_files.php",
				type:'POST',
				data:{'page_id':pageid},
				success: function(res) 
				{
					//alert(res);
					jQuery("#car_downloads_ajax_content").html(res);
					
				},
				error: function (){ alert('something went wrong');}
				});
}

function show_car_downloads(pageid)
{
	SwitchMenu("car_downloads_textboxbg");
	get_ajax_downloads(pageid);
}
function close_car_downloads()
{
	jQuery("#car_downloads_ajax_content").html('');
	SwitchMenu("");
}
/* ======================================== end of car downloads code =============================*/
/* ==================================================    END OF Ajax NEWS FUNCTIONS   ===========================================================*/