//Javascript name: My Date Time Picker
//Date created: 16-Nov-2003 23:19
//Scripter: TengYong Ng
//Website: http://www.rainforestnet.com
//Copyright (c) 2003 TengYong Ng
//FileName: DateTimePicker.js
//Version: 0.8
//Contact: contact@rainforestnet.com
// Note: Permission given to use this script in ANY kind of applications if
//       header lines are left unchanged.

//Global variables
var winCal;
var CountCal=0
var dtToday=new Date();
var Cal;
var docCal;
var HideWait = 3;
var MonthName=["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno","Luglio", 
	"Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"];
var WeekDayName=["lunedi","martedi","mercoledi","giovedi","venerdi","sabato","domenica"];	
var exDateTime;//Existing Date and Time

//Configurable parameters
var cnTop="200";//top coordinate of calendar window.
var cnLeft="500";//left coordinate of calendar window
var WindowTitle ="Seleziona  la Data";//Date Time Picker title.
var WeekChar=3;//number of character for week day. if 2 then Mo,Tu,We. if 3 then Mon,Tue,Wed.
var CellWidth=20;//Width of day cell.
var DateSeparator="/";//Date Separator, you can change it to "/" if you want.
var TimeMode=24;//default TimeMode value. 12 or 24

var ShowLongMonth=true;//Show long month name in Calendar header. example: "January".
var ShowMonthYear=true;//Show Month and Year in Calendar header.
var MonthYearColor="#cc0033";//Font Color of Month and Year in Calendar header.
var WeekHeadColor="#0099CC";//Background Color in Week header.
var SundayColor="#FF0000";//Background color of Sunday.
var SaturdayColor="#FF0000";//Background color of Saturday.
var WeekDayColor="#000000";//Background color of weekdays.
var FontColor="blue";//color of font in Calendar day cell.
var TodayColor="#006600";//Background color of today.
var SelDateColor="#FFFFFF;";//Backgrond color of selected date in textbox.
var SelHLDateColor="border:1px solid #3875FF;background:#8BADFF;";//Backgrond color of selected date in textbox.

