function openPopup_portfolio()
{	
	
	//document.getElementById("div_popup_background").style.display = "block";	
	document.getElementById("div_popup_background").style.height = (parseInt(document.getElementById("body").clientHeight) + 20) + "px";
	document.getElementById("div_popup_background").style.width = (parseInt(document.getElementById("body").clientWidth) + 1) + "px";
	//
	//alert(document.getElementById("div_popup_background").style.width);
	
	var browser = nn6 ? "ff" : "ie";	
		
	if(browser == "ff")
	{
		if(x == 0)
		{	
			document.getElementById("div_popup_background").style.display = "block";
		}
		
		if(x < 0.8) 
		{		
			x = (Math.round(x * 10) / 10) + 0.2;
			document.getElementById("div_popup_background").style.opacity = x;						
			setTimeout("openPopup_portfolio()", 50);
		}
		else
		{		
			//chn_ani_pageoffset(openportfolioitemoffsettop, 200);
			
			var windowscrollheight = nn6 ? window.pageYOffset : document.documentElement.scrollTop;
			
			var margintopdivpopup = (50 + windowscrollheight) + "px";
			
			document.getElementById("div_popup").style.top = margintopdivpopup;
			
		}
		
	}
	else if (browser == "ie")
	{
		if(x == 0)
		{	
			document.getElementById("div_popup_background").style.display = "block";	
		}
		
		if(x < 80) 
		{		
			x = x + 20;
			document.getElementById("div_popup_background").style.filter = "alpha(opacity=" + x + ")";			
			setTimeout("openPopup_portfolio()", 50);
		}	
		else
		{
			//chn_ani_pageoffset(openportfolioitemoffsettop, 200);
			
			var windowscrollheight = nn6 ? window.pageYOffset : document.documentElement.scrollTop;
			
			var margintopdivpopup = (50 + windowscrollheight) + "px";
			
			document.getElementById("div_popup").style.top = margintopdivpopup;
		}
	}	
	
	if($('index_who_are_we_flash'))
	{
		$('index_who_are_we_flash').style.display = "none";
	}
}

function closePortfolio()
{	
	document.getElementById("div_popup_background").style.display = "none";
	document.getElementById("div_popup").innerHTML = "";
	document.getElementById("div_popup").style.display = "none";
	document.getElementById("div_popup").className = "";	
	//var windowscrollheight = nn6 ? window.pageYOffset : document.documentElement.scrollTop;
	//chn_ani_pageoffset(windowscrollheight, openportfolioitemoffsettop);	
	openportfolioitemoffsettop = "";	
	
	if($('index_who_are_we_flash'))
	{
		$('index_who_are_we_flash').style.display = "block";
	}
	
	x = nn6 ? 0 : 0;	
}

function mkPortfolioItems()
{
	var doc = document.getElementsByTagName("A");	
	var re = mkRe('/portfolio/');	
	for (i=0; i<doc.length; i++) 
	{	
		if(re.test(doc[i].href))
		{			
			//alert(doc[i].href);
			val = brkStr(doc[i].href,"portfolio/",1);
			//alert(val);
			val = brkStr(val,"/",0);
			//alert(val);
			doc[i].removeAttribute("href");
			doc[i].style.cursor = "pointer";
			//alert(doc[i].id);
			doc[i].id = "portfolioitem_" + val;
			//alert(doc[i].id);
			doc[i].onclick = openPortfolio_outsideport;
		}
	}	
}

function openPortfolio_outsideport(e)
{
	var act = nn6 ? e.type : event.type;
	var obj = nn6 ? e.target : event.srcElement;
	
	val = brkStr(obj.id,"_","last");
	//alert(obj.id);
	
	if(val == "")
	{
		val = brkStr(obj.parentNode.id,"_","last");	
	}
	
	//alert(val);
	openPortfolio(val);
	
	//alert(val);
}


var openportfolioitemoffsettop = "";
function openPortfolio(val)
{	
	clearTimeouts();
	
	x = nn6 ? 0 : 0;	
	//openportfolioitemoffsettop = parseInt(document.getElementById("portfolio_item_" + val).offsetTop) - 50;
	openportfolioitemoffsettop = nn6 ? window.pageYOffset : document.documentElement.scrollTop;
	var browser = nn6 ? "ff" : "ie";
	if(browser == "ff")
	{
		document.getElementById("div_popup_background").style.opacity = x;
	}
	else
	{
		document.getElementById("div_popup_background").style.filter = "alpha(opacity=" + x + ")";
	}
	
	openPopup_portfolio();	
	document.getElementById("div_popup").className = "div_popup_portfolio";
	var queryString = "id=" + val;
	var url_to_open = "/portfolio_item.php";	
	createXMLHttpRequest();	
	xmlHttp.open("POST", url_to_open, true);
	xmlHttp.onreadystatechange = handleStateChange_openPortfolio;
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	xmlHttp.send(queryString);
}

function handleStateChange_openPortfolio() // controleert de dataoverdracht is dit ok, dan wordt de opdracht opgehaald
{
	if(xmlHttp.readyState == 4)
	{
		if(xmlHttp.status == 200)
		{			
			document.getElementById("div_popup").innerHTML = xmlHttp.responseText;
			document.getElementById("div_popup").style.display = "block";
			Cufon.set('fontFamily', 'Impact');
			Cufon.replace('h1');
			Cufon.refresh;			
			
			if(window.attachEvent)  
			{
				window.attachEvent('onscroll', changeheightportfolioItem);
			}
			else 
			{
				window.addEventListener('scroll', changeheightportfolioItem, false);
			}	
			
			//mkTopdesignItems();
		}
	}
}

changeheightportfolioItem = function()
{
	var windowscrollheight = nn6 ? window.pageYOffset : document.documentElement.scrollTop;			
	var margintopdivpopup = (50 + windowscrollheight) + "px";
	var windowheight = nn6 ? window.innerHeight : document.documentElement.clientHeight;
	
	var blaat = windowscrollheight + 50;
	
	//alert(document.getElementById("div_popup").offsetTop);
	
	//alert((document.getElementById("div_popup").clientHeight + document.getElementById("div_popup").offsetTop) + " " + ((windowscrollheight + windowheight) + 50));
	
	
	

	if(blaat < document.getElementById("div_popup").offsetTop)
	{
		var margintopdivpopup = (50 + windowscrollheight) + "px";
		document.getElementById("div_popup").style.top = margintopdivpopup;
	}
	else if((document.getElementById("div_popup").clientHeight + document.getElementById("div_popup").offsetTop) < ((windowscrollheight + windowheight) + 50))
	{
		document.getElementById("div_popup").style.top = (((windowscrollheight + windowheight) + 40) - document.getElementById("div_popup").clientHeight) + "px";
	}
	
	//alert(document.getElementById("div_popup").offsetTop);
		
			//document.getElementById("div_popup").style.top = margintopdivpopup;
}

mkPortfolioitemfuncties = function()
{
	var doc_div = document.getElementsByTagName("DIV");	
	var re = mkRe('portfolio_item_big');	
	
	for (i=0; i<doc_div.length; i++) 
	{	
		if(re.test(doc_div[i].className))
		{			
			//doc_div[i].onmouseover = openportfolioItem;
			//doc_div[i].onmouseout = openportfolioItem;
		}
	}	
}

function openportfolioItem(e)
{
	var act = nn6 ? e.type : event.type;
	var obj = nn6 ? e.target : event.srcElement;
	var val = brkStr(obj.id,"_","last");
	
	if(act == "mouseout")
	{
	
	//alert(obj.parentNode.id);
	
	}
	
	var browser = nn6 ? "ff" : "ie";
	
	//alert(obj.parentNode.id);	
		
	if(act == "mouseover" && obj.parentNode.id == "portfolio_textfield")
	{		
		if(browser == "ff")
		{				
			document.getElementById("portfolio_item_" + val).style.opacity = 0;	
			//var endval = 1;
		}
		else
		{
			document.getElementById("portfolio_item_" + val).style.filter = 'alpha(opacity=' + 0 + ')';
			//var endval = 100;
		}
		
		document.getElementById("portfolio_item_" + val).style.display = "block";
		document.getElementById("portfolio_kop_" + val).style.display = "none";		
		chn_ani_Opacity(document.getElementById("portfolio_item_" + val),0,10,5,50,0.5);
	}
	else
	{
		document.getElementById("portfolio_item_" + val).style.display = "none";
		document.getElementById("portfolio_kop_" + val).style.display = "block";		
	}	
}

var onloadpageitem = "";

function loadPortfolio(pag, act, show)
{		
	onloadpageitem = act;
	
	var klantnaam = document.getElementById("filled_filter_klantnaam").innerHTML;
	var soortproject = document.getElementById("filled_filter_soortproject").innerHTML;
	var periode = document.getElementById("filled_filter_periode").innerHTML;
	
	if(show != "")
	{
		var soortproject = show;		
	}
	
	if(klantnaam == "Alle klantnamen")
	{
		klantnaam = "N";
	}
	
	if(soortproject == "Alle projecten")
	{
		soortproject = "N";
	}
	
	if(periode == "Alle periodes")
	{
		periode = "N";
	}
	
	
	var queryString = "pag=" + pag + "&klantnaam=" + klantnaam + "&soortproject=" + soortproject + "&periode=" + periode;

	var url_to_open = "/cgi-bin/Portfolio.py";	
	
	createXMLHttpRequest();	
	xmlHttp.open("POST", url_to_open, true);
	xmlHttp.onreadystatechange = handleStateChange_loadPortfolio;
	xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
	xmlHttp.send(queryString);
}

function handleStateChange_loadPortfolio() // controleert de dataoverdracht is dit ok, dan wordt de opdracht opgehaald
{
	if(xmlHttp.readyState == 4)
	{
		if(xmlHttp.status == 200)
		{
			document.getElementById("portfolio_textfield").innerHTML = xmlHttp.responseText;
			//alert(xmlHttp.responseText);
			//Cufon.set('fontFamily', 'Impact');
			//Cufon.replace('h2');
			
			
			var link_tags = document.getElementById("portfolio_textfield").getElementsByTagName("DIV");
		
			for (i=0; i<link_tags.length; i++) 
			{	
				if(mkRe('portfolio_highlight_payoff').test(link_tags[i].className))
				{
					Cufon.set('fontFamily', 'Laffayette Comic Pro');
					Cufon.replace(link_tags[i]);	
				}
			}

			
			Cufon.refresh;
			
			if(onloadpageitem == "nieuwe_pagina")
			{
				openportfolioitemoffsettop = nn6 ? window.pageYOffset : document.documentElement.scrollTop;
				chn_ani_pageoffset(openportfolioitemoffsettop, 200);
			}			
			else if(onloadpageitem != "")
			{
				openPortfolio(onloadpageitem);
			}
			
			mkPortfolioitemfuncties();
			
		}
	}
}

function portfolio_openImg(act)
{
	var no_of_pics = parseInt(document.getElementById("number_of_img").value);
	var open_pic = parseInt(document.getElementById("open_img").value);
	
	document.getElementById("portfolio_img_" + open_pic).style.display = "none";
	
	if(act == "next")
	{
		open_pic = open_pic + 1;
	}
	else
	{
		open_pic = open_pic - 1;
	}
	
	if(open_pic < 0)
	{
		open_pic = no_of_pics;
	}
	else if(open_pic > no_of_pics)
	{
		open_pic = 0;
	}	
	
	document.getElementById("portfolio_img_" + open_pic).style.display = "block";
	document.getElementById("open_img").value = open_pic;	
}

onloadFuntions_portfolio = function()
{		
	mkPortfolioItems();	
}

if(window.attachEvent)  
{
    window.attachEvent('onload', onloadFuntions_portfolio);
}
else 
{
    window.addEventListener('load', onloadFuntions_portfolio, false);
}