function CalendarPopup(element,format,anchor,index,func)
{
	
	var func=func.replace(/'/g,"\\'");
	//get container div
	var div=document.getElementById('popupcalendar');

	//toggle calender
	if(div.style.display=='' && index==='')
	{
		div.style.display='none';
		return;
	}
	
	//define calender values
	var daysofmonth   = new Array( 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
	var daysofmonthLY = new Array( 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
	var m = new Array("Januar","Februar","Marec","April","Maj","Juni","Julij","Avgust","September","Oktober","November","December");
	var d = new Array("P","T","S","Č","P","S","N");	
	
	//begin
	var dobj=new Date();
	
	//parse current value
	var target=document.getElementById(element);
		
	var curval=target.value;
	curvali=curval.split(".");

	dobj.setFullYear(curvali[2],curvali[1]-1-index,curvali[0]);
	
	if(curval=='')
		dobj=new Date();
	
	var date=dobj.getDate();
	var day=dobj.getDay();
	var month=dobj.getMonth();
	var year=dobj.getFullYear();
	
	//generate HTML
	var html='';
	
	html+='<div style="border:1px solid gray; padding:3px; background-color:white;">';
	html+='<table><tr><td><a href="javascript:;" onclick="CalendarPopup(\''+element+'\',\'format\',\''+anchor+'\','+(index+1)+',\''+func+'\')"><img src="images/icons/p1.gif" alt="&lt;"/></a></td><td style="font-size:10px; font-family:verdana;" align="center" width="98">'+m[month]+' '+year+'</td><td><a href="javascript:;" onclick="CalendarPopup(\''+element+'\',\'format\',\''+anchor+'\','+(index-1)+',\''+func+'\')"><img src="images/icons/n1.gif" alt="&lt;"/></a></td></tr></table>';
	html+='<table><tr style="border-top:1px solid gray;">';
	
	for(i=0;i<7;i++)
	{	
		html+='<td width="16" height="16" align="center"><b class="black">'+d[i]+'</b></td>';
	}
	
	var cd=new Date();
	cd.setFullYear(year,month,1);
	var cdd=cd.getDay()-1;
	
	if(LeapYear(year))
		var cdm=daysofmonthLY[month];
	else
		var cdm=daysofmonth[month];	
	
	var c=1;
	for(i=0;i<42;i++)
	{
		if(i%7==0)
			html+='</tr><tr>';
			
		if((i+2)%7==0)
				var bg='#dddddd';
			else
				
			if((i+1)%7==0)
				var bg='#ffcccc';
			else
				var bg='#eeeeee';
			
		if(i<cdd || c>cdm)			
			html+='<td width="16" height="16" style="background-color:'+bg+';" >&nbsp</td>';
		else
		{

			var mm=(month+1)<10? '0'+(month+1):(month+1);
			var dd=c<10? '0'+c:c;
				
			if(c==date)
				html+='<td width="16" height="16" style="border:1px solid #999999;" align="center"><b style="font-size:10px; font-family:verdana;"><a style="color:red;" href="javascript:;" onclick="insert_date(\''+element+'\',\''+dd+'.'+mm+'.'+year+'\',\''+func+'\')">'+(c)+'</a></b></td>';
			else
				html+='<td width="16" height="16" style="background-color:'+bg+';" align="center"><a style="font-size:10px; font-family:verdana;" href="javascript:;" onclick="insert_date(\''+element+'\',\''+dd+'.'+mm+'.'+year+'\',\''+func+'\')">'+(c)+'</a></td>';
			c++;
		}
	}
	
	html+='</tr></table></div>';
	
	//show calendar
	var anchor=document.getElementById(anchor);
	var pos=findPos(anchor)
	div.style.top=pos[1]+25+'px';
	div.style.left=pos[0]+'px';
	div.style.display='';
	div.innerHTML=html;
}

function insert_date(element,value,func)
{
	var target=document.getElementById(element);
	target.value=value;
	
	var div=document.getElementById('popupcalendar');
	div.style.display='none';
	
	//execute functions with eval
	eval(func);
}

function findPos(obj)
{
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

function LeapYear(year)
{
    if ((year/4)   != Math.floor(year/4))   return false;
    if ((year/100) != Math.floor(year/100)) return true;
    if ((year/400) != Math.floor(year/400)) return false;
    return true;
}