function centerSite()
{					
	var viewport = document.viewport.getDimensions();
	var margintop = Math.round((viewport.height - $('containerTotal').getHeight()) / 2);

	if (margintop < 0)
		margintop = 0;
		
	$('containerTotal').style.marginTop =  margintop + "px";
	
	if (getCookie("margintop") != margintop)
		setCookie("margintop", margintop, 365);
}

function drawSubmenuInit()
{
	centerSite();
	
	if ($('submenuinit'))
	{
		new Effect.Morph('submenuinit', {
			style: 'width:125px',
			duration: 0.5,
			afterFinish: function()
			{
				loopportfolio();
				loopdf();
			}
		});
	}
	else
	{
		loopportfolio();
		loopdf();
	}
}

var maxportfolios = 0;
var activeportfolios = 0;
var arrport;
var pf;

//dynamic foto
var maxdf = 0
var activedf = 0;
var arrdf;
var df;

function loopportfolio()
{
	if (maxportfolios == 0)
	{
		arrport = $('portfolio').select('.port');
		maxportfolios = arrport.length;
		if (maxportfolios > 0)
			showportfolio();
	}
}

function showportfolio()
{
	if (activeportfolios < maxportfolios)
	{
		pf = arrport[activeportfolios];
		var effect = new Effect.Opacity(pf, {
			duration: 2.0,
			transition: Effect.Transitions.linear,
			from: 0,
			to: 1,
			beforeStart: function()
			{
				pf.setOpacity(0);
				pf.style.zIndex = 2;
			},
			afterFinish: function()
			{
				hideportfolio();
			}
		});
	}
}

function hideportfolio()
{
	var effect = new Effect.Opacity(pf, {
		delay: 5.0,
		duration: 1.0,
		transition: Effect.Transitions.linear,
		from: 1,
		to: 0,
		afterFinish: function ()
		{	
			pf.style.zIndex = -1;
			activeportfolios += 1;
			if (activeportfolios >= maxportfolios)
				activeportfolios = 0;
			showportfolio();
		}
	});
}

function loopdf()
{
	if (maxdf == 0)
	{
		arrdf = $('dynamic').select('.dynamic');
		maxdf = arrdf.length;
		if (maxdf > 0)
			showdf();
	}
}

function showdf()
{
	if (activedf < maxdf)
	{
		df = arrdf[activedf];
		var effect = new Effect.Opacity(df, {
			duration: 2.0,
			transition: Effect.Transitions.linear,
			from: 0,
			to: 1,
			beforeStart: function()
			{
				df.setOpacity(0);
				df.style.zIndex = 2;
			},
			afterFinish: function()
			{
				if (maxdf > 1)
					hidedf();
			}
		});
	}
}

function hidedf()
{
	var effect = new Effect.Opacity(df, {
		delay: df.select('.interval')[0].innerHTML,
		duration: 1.0,
		transition: Effect.Transitions.linear,
		from: 1,
		to: 0,
		afterFinish: function ()
		{	
			df.style.zIndex = -1;
			activedf += 1;
			if (activedf >= maxdf)
				activedf = 0;
			showdf();
		}
	});
}

function getCookie(c_name)
{
	if (document.cookie.length > 0)
	{
		c_start=document.cookie.indexOf(c_name + "=");
		if (c_start!=-1)
		{ 
			c_start = c_start + c_name.length+1 ;
			c_end=document.cookie.indexOf(";",c_start);
			if (c_end == -1) 
				c_end = document.cookie.length
			return document.cookie.substring(c_start,c_end)
		} 
	}
	return ""
}

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()) + "; path=/"
}

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

function fixPNG(myImage) 
{
	if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
	{
	   var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	   var imgTitle = (myImage.title) ? 
					 "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
	   var imgStyle = "display:inline-block;" + myImage.style.cssText
	   var strNewHTML = "<span " + imgID + imgClass + imgTitle
				  + " style=\"" + "width:" + myImage.width 
				  + "px; height:" + myImage.height 
				  + "px;" + imgStyle + ";"
				  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
				  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	   myImage.outerHTML = strNewHTML	  
	}
}

var imgobj;
function setBG(imageM,imageL, naam, thumbSelected)
{
	imgobj = $('pfGroot').select('img')[0];

	new Effect.Opacity(imgobj, {
		duration: 0.2,
		from: 1,
		to: 0,
		afterFinish: function() {
			imgobj.src = "/phpThumb/cache/" + imageM;
			imgobj.alt = naam;
			
			var imgobj2 = $('uitvergroot').select('img')[0];
			imgobj2.src = "/phpThumb/cache/" + imageL;
			imgobj2.alt = naam;
			
			$('fotonaam').innerHTML = naam;
			myArray = $$('#pfThumbs .thumb');
			for (var index = 0; index < myArray.length; ++index)
			{   var item = myArray[index];   
				item.removeClassName('selected');
			} 
			
			thumbSelected.addClassName('selected');
				
			new Effect.Opacity(imgobj, {
				duration: 0.5,
				from: 0,
				to: 1
			});
		}
	});
	
	
}

window.onload = drawSubmenuInit;
window.onresize = centerSite;