document.write('<div id="popupcalendar" style="position:absolute; display:none;"></div>');
var dtCh= ".";
var minYear=1900;
var maxYear=2100;
	
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","&#268;","P","S","N");	
	
	//begin
	var dobj=new Date();
	
	//parse current value
	var target=document.getElementById(element);
		
	var curval=target.value;
	
	//load today date if empty else validate
	var curvali=new Array();
	if(isDate(curval))
	{
		curvali=curval.split(".");
	}
	else
	{
		curvali[0]=dobj.getDate();
		curvali[1]=dobj.getMonth()+1;
		curvali[2]=dobj.getFullYear();
		//alert(dobj.getDate());
	}
		
		


		
	dobj.setFullYear(curvali[2],curvali[1]-1-index,curvali[0]);	
	
	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(cdd==-1)	
		cdd=6;
	
	if(LeapYear(year))
		var cdm=daysofmonthLY[month];
	else
		var cdm=daysofmonth[month];		
	
	var c=1;
	var ff=35;
	if(cdd+cdm>35)
		ff=42;

	for(i=0;i<ff;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>';
	
	if(curval)
	{
		html+='<a href="javascript:;" onclick="insert_date(\''+element+'\',\'\',\''+func+'\')"><img src="images/icons/clear.gif" alt=""/></a><a href="javascript:;" onclick="insert_date(\''+element+'\',\'\',\''+func+'\')" style="font-size:10px; color:#999999;">Pobriši datum</a>';
	}
	
	html+='</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 hide_calendar()
{
	var div=document.getElementById('popupcalendar');
	div.style.display='none';
}

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;
}

function isInteger(s)
{
	var i;
    for (i = 0; i < s.length; i++){   
        // Check that current character is number.
        var c = s.charAt(i);
        if (((c < "0") || (c > "9"))) return false;
    }
    // All characters are numbers.
    return true;
}

function stripCharsInBag(s, bag){
	var i;
    var returnString = "";
    // Search through string's characters one by one.
    // If character is not in bag, append to returnString.
    for (i = 0; i < s.length; i++){   
        var c = s.charAt(i);
        if (bag.indexOf(c) == -1) returnString += c;
    }
    return returnString;
}

function daysInFebruary (year){
	// February has 29 days in any year evenly divisible by four,
    // EXCEPT for centurial years which are not also divisible by 400.
    return (((year % 4 == 0) && ( (!(year % 100 == 0)) || (year % 400 == 0))) ? 29 : 28 );
}
function DaysArray(n) {
	for (var i = 1; i <= n; i++) {
		this[i] = 31
		if (i==4 || i==6 || i==9 || i==11) {this[i] = 30}
		if (i==2) {this[i] = 29}
   } 
   return this
}

function isDate(dtStr){
	var daysInMonth = DaysArray(12)
	var pos1=dtStr.indexOf(dtCh)
	var pos2=dtStr.indexOf(dtCh,pos1+1)
	var strDay=dtStr.substring(0,pos1)
	var strMonth=dtStr.substring(pos1+1,pos2)
	var strYear=dtStr.substring(pos2+1)
	strYr=strYear
	if (strDay.charAt(0)=="0" && strDay.length>1) strDay=strDay.substring(1)
	if (strMonth.charAt(0)=="0" && strMonth.length>1) strMonth=strMonth.substring(1)
	for (var i = 1; i <= 3; i++) {
		if (strYr.charAt(0)=="0" && strYr.length>1) strYr=strYr.substring(1)
	}
	month=parseInt(strMonth)
	day=parseInt(strDay)
	year=parseInt(strYr)
	if (pos1==-1 || pos2==-1){
		//alert("The date format should be : mm/dd/yyyy")
		return false
	}
	if (strMonth.length<1 || month<1 || month>12){
		//alert("Please enter a valid month")
		return false
	}
	if (strDay.length<1 || day<1 || day>31 || (month==2 && day>daysInFebruary(year)) || day > daysInMonth[month]){
		//alert("Please enter a valid day")
		return false
	}
	if (strYear.length != 4 || year==0 || year<minYear || year>maxYear){
		//alert("Please enter a valid 4 digit year between "+minYear+" and "+maxYear)
		return false
	}
	if (dtStr.indexOf(dtCh,pos2+1)!=-1 || isInteger(stripCharsInBag(dtStr, dtCh))==false){
		//alert("Please enter a valid date")
		return false
	}
return true
}