var activewindows = 0;
var curpopit = 0;
var loadedpopits = new Array();

loadWpopit = function()
{

}

loadApopit = function(title,url,w,h,t,l,theme_prefix,modal,iframe)
{
	theme_prefix = typeof theme_prefix != 'undefined' ? theme_prefix : 'default';

	viewportdims = getWindowDimensions();

	activewindows = (activewindows+1)
	popit_id = activewindows+'_popit';

	if(modal)
	{
		var modal = parent.document.createElement('div');
		modal.setAttribute('id',popit_id+'_modal');
		parent.document.body.appendChild(modal);
		Element.absolutize($(popit_id+'_modal'))
		Element.addClassName($(popit_id+'_modal'),theme_prefix+'_popit_modal');

		contdims = $('basic').getDimensions();
		
		modal.style.width = viewportdims[0]+'px';
		modal.style.height = contdims['height']+'px';
		modal.style.top = 0+'px';
		modal.style.left = 0+'px';
		modal.innerHTML = ' ';
	}

	/** CREATE THE WINDOW CONTAINER **/
	var window = parent.document.createElement('div');
	window.setAttribute('id',popit_id);
	window.style.display = 'none';
	parent.document.body.appendChild(window);
	Element.addClassName($(popit_id),theme_prefix+'_popit_window');
	popit = $(popit_id);

	/** CREATE THE TITLE BAR **/
	var title_bar = parent.document.createElement('div');
	title_bar.setAttribute('id',popit_id+'_title_bar');
	//	title_bar.innerHTML = title;
	parent.$(popit_id).appendChild(title_bar);
	Element.addClassName(parent.$(popit_id+'_title_bar'),theme_prefix+'_popit_title_bar');

	title_bar_dims = parent.$(popit_id+'_title_bar').getDimensions();
	title_bar_height = title_bar_dims['height'];

	/** CREATE THE WINDOW CONTENT CONTAINER **/

	if(iframe)
	{
		var windowcontent = parent.document.createElement('iframe');
		windowcontent.setAttribute('src',url);
		windowcontent.setAttribute('id',popit_id+'_content');
		parent.$(popit_id).appendChild(windowcontent);
		Element.addClassName(parent.$(popit_id+'_content'),theme_prefix+'_popit_content');
	}
	else if(typeof url == 'string')
	{
		var windowcontent = document.createElement('div');
		windowcontent.setAttribute('id',popit_id+'_content');
		parent.$(popit_id).appendChild(windowcontent);
		Element.addClassName(parent.$(popit_id+'_content'),theme_prefix+'_popit_content');
	}
	else if(typeof url == 'object')
	{
		url.remove();
		windowcontent = document.createElement('div');
		windowcontent.setAttribute('id',popit_id+'_content');
		windowcontent.innerHTML = url.innerHTML;
		parent.$(popit_id).appendChild(windowcontent);
		Element.addClassName(parent.$(popit_id+'_content'),theme_prefix+'_popit_content');
	}

	if(!iframe && typeof url != 'object')
	{
		new Ajax.Updater(parent.$(popit_id+'_content'),url,{evalScripts : true});
	}
	else if(typeof url != 'object' && iframe)
	{
		//		parent.$(popit_id+'_content').style.width = w+"px";
	}

	/** CREATE THE WINDOW FOOTER **/

	var footer_bar = parent.document.createElement('div');
	footer_bar.setAttribute('id',popit_id+'_footer_bar');
	footer_bar.innerHTML = '<a href="http://www.depulz.nl/treepulz">&copy; treepulz cms</a>';

	parent.$(popit_id).appendChild(footer_bar);
	Element.addClassName(parent.$(popit_id+'_footer_bar'),theme_prefix+'_popit_footer_bar');

	footer_bar_dims = parent.$(popit_id+'_footer_bar').getDimensions();
	footer_bar_height = footer_bar_dims['height'];

	w = (typeof w == 'number') ? w : 720;
	h = (typeof h == 'number') ? (h+footer_bar_height) : (500+footer_bar_height);

	center_left = ((viewportdims[0]/2)-(w/2));
	center_top = ((viewportdims[1]/2)-(h/2));

	if(viewportdims[1] < h)
	center_top = 20;

	if(viewportdims[0] < w)
	center_left = 20;

	if(h>viewportdims[1])
	h = (viewportdims[1]-40)

	if(w>viewportdims[0])
	w = (viewportdims[0]-40)

	t = (typeof t == 'number') ? t : center_top;
	l = (typeof l == 'number') ? l : center_left;


	OffSet = getScrollOffSet();
	xOffSet = OffSet[0];
	yOffSet = OffSet[1];

	t = (t+yOffSet);
	l = (l+xOffSet);

	content_height = (h-title_bar_height);

	parent.$(popit_id+'_content').style.height = content_height+'px';
	parent.$(popit_id+'_content').style.overflow = 'auto';

	Element.absolutize(parent.$(popit_id));

//	new Draggable(parent.$(popit_id) , {handle : parent.$(popit_id+'_title_bar'),starteffect : false,endeffect : false});

	parent.$(popit_id).style.top = t+'px';
	parent.$(popit_id).style.left = l+'px';
	
		parent.$(popit_id).style.width = w+'px';
		parent.$(popit_id).style.height = h+'px';
	
	parent.$(popit_id+'_title_bar').innerHTML = '<img src="'+WEBDIR+'css/popit/'+theme_prefix+'/close.gif" onclick="closePopit(\''+popit_id+'\')" onmouseover="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/close_on.gif\'" onmouseout="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/close.gif\'" class="close"><img src="'+WEBDIR+'css/popit/'+theme_prefix+'/refresh.gif" onclick="refresh(\''+popit_id+'\',\''+url+'\')" onmouseover="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/refresh_on.gif\'" onmouseout="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/refresh.gif\'" class="refresh"><img src="'+WEBDIR+'css/popit/'+theme_prefix+'/maximize.gif" onclick="maxPopit(\''+popit_id+'\','+w+','+(viewportdims[0]-24)+','+h+','+content_height+','+(viewportdims[1]-title_bar_height-footer_bar_height-footer_bar_height)+','+t+','+l+')" onmouseover="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/maximize_on.gif\'" onmouseout="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/maximize.gif\'"  class="max"><img src="'+WEBDIR+'css/popit/'+theme_prefix+'/minimize.gif" onclick="minPopit(\''+popit_id+'\')" onmouseover="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/minimize_on.gif\'" onmouseout="this.src=\''+WEBDIR+'css/popit/'+theme_prefix+'/minimize.gif\'" class="min">';
	
	parent.$(popit_id+'_title_bar').innerHTML += title;

	parent.$(popit_id).style.display = 'block';
}