var YrSelColor="#006600";//color of font of Year selector.
var ThemeBg="";//Background image of Calendar window.
//end Configurable parameters
//end Global variable
function NewCal(pCtrl,pFormat,pShowTime,pTimeMode)
{
	if (Cal){
		if (Cal.objRef!=document.getElementById(pCtrl)){
			Cal.hidden()
		}
		else{
			Cal.hidden()
			return;
		}
	}
	Cal=new Calendar(dtToday);
	if ((pShowTime!=null) && (pShowTime))
	{
		Cal.ShowTime=true;
		if ((pTimeMode!=null) &&((pTimeMode=='12')||(pTimeMode=='24')))
		{
			TimeMode=pTimeMode;
		}		
	}	
	if (pCtrl!=null)
		Cal.Ctrl=pCtrl;
	if (pFormat!=null)
		Cal.Format=pFormat.toUpperCase();
	
	exDateTime=document.getElementById(pCtrl).value;
	Cal.objRef=document.getElementById(pCtrl);
	var container=Cal.objRef.getAttribute("container")
	if  (container){
		Cal.parent=document.getElementById(container)
	}	
	Cal.shiftleft=0
	if (exDateTime!="")//Parse Date String
	{
		var Sp1;//Index of Date Separator 1
		var Sp2;//Index of Date Separator 2 
		var tSp1;//Index of Time Separator 1
		var tSp1;//Index of Time Separator 2
		var strMonth;
		var strDate;
		var strYear;
		var intMonth;
		var YearPattern;
		var strHour;
		var strMinute;
		var strSecond;
		//parse month
		Sp1=exDateTime.indexOf(DateSeparator,0)
		Sp2=exDateTime.indexOf(DateSeparator,(parseInt(Sp1)+1));
		
		if ((Cal.Format.toUpperCase()=="DDMMYYYY") || (Cal.Format.toUpperCase()=="DDMMMYYYY"))
		{
			strMonth=exDateTime.substring(Sp1+1,Sp2);
			strDate=exDateTime.substring(0,Sp1);
		}
		else if ((Cal.Format.toUpperCase()=="MMDDYYYY") || (Cal.Format.toUpperCase()=="MMMDDYYYY"))
		{
			strMonth=exDateTime.substring(0,Sp1);
			strDate=exDateTime.substring(Sp1+1,Sp2);
		}
		if (isNaN(strMonth))
			intMonth=Cal.GetMonthIndex(strMonth);
		else
			intMonth=parseInt(strMonth,10)-1;	
		if ((parseInt(intMonth,10)>=0) && (parseInt(intMonth,10)<12))
			Cal.Month=intMonth;
		//end parse month
		//parse Date
		if ((parseInt(strDate,10)<=Cal.GetMonDays()) && (parseInt(strDate,10)>=1))
			Cal.Date=strDate;
		//end parse Date
		//parse year
		strYear=exDateTime.substring(Sp2+1,Sp2+5);
		YearPattern=/^\d{4}$/;
		if (YearPattern.test(strYear))
			Cal.Year=parseInt(strYear,10);
		//end parse year
		//parse time
		if (Cal.ShowTime==true)
		{
			tSp1=exDateTime.indexOf(":",0)
			tSp2=exDateTime.indexOf(":",(parseInt(tSp1)+1));
			strHour=exDateTime.substring(tSp1,(tSp1)-2);
			Cal.SetHour(strHour);
			strMinute=exDateTime.substring(tSp1+1,tSp2);
			Cal.SetMinute(strMinute);
			strSecond=exDateTime.substring(tSp2+1,tSp2+3);
			Cal.SetSecond(strSecond);
		}	
	}
	//winCal=window.open("","DateTimePicker","toolbar=0,status=0,menubar=0,fullscreen=no,width=195,height=245,resizable=0,top="+cnTop+",left="+cnLeft);
	Cal.display()
	docCal=Cal.iframeDoc;
	RenderCal();
}

function RenderCal()
{
	var vCalHeader;
	var vCalData;
	var vCalTime;
	var i;
	var j;
	var SelectStr;
	var vDayCount=0;
	var vFirstDay;

	docCal.open();
	docCal.writeln("<html><head><title>"+WindowTitle+"</title>");
	docCal.writeln("<script>var winMain=parent.window;</script>");
	docCal.writeln("<link href=\""+CssFilePath+"CSS/datetimepicker.css\" rel=\"stylesheet\" type=\"text/css\" />")
	docCal.writeln("</head><body background='"+ThemeBg+"' link="+FontColor+" vlink="+FontColor+"><form name='Calendar'>");

	var MonthPrev
	var MonthSuc
	var AnnoPrev
	var AnnoSuc
	var Anno=Cal.Year	
	if (0==Cal.Month){
		MonthPrev=11	
		AnnoPrev=Cal.Year-1
	}else{
		MonthPrev=Cal.Month-1
		AnnoPrev=Anno
	}
	if (11==Cal.Month){
		MonthSuc=0	
		AnnoSuc=Cal.Year+1
	}else{
		MonthSuc=Cal.Month+1
		AnnoSuc=Anno
	}	
	
	vCalHeader="<table border=0 cellpadding=0 cellspacing=0 width='100%' height='100%' align=\"center\" valign=\"top\" class=\"dxeCalendar_PlasticBlue\">\n";
	vCalHeader+="<tr><td valign=\"top\">"
	vCalHeader+="<table border=0 cellpadding=0 cellspacing=0 width='100%' align=\"center\" valign=\"top\">\n";
	vCalHeader+="<tr><td class=\"dxeCalendarHeader_PlasticBlue\">"
	vCalHeader+="<table border=0 cellspacing=0 cellpadding=0 align=\"center\"  width='100%'>"
	vCalHeader+="  <tr>"
	vCalHeader+="	<td  width='15'><a href=\"javascript:winMain.Cal.DecYear();winMain.RenderCal()\"><img src=\"\\Img\\Calendar\\dvFirst.png\" border=0 /></a></td>"
	vCalHeader+="	<td  width='15'><a href=\"javascript:winMain.Cal.SwitchMth("+MonthPrev+","+AnnoPrev+");winMain.RenderCal();\"><img src=\"\\Img\\Calendar\\dvPrev.png\"  border=0/></a></td>"
	vCalHeader+="	<td class=\"dxeCalendarDayHeader_PlasticBlueCurrMonthYear\" >"+Cal.GetMonthName(ShowLongMonth)+" "+Cal.Year+"</td>"
	vCalHeader+="	<td  width='15'><a href=\"javascript:winMain.Cal.SwitchMth("+MonthSuc+","+AnnoSuc+");winMain.RenderCal();\"><img src=\"\\Img\\Calendar\\dvNext.png\"  border=0/></a></td>"
	vCalHeader+="	<td  width='15'><a href=\"javascript:winMain.Cal.IncYear();winMain.RenderCal()\"><img src=\"\\Img\\Calendar\\dvLast.png\" border=0 /></a></td>"
	vCalHeader+="  </tr>"
	vCalHeader+="</table>"	
	vCalHeader+="</td></tr>"
		
	vCalHeader+="<tr><td>"
	vCalHeader+="<table border=0 cellpadding=0 cellspacing=0 width='90%' align=\"center\" valign=\"top\">\n";
	vCalHeader+="<tr bgcolor="+WeekHeadColor+">";
	for (i=0;i<7;i++)
	{
		vCalHeader+="<td align='center' class=\"dxeCalendarDayHeader_PlasticBlue\">"+WeekDayName[i].substr(0,WeekChar)+"</td>";
	}
	vCalHeader+="</tr>";	
	docCal.write(vCalHeader);
	
	//Calendar detail
	CalDate=new Date(Cal.Year,Cal.Month);
	CalDate.setDate(1);
	vFirstDay=CalDate.getDay();
	vCalData="<tr>";
	for (i=1;i<vFirstDay;i++)
	{
		vCalData=vCalData+GenCell();
		vDayCount=vDayCount+1;
	}
	for (j=1;j<=Cal.GetMonDays();j++)
	{
		var strCell;
		vDayCount=vDayCount+1;
		if ((j==dtToday.getDate())&&(Cal.Month==dtToday.getMonth())&&(Cal.Year==dtToday.getFullYear()))
			strCell=GenCell(j,null,TodayColor);//Highlight today's date
		
		
			if (j==Cal.Date)
			{
				strCell=GenCell(j,SelHLDateColor,SelDateColor);
			}
			else
			{	 
				if ((vDayCount+1)%7==0)
					strCell=GenCell(j,null,SaturdayColor);
				else if ((vDayCount+7)%7==0)
					strCell=GenCell(j,null,SundayColor);
				else
					strCell=GenCell(j,null,WeekDayColor);
			}		
				
		vCalData=vCalData+strCell;

		if((vDayCount%7==0)&&(j<Cal.GetMonDays()))
		{
			vCalData=vCalData+"</tr>\n<tr>";
		}
	}
	docCal.writeln(vCalData);	
	//Time picker
	if (Cal.ShowTime)
	{
		var showHour;
		showHour=Cal.getShowHour();		
		vCalTime="<tr>\n<td colspan='7' align='center'>";
		vCalTime+="<input type='text' name='hour' maxlength=2 size=1 style=\"WIDTH: 22px\" value="+showHour+" onchange=\"javascript:winMain.Cal.SetHour(this.value)\">";
		vCalTime+=" : ";
		vCalTime+="<input type='text' name='minute' maxlength=2 size=1 style=\"WIDTH: 22px\" value="+Cal.Minutes+" onchange=\"javascript:winMain.Cal.SetMinute(this.value)\">";
		vCalTime+=" : ";
		vCalTime+="<input type='text' name='second' maxlength=2 size=1 style=\"WIDTH: 22px\" value="+Cal.Seconds+" onchange=\"javascript:winMain.Cal.SetSecond(this.value)\">";
		if (TimeMode==12)
		{
			var SelectAm =(parseInt(Cal.Hours,10)<12)? "Selected":"";
			var SelectPm =(parseInt(Cal.Hours,10)>=12)? "Selected":"";

			vCalTime+="<select name=\"ampm\" onchange=\"javascript:winMain.Cal.SetAmPm(this.options[this.selectedIndex].value);\">";
			vCalTime+="<option "+SelectAm+" value=\"AM\">AM</option>";
			vCalTime+="<option "+SelectPm+" value=\"PM\">PM<option>";
			vCalTime+="</select>";
		}	
		vCalTime+="\n</td>\n</tr>";
		docCal.write(vCalTime);
	}	
	//end time picker
	docCal.writeln("\n</table>");
	docCal.writeln("\n</</td></tr>");
	docCal.writeln("\n</table>");
	docCal.writeln("</td></tr>");
	docCal.writeln("\n</</td></tr>");
	docCal.writeln("\n</table>");
	docCal.writeln("</form></body></html>");
	docCal.close();
}

function GenCell(pValue,pHighLight,pColor)//Generate table cell with value
{
	var PValue;
	var PCellStr;
	var vColor;
	var vHLstr1;//HighLight string
	var vHlstr2;
	var vTimeStr;
	var vHighLight
	
	if (pValue==null)
		PValue="";
	else
		PValue=pValue;
	
	if (pColor!=null)
		vColor='style="color:'+pColor+';"';
	else
	vColor="";	
	
	if (pHighLight!=null)
		vHighLight='style="'+pHighLight+';"';
	else
	vHighLight="";	
		

	if (Cal.ShowTime)
	{
		vTimeStr="winMain.document.getElementById('"+Cal.Ctrl+"').value+=' '+"+"winMain.Cal.getShowHour()"+"+':'+"+"winMain.Cal.Minutes"+"+':'+"+"winMain.Cal.Seconds";
		if (TimeMode==12)
			vTimeStr+="+' '+winMain.Cal.AMorPM";
	}	
	else
		vTimeStr="";		
	PCellStr="<td width="+CellWidth+" "+vHighLight+" align='center' class='dxeCalendarDay_PlasticBlue'><a href=\"javascript:winMain.document.getElementById('"+Cal.Ctrl+"').value='"+Cal.FormatDate(PValue)+"';"+vTimeStr+";winMain.Cal.hidden();\""+vColor+" >"+PValue+"</a></td>";
	return PCellStr;
}

function Calendar(pDate,pCtrl)
{
	//Properties
	this.Date=pDate.getDate();//selected date
	this.Month=pDate.getMonth();//selected month number
	this.Year=pDate.getFullYear();//selected year in 4 digits
	this.Hours=pDate.getHours();	
	
	if (pDate.getMinutes()<10)
		this.Minutes="0"+pDate.getMinutes();
	else
		this.Minutes=pDate.getMinutes();
	
	if (pDate.getSeconds()<10)
		this.Seconds="0"+pDate.getSeconds();
	else		
		this.Seconds=pDate.getSeconds();
		
	this.MyWindow=winCal;
	this.Ctrl=pCtrl;
	this.Format="ddMMyyyy";
	this.Separator=DateSeparator;
	this.ShowTime=false;
	if (pDate.getHours()<12)
		this.AMorPM="AM";
	else
		this.AMorPM="PM";	
		
		
		this.HtmlText=''
		this.parent=document.body
		this.objRef=undefined
		this.Element=undefined
		this.Element2=undefined
		this.shiftleft=undefined
		this.shifttop=undefined
		this.iframeDoc=undefined
		this.ElemID="DateInput"+CountCal
		this.timerID = this.ElemID+"_timer";
	    this.resetTimer = CalTimerReset;
	    this.handleTimer = DoTimer;		
		this.display = function() {
		//	this.Element=document.createElement('div')
		///	this.Element.id="InfoInput" 
		//	this.Element.style.zIndex=300;
		//	this.Element.width=375
			if (!this.parent){
				this.parent=document.body
			}
			CountCal=CountCal+1
			this.Element=document.createElement('iframe')
			this.Element.id=this.ElemID
			this.Element.className="DatePicher"
			
			//this.Element.allowTransparency="true"
			this.Element.style.zIndex=300;
			this.Element.frameBorder ='no';

			this.Element.style.border="1px solid #CCCCCC"
			this.Element.width=document.body.clientWidth
			this.Element.height=document.body.clientHeight			
			addEvent(this.Element,'blur',ChiudiCal)
			//this.Element.appendChild(this.Element)
			//this.Element.style.visibility='hidden';
			//this.Element.style.filters='alpha(opacity=50);'
						  
			// alert('prima+'+document.body.clientHeight)
			// alert('dopo+'+document.body.clientHeight)	
			//alert("this.parent"+this.parent)
			this.parent.appendChild(this.Element)	
			
			this.Element.width=215
			this.Element.height=175

			//this.Element.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'; 
			//this.Element.style.display='block'; 
			//this.Element.style.visibility='visible';			
			
			this.iframeDoc="";
			if (this.Element.contentDocument) {
						this.iframeDoc = this.Element.contentDocument;
			}
			else if (this.Element.contentWindow) {
						this.iframeDoc = this.Element.contentWindow.document;
			}
			else if (window.frames[this.Element.name]) {
						this.iframeDoc = window.frames[this.Element.name].document;
					}
			if (this.iframeDoc) {
				this.iframeDoc.open();			
			}
			if (this.shiftleft==undefined){
				this.Element.style.left=(getAbsoluteLeft(this.objRef,this.parent)+parseInt(this.objRef.offsetWidth-20))+"px"
			}
			else
			{
				this.Element.style.left=(getAbsoluteLeft(this.objRef,this.parent)+parseInt(this.shiftleft))+"px"
			}
			if (this.shifttop==undefined){
				this.Element.style.top=(getAbsoluteTop(this.objRef,this.parent)+ this.objRef.offsetHeight)+ "px"	
			}
			else{
				this.Element.style.top=(getAbsoluteTop(this.objRef,this.parent)+ +parseInt(this.shifttop))+ "px"	
			}		
			this.handleTimer(false);
			addEvent(document.body,'click',ChiudiCal)
			
			
			document.onkeyup = ChiudiCal;
			if (document.layers) document.captureEvents(Event.KEYUP);

			//document.addEventListener( 'keypress', ChiudiCal, true );
		}

		this.hidden = function() {	
			//try{
			removeEvent(document.body,'click', ChiudiCal);
			document.onkeyup =null
			//removeEvent(document,'onkeyup', ChiudiCal);
		  	this.handleTimer(true);
			this.parent.removeChild(this.Element)			
			var NewCal
			Cal=undefined			
			//}
			//catch(e){
			//	alert('err')
				//Cal=undefined		//}
		}				
}

function GetMonthIndex(shortMonthName)
{
	for (i=0;i<12;i++)
	{
		if (MonthName[i].substring(0,3).toUpperCase()==shortMonthName.toUpperCase())
		{	return i;}
	}
}
Calendar.prototype.GetMonthIndex=GetMonthIndex;

function IncYear()
{	Cal.Year++;
this.resetTimer();
}
Calendar.prototype.IncYear=IncYear;

function DecYear()
{	Cal.Year--;
this.resetTimer();
}
Calendar.prototype.DecYear=DecYear;
	
function SwitchMth(intMth,intYear)
{	
Cal.Month=intMth;
Cal.Year=intYear;
this.resetTimer();
}
Calendar.prototype.SwitchMth=SwitchMth;

function SetHour(intHour)
{	
	var MaxHour;
	var MinHour;
	if (TimeMode==24)
	{	MaxHour=23;MinHour=0}
	else if (TimeMode==12)
	{	MaxHour=12;MinHour=1}
	else
		alert("TimeMode can only be 12 or 24");		
	var HourExp=new RegExp("^\\d\\d$");
	if (HourExp.test(intHour) && (parseInt(intHour,10)<=MaxHour) && (parseInt(intHour,10)>=MinHour))
	{	
		if ((TimeMode==12) && (Cal.AMorPM=="PM"))
		{
			if (parseInt(intHour,10)==12)
				Cal.Hours=12;
			else	
				Cal.Hours=parseInt(intHour,10)+12;
		}	
		else if ((TimeMode==12) && (Cal.AMorPM=="AM"))
		{
			if (intHour==12)
				intHour-=12;
			Cal.Hours=parseInt(intHour,10);
		}
		else if (TimeMode==24)
			Cal.Hours=parseInt(intHour,10);	
	}
}
Calendar.prototype.SetHour=SetHour;

function SetMinute(intMin)
{
	var MinExp=new RegExp("^\\d\\d$");
	if (MinExp.test(intMin) && (intMin<60))
		Cal.Minutes=intMin;
}
Calendar.prototype.SetMinute=SetMinute;

function SetSecond(intSec)
{	
	var SecExp=new RegExp("^\\d\\d$");
	if (SecExp.test(intSec) && (intSec<60))
		Cal.Seconds=intSec;
}
Calendar.prototype.SetSecond=SetSecond;

function SetAmPm(pvalue)
{
	this.AMorPM=pvalue;
	if (pvalue=="PM")
	{
		this.Hours=(parseInt(this.Hours,10))+12;
		if (this.Hours==24)
			this.Hours=12;
	}	
	else if (pvalue=="AM")
		this.Hours-=12;	
}
Calendar.prototype.SetAmPm=SetAmPm;

function getShowHour()
{
	var finalHour;
    if (TimeMode==12)
    {
    	if (parseInt(this.Hours,10)==0)
		{
			this.AMorPM="AM";
			finalHour=parseInt(this.Hours,10)+12;	
		}
		else if (parseInt(this.Hours,10)==12)
		{
			this.AMorPM="PM";
			finalHour=12;
		}		
		else if (this.Hours>12)
		{
			this.AMorPM="PM";
			if ((this.Hours-12)<10)
				finalHour="0"+((parseInt(this.Hours,10))-12);
			else
				finalHour=parseInt(this.Hours,10)-12;	
		}
		else
		{
			this.AMorPM="AM";
			if (this.Hours<10)
				finalHour="0"+parseInt(this.Hours,10);
			else
				finalHour=this.Hours;	
		}
	}
	else if (TimeMode==24)
	{
		if (this.Hours<10)
			finalHour="0"+parseInt(this.Hours,10);
		else	
			finalHour=this.Hours;
	}	
	return finalHour;	
}				
Calendar.prototype.getShowHour=getShowHour;		

function GetMonthName(IsLong)
{
	var Month=MonthName[this.Month];
	if (IsLong)
		return Month;
	else
		return Month.substr(0,3);
}
Calendar.prototype.GetMonthName=GetMonthName;

function GetMonDays()//Get number of days in a month
{
	var DaysInMonth=[31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
	if (this.IsLeapYear())
	{
		DaysInMonth[1]=29;
	}	
	return DaysInMonth[this.Month];	
}
Calendar.prototype.GetMonDays=GetMonDays;

function IsLeapYear()
{
	if ((this.Year%4)==0)
	{
		if ((this.Year%100==0) && (this.Year%400)!=0)
		{
			return false;
		}
		else
		{
			return true;
		}
	}
	else
	{
		return false;
	}
}
function CalTimerReset() {
   eval('clearTimeout(' + this.timerID + ')');
   eval(this.timerID + '=setTimeout(\'Cal.hidden()\',' + (HideWait * 1000) + ')');
}
// The timer for the calendar
function DoTimer(CancelTimer) {
   if (CancelTimer) eval('clearTimeout(' + this.timerID + ')');
   else {
      eval(this.timerID + '=null');
      this.resetTimer();
   }
}

function ChiudiCal(e){
		Cal.hidden()
}

Calendar.prototype.IsLeapYear=IsLeapYear;

function FormatDate(pDate)
{
	var MonthRes
	var DayRes
	if (this.Format.toUpperCase()=="DDMMYYYY"){
		var MonthRes
		var DayRes
		DayRes=pDate
		MonthRes=String(this.Month+1)
		if (DayRes.length < 2){
			DayRes="0"+pDate
		}
		if (MonthRes.length < 2){
			MonthRes="0"+MonthRes
		}		
		return (DayRes+DateSeparator+MonthRes+DateSeparator+this.Year);
	}
	else if (this.Format.toUpperCase()=="DDMMMYYYY")
		return (pDate+DateSeparator+this.GetMonthName(false)+DateSeparator+this.Year);
	else if (this.Format.toUpperCase()=="MMDDYYYY")
		return ((this.Month+1)+DateSeparator+pDate+DateSeparator+this.Year);
	else if (this.Format.toUpperCase()=="MMMDDYYYY")
		return (this.GetMonthName(false)+DateSeparator+pDate+DateSeparator+this.Year);			
}
Calendar.prototype.FormatDate=FormatDate;	



	function getAbsoluteTop(obj,parentObj) {
		// Get an object top position from the upper left viewport corner
		// Tested with relative and nested objects
		o = obj
		oTop = o.offsetTop            // Get top position from the parent object
		while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element	
			oParent = o.offsetParent  // Get parent object reference
			
			if (parentObj){
				//alert("parentObj.id"+parentObj.id)
				if (!  ( (parentObj.id =='')|| (parentObj.id ==null)||(Object.isUndefined(parentObj.id)) )  ) {
						//alert("o.id"+o.id)
						if (parentObj.id==oParent.id){
							//alert("enter")
							break;
							
						}	
				}				
			}	
			oTop += oParent.offsetTop
			o = oParent
		}
		// Return top position
		//alert("oTopResult"+oTop)
		return oTop
	}
	
    function getAbsoluteLeft(obj,parentObj) {
		// Get an object left position from the upper left viewport corner
		// Tested with relative and nested objects
		o = obj
		oLeft = o.offsetLeft            // Get left position from the parent object
		while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
			oParent = o.offsetParent    // Get parent object reference
			// Add parent left position
			if (parentObj){
				//alert("parentObj.id"+parentObj.id)
				if (!  ( (parentObj.id =='')|| (parentObj.id ==null)||(Object.isUndefined(parentObj.id)) )  ) {
						//alert("o.id"+o.id)
						if (parentObj.id==oParent.id){
							//alert("enter")
							break;
							
						}	
				}				
			}		
			oLeft += oParent.offsetLeft
			o = oParent
		}
		// Return left postion
		return oLeft
	}
	
function addEvent( obj, type, fn ) {
  if ( obj.attachEvent ) {
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
    obj.attachEvent( 'on'+type, obj[type+fn] );
  } else
    obj.addEventListener( type, fn, false );
}
function removeEvent( obj, type, fn ) {
  if ( obj.detachEvent ) {
    obj.detachEvent( 'on'+type, obj[type+fn] );
    obj[type+fn] = null;
  } else
    obj.removeEventListener( type, fn, false );
}