refresh = function(popit_id,url)
{
	if(parent.$(popit_id+'_content').src)
	{
		parent.$(popit_id+'_content').src = parent.$(popit_id+'_content').src;
	}else{
		new Ajax.Updater(parent.$(popit_id+'_content'),url,{evalScripts : true});
	}
}

loadpopit = function(title,url,w,h,t,l,theme_prefix,modal,iframe)
{
	loadApopit(title,url,w,h,t,l,theme_prefix,modal,iframe);
}

loadIpopit = function(title,url,w,h,t,l,theme_prefix,modal)
{
	loadApopit(title,url,w,h,t,l,theme_prefix,modal,true);
}


positionpopit = function(object,startleft,endleft,starttop,endtop,duration)
{
	//var t = new Tween(object,property,easing,start,end,duration,suffixe);
	duration = .5;
	var t1A = new Tween(parent.$(object).style,'left',Tween.regularEaseInOut,parseInt(startleft),parseInt(endleft),duration,'px');
	var t1B = new Tween(parent.$(object).style,'top',Tween.strongEaseOut,parseInt(starttop),parseInt(endtop),duration,'px');
	t1B.onMotionFinished = function(){parent.create_tips();};
	t1A.start();
	t1B.start();

}

maxPopit = function(id,startW,endW,startH,startCW,endCW,startT,startL)
{
	popit_dims = $(id).getDimensions();

	if(popit_dims['width'] < endW)
	{
		$(id).style.width = endW+'px';
		$(id+'_content').style.height = endCW+'px';
		$(id).style.left = 0+'px';
		$(id).style.top = 0+'px';
	}else{
		$(id+'_content').style.height = startCW+'px';
		$(id).style.width = startW+'px';
		$(id).style.left = startL+'px';
		$(id).style.top = startT+'px';
	}
}

minPopit = function(id)
{
	Element.toggle(id+'_content');
}

hidePopit = function(id)
{
	$(id).remove();
}

closePopit = function(id)
{
	$(id).remove();

	if($(id+'_modal'))
	$(id+'_modal').remove();
}

hidepopit = function(object,endtop,winobj)
{
	duration = .5;
	curtop = $(object).style.top;
	starttop = curtop.replace("px", "");
	var t1C = new Tween(parent.$(object).style,'top',Tween.strongEaseIn,parseInt(starttop),endtop,duration,'px');
	t1C.onMotionFinished = function(){winobj.hide();};
	t1C.start();
}