ÿþ//Region Service Tracking Starts Here



var lblNumber = '';

var lblReceiptDate = '';

var lblType= '';

var lblServiceType= '';

var lblPhase= '';

var lblStatus = '';

var buildingPermitsEmptyMessage ='';

var serviceConnectionsEmptyMessage ='';

var buildingPermit = 'Building Permit';

function GetServicesTracking(category,status,type)

{

    var request = new Kahramaa.Internet.Web.ScriptServices.GetServiceTrackingRequest(); 

    StartLoadingLarge('ServicesTrackingdiv',language);

    request.Language = language;

	request.Status =  status;

	request.Type = type;

    if(category == 'BuildingPermit')

    {

    	

    	Kahramaa.Internet.Web.ScriptServices.CustomerWebService.GetBuildingPermits(request, GetBuildingPermitsComplete, GeServiceTrackingError, null);

    }

    else

    {

        Kahramaa.Internet.Web.ScriptServices.CustomerWebService.GetServiceConnections(request, GetServiceConnectionsComplete, GeServiceTrackingError, null);

    }

}



function GetBuildingPermitsComplete(result, userContext)

{

	var emptymessage= serviceConnectionsEmptyMessage;

    var serviceTrackingDiv = document.getElementById('ServicesTrackingdiv');

    serviceTrackingDiv.innerHTML = "";

 	if(result.BuildingPermits.length != 0)

     {

        var html = '<div id="result1">';

      	 var pagerHTML = "";

         pagerHTML = RenderPager(result.BuildingPermits.length, pageSize); 

	       

	       		html += '<table cellspacing="0" cellpadding="0" border="1" style="width:100%;border-collapse:collapse;" class="bordertable">';

		    	//Header Section

		    	html += '<tr class="thtable" align="center">';

		    	html += '<th width="25%">' +lblNumber +  '</th>';

		    	html += '<th width="25%">' +lblReceiptDate + '</th>';

		    	html += '<th width="25%">' +lblType + '</th>'; 

		    	html += '<th width="25%">' + lblStatus + '</th>';   

		    	html += '</tr>';

		    	html += '</table>';

        for(var i=0; i< result.BuildingPermits.length; i++)

        {    

  			

	        //Items

	        html += '<table cellspacing="0" cellpadding="0" border="1" style="width:100%;border-collapse:collapse;" class="bordertable">';

        	html += '<tr class="tdtitlenobold" align="center">';

 		    html += '<td width="25%">'  +result.BuildingPermits[i].Title+ '</td>';

	    	html += '<td width="25%">'  +result.BuildingPermits[i].FormattedReceiptDate+'</td>';

	    	html += '<td width="25%">'  +result.BuildingPermits[i].Type+'</td>';

			html += '<td width="25%">'  +result.BuildingPermits[i].Status+'</td>';

        	html += '</tr>';

        	html += '</table>';

	        	if((i+1)%pageSize == 0)

	          	{

	                pageId = Math.floor(i/pageSize) + 2;

	                html += '<br/></div>';

	                html += '<div id="result' + pageId + '" style="display:none;">';

	          	}

        	 

        }

		html += '</div>'; 

		html += pagerHTML

        serviceTrackingDiv.innerHTML = html;

       }

       else

       {

       	 serviceTrackingDiv.innerHTML += '<div class="fromtodv">'+emptymessage+'</div>';



       }

}

function GetServiceConnectionsComplete(result, userContext)

{

	var emptymessage= serviceConnectionsEmptyMessage;

    var serviceTrackingDiv = document.getElementById('ServicesTrackingdiv');

    serviceTrackingDiv.innerHTML = "";

 	if(result.ServiceConnections.length != 0)

     {

        var html = '<div id="result1">';

      	 var pagerHTML = "";

         pagerHTML = RenderPager(result.ServiceConnections.length, pageSize); 

	       

	       		html += '<table cellspacing="0" cellpadding="0" border="1" style="width:100%;border-collapse:collapse;" class="bordertable">';

		    	//Header Section

		    	html += '<tr class="thtable" align="center">';

		    	html += '<th width="25%">' +lblNumber +  '</th>';

		    	html += '<th width="25%">' +lblReceiptDate + '</th>';

		    	html += '<th width="25%">' +lblType + '</th>'; 

		    	html += '<th width="25%">' + lblStatus + '</th>';   

		    	html += '</tr>';

		    	html += '</table>';

	        for(var i=0; i< result.ServiceConnections.length; i++)

	        {    

		 		

 	            //Items

	        	html += '<table cellspacing="0" cellpadding="0" border="1" style="width:100%;border-collapse:collapse;" class="bordertable">';

        		html += '<tr class="tdtitlenobold" align="center" >';

	 		    html += '<td width="25%" >'  +result.ServiceConnections[i].Title+ '</td>';

		    	html += '<td width="25%">'  +result.ServiceConnections[i].FormattedReceiptDate+'</td>';

		    	html += '<td width="25%">'  +result.ServiceConnections[i].Type+'</td>';

				html += '<td width="25%">'  +result.ServiceConnections[i].Status+'</td>';

	        	html += '</tr>'; 

	        	html += '</table>';

	        	if((i+1)%pageSize == 0)

	          	{

	                pageId = Math.floor(i/pageSize) + 2;

	                html += '<br/></div>';

	                html += '<div id="result' + pageId + '" style="display:none;">';

	          	}  

	        }

        html += '</div>';

        html += pagerHTML;

        serviceTrackingDiv.innerHTML = html;

       }

       else

       {

       	 serviceTrackingDiv.innerHTML = '<div class="fromtodv">'+emptymessage+'</div>';



       }

}





function GeServiceTrackingError(result)

{

    alert('Error');

}



//Region Service Tracking Ends Here

//Region Service Tracking Home Page

function GetHomePageServicesConnection()

{

    StartLoadingLarge('serviceConnectionDiv',language);

    var request = new Kahramaa.Internet.Web.ScriptServices.GetServiceTrackingRequest(); 

    request.Language = language;

    Kahramaa.Internet.Web.ScriptServices.CustomerWebService.GetServiceConnections(request, GetHomePageServiceConnectionsComplete, GeServiceTrackingError, null);

}



function GetHomePageBuildingPermit()

{

	StartLoadingLarge('buildingPermitDiv',language);

    var request = new Kahramaa.Internet.Web.ScriptServices.GetServiceTrackingRequest(); 

    request.Language = language;

    Kahramaa.Internet.Web.ScriptServices.CustomerWebService.GetBuildingPermits(request, GetHomePageBuildingPermitsComplete, GeServiceTrackingError, null);

}



function GetHomePageBuildingPermitsComplete(result, userContext)

{

		var buildingPermitDiv = document.getElementById('buildingPermitDiv');

		var emptymessage=buildingPermitsEmptyMessage;

     	var html = "";

        html += '<div class="billinfo">'

        html += '<table cellspacing="0" cellpadding="0" border="0" style="width:100%">';

    	

    	//Header Section

    	html += '<tr class="thtable" align="center">';

    	html += '<th width="40%">' +lblReceiptDate + '</th>';

		html += '<th width="25%">' +lblType + '</th>'; 

		html += '<th width="35%" class="bordernone">' + lblStatus + '</th>';    

    	html += '</tr>';

    	buildingPermitDiv.innerHTML = "";

 	if(result.BuildingPermits.length != 0)

     {

       

        //Items

        for(var i=0; i<result.BuildingPermits.length && i< homePageItemsCount ; i++)

        {    

  

        	html += '<tr class="tdtitlenobold" align="center" style="height:25px;">';

	    	html += '<td>'  +result.BuildingPermits[i].FormattedReceiptDate+'</td>';

			html += '<td>'  +result.BuildingPermits[i].Type+'</td>';

			html += '<td>'  +result.BuildingPermits[i].Status+'</td>';

        	html += '</tr>';  

        }

       }

       else

       {

       	 html += '<tr><td colspan="3" align="center"><div class="fromtodv">'+emptymessage+'</div></td></tr>';

       }        

       html += '</table>';

        html += '</div>';

        buildingPermitDiv.innerHTML = html;



}

function GetHomePageServiceConnectionsComplete(result, userContext)

{

	var emptymessage=serviceConnectionsEmptyMessage;

    var serviceConnectionDiv = document.getElementById('serviceConnectionDiv');

    serviceConnectionDiv.innerHTML = "";

    var html = "";

        html += '<div class="billinfo">'

        html += '<table cellspacing="0" cellpadding="0" border="0" style="width:100%">';

    	

    	//Header Section

    	html += '<tr class="thtable" align="center">';

    	html += '<th width="40%">' +lblReceiptDate + '</th>';

		html += '<th width="25%">' +lblType + '</th>'; 

		html += '<th width="35%" class="bordernone">' + lblStatus + '</th>';  

    	html += '</tr>';

 	if(result.ServiceConnections.length != 0)

     {

        

        //Items

        for(var i=0; i<result.ServiceConnections.length && i< homePageItemsCount; i++)

        {    

  

        	html += '<tr class="tdtitlenobold" align="center" style="height:25px;">';

	    	html += '<td>'  +result.ServiceConnections[i].FormattedReceiptDate+'</td>';

			html += '<td>'  +result.ServiceConnections[i].Type+'</td>';

			html += '<td>'  +result.ServiceConnections[i].Status+'</td>';

        	html += '</tr>';  

        }

       }

       else

       {

       	 html += '<tr><td colspan="3" align="center"><div class="fromtodv">'+emptymessage+'</div></td></tr>';



       }         

        html += '</table>';

        html += '</div>';

        serviceConnectionDiv.innerHTML = html;



} 



//region home page service tracking end

/*Services Section Starts */



var servicesEmptyMessage= '';

var servicesLabelMore= '';



function GetServices(category)

{   

    StartLoadingLarge('Servicesdiv',language);

    var request = new Kahramaa.Internet.Web.ScriptServices.GetServicesByFilterRequest();

    request.Language = language;

    request.Category = category;

    request.WebUrl = window.location.href;

    Kahramaa.Internet.Web.ScriptServices.ServicesWebService.GetServicesByFilter(request, GetServicesComplete,GetServicesError,null);

 

}

function GetServicesComplete(result, userContext)

{

     var Servicesdiv=document.getElementById('Servicesdiv');

     var emptymessage=servicesEmptyMessage;

 	 var generatedHTML = '';

		if(result.Services.length== 0)

		{

		            Servicesdiv.innerHTML = '';

		            Servicesdiv.innerHTML =  '<div class="fromtodv">'+emptymessage+'</div>';

		  

		}

		else

		{

		      for(var i=0; i<result.Services.length; i++)

		     {

		        generatedHTML += '<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="top">'

		        generatedHTML += '<div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="newslisdonec"><strong>';

		        generatedHTML += '<a href="';

		        generatedHTML += result.Services[i].Url;

		        generatedHTML +='">';

		        generatedHTML += result.Services[i].Title;

		        generatedHTML += '</a></strong></td></tr></table>';

		        generatedHTML += '<div class="textcontentdwn">'+ result.Services[i].Description+ '</div>'

		        generatedHTML +='<div class="morelis alignright">';

		        generatedHTML += '<a href="';

		        generatedHTML += result.Services[i].Url;

		        generatedHTML +='">';  

		        generatedHTML += servicesLabelMore;

		        generatedHTML += '</a></div></td></tr></table></div>';

		        generatedHTML += '<br class="lineheight30" />';

		   	}

		

		     Servicesdiv.innerHTML = generatedHTML;

		}

}

function GetServicesError(result)

{

alert("error");

}



/*Services Section Ends */



/*Services Section Ends */



//Forms And Applications Start Here

var formsEmptyMessage= '';

var formsLabelMore= '';



function GetFormsByFilter(ddlCategory)

{   

    var request = new Kahramaa.Internet.Web.ScriptServices.GetFormsByFilterRequest();

	StartLoadingLarge('Formsdiv',language);

    request.Language = language;

    request.Category = ddlCategory.value;    

    request.WebUrl = window.location.href;

    Kahramaa.Internet.Web.ScriptServices.ServicesWebService.GetFormsByFilter(request, GetFormsComplete,GetFormsError,null);

 

}

function GetFormsComplete(result, userContext)

{

     var emptymessage=formsEmptyMessage;

 	 var generatedHTML = '';

     var Formsdiv=document.getElementById('Formsdiv');

   

if(result.Forms.length== 0)

{

            Formsdiv.innerHTML = '';

            Formsdiv.innerHTML =  '<div class="fromtodv">'+emptymessage+'</div>';

  

}

else

{

      for(var i=0; i<result.Forms.length; i++)

     {

     	generatedHTML += '<div class="textcontentdwn"><b>' + result.Forms[i].Title + '</b></div>';

     	generatedHTML += '<div class="textcontentdwn">'+ result.Forms[i].Description+ '</div>';

     	generatedHTML += '<div width="100%" class="alignright morelis">';

     	generatedHTML += '<a href="';

        generatedHTML += result.Forms[i].Url;

        generatedHTML +='" target="_blank">';  

        generatedHTML += formsLabelMore;

        generatedHTML += '</a>';

     	generatedHTML += '</div>';

     	generatedHTML += '<div></div><br />';

   	}



     Formsdiv.innerHTML = generatedHTML;

}

}

function GetFormsError(result)

{

alert("error");

}





//Forms And Applications End Here



//Region Meter Readings Starts Here

var lblCustomerId = '';

var lblReadingType= '';

var lblReadingMonth= '';

var lblReadingValue= '';

var lblOverDue = '';

function GetMeterReadings(category,year,parentNumber)

{

    var request = new Kahramaa.Internet.Web.ScriptServices.GetMeterReadingByFilterRequest();

    StartLoadingLarge('Readingsdiv',language);

    request.Language = language;

    request.Year = year;

    request.Category = category;

    request.ParentNumber = parentNumber;

    Kahramaa.Internet.Web.ScriptServices.CustomerWebService.GetMeterReadingsByFilter(request, GetMeterReadingsComplete, GetMeterReadingsError, null);

}



function GetMeterReadingsComplete(result, userContext)

{

	var emptymessage= meterReadingsEmptyMessage;

    var readingsDiv = document.getElementById('Readingsdiv');

    readingsDiv .innerHTML = "";

 	if(result.Readings.length != 0)

     {

        var html = "";

        

        html += '<table cellspacing="0" cellpadding="0" border="0" style="width:100%;border-collapse:collapse;" >';

    	

    	//Header Section

    	html += '<tr class="thtable" align="center">';

    	//html += '<th>' +lblparentnumber+  '</th>';

    	html += '<th>' +lblreadingmonth+ '</th>';

    	html += '<th>' +lblreadingtype+ '</th>';

    	html += '<th>' +lblprevreading+ '</th>';	

    	html += '<th>' + lblcurrreading+ '</th>';  

    	html += '<th>' + lblconsumption + '</th>'; 

    	html += '</tr>';

        //Items

        for(var i=0; i< result.Readings.length; i++)

        { 

        	readingType = result.Readings[i].ReadingType.toLocaleLowerCase();

            readType = readingType == 'el' ? rtElectricity : rtWater;	

  

        	html += '<tr align="center" >';

 		    //html += '<td>'  +result.Readings[i].ParentNumber+ '</td>';

	    	html += '<td>'  +result.Readings[i].FormattedDate+'</td>';

	    	html += '<td>'  +readType +'</td>';

			html += '<td>'  +result.Readings[i].PreviousReading+'</td>';

			html += '<td>'  +result.Readings[i].CurrentReading +'</td>';

			html += '<td>'  +result.Readings[i].Consumption +'</td>';

        	html += '</tr>';  

        }

        

        html += '</table>';

        readingsDiv.innerHTML = html;

       }

       else

       {

       	 readingsDiv .innerHTML = '<div class="fromtodv" align="center">'+emptymessage+'</div>';



       }

}



function GetMeterReadingsError(result)

{

    alert('Error');

}

/* Customer Home Page Meter Readings Start */

var homePageItemsCount;



function GetHomePageMeterReadings(year,parentNumber)

{

	StartLoadingLarge('Readingsdiv',language);

    var request = new Kahramaa.Internet.Web.ScriptServices.GetMeterReadingByFilterRequest();   

    request.Language = language;

    request.Year = year;

    request.ParentNumber = parentNumber;

    Kahramaa.Internet.Web.ScriptServices.CustomerWebService.GetMeterReadingsByFilter(request, GetHomePageMeterReadingsComplete, GetHomePageMeterReadingsError, null);

}



function GetHomePageMeterReadingsComplete(result, userContext)

{

	var readingsDiv = document.getElementById('Readingsdiv');

	var emptymessage=meterReadingsEmptyMessage;

    readingsDiv.innerHTML = "";

    var html = "";

    html += '<div class="billinfo">'

    html += '<table cellspacing="0" cellpadding="1" border="0" style="width:100%">';

	

	//Header Section

	html += '<tr class="thtable" align="center">';

	html += '<th width="30%">' +lblReadingType+ '</th>';

	html += '<th width="30%">' +lblReadingMonth+ '</th>';

	html += '<th width="30%">' +lblReadingValue+ '</th>';	

	html += '</tr>';

	if(result.Readings.length != 0)

	{

	

		//Items

		for(var i=0; i<result.Readings.length && i< homePageItemsCount ; i++)

		{  

			html += '<tr class="tdtitlenobold" align="center" style="height:25px;">';

			html += '<td width="30%">'  +result.Readings[i].ReadingType+'</td>';

			html += '<td width="40%">'  +result.Readings[i].ReadingMonth+'</td>';

			html += '<td width="30%">'  +result.Readings[i].ReadingValue+'</td>';

			html += '</tr>';  

		}

	}

	else

	{	

		html += '<tr><td align="center" colspan="3"><div>'+emptymessage+'</div></td></tr>';	

	}

	html += '</table>';

	html += '</div>';

	readingsDiv.innerHTML = html;



}



function GetHomePageMeterReadingsError(result)

{

    alert('Error');

}

/* Customer Home Page Meter Readings End */





//Region Meter Reading Ends here



 function Clickheretoprint(areatoprint)

            {

              var languageg=Glanguageg;

              var disp_setting="toolbar=yes,location=no,directories=yes,menubar=yes,"; 

              disp_setting+="scrollbars=yes, resizable=yes,width=650, height=600, left=100, top=25"; 

              var content_vlue = document.getElementById(areatoprint).innerHTML; 

              var pathStyle="/Style%20Library/"+ languageg + "/styles.css";

              var pathStyle1="/Style%20Library/"+ languageg + "/styles_red.css";

              var pathStyle2="/Style%20Library/"+ languageg + "/ie6_red.css";                         

              var docprint=window.open("","",disp_setting); 

              var LogoPath="/SiteCollectionImages/"+ languageg + "/logo.jpg";

               docprint.document.open(); 

               docprint.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">');

               docprint.document.write('<html><head><title></title>'); 

               docprint.document.write('</head>');

               docprint.document.write('<link rel="stylesheet" type=text/css" href="' + pathStyle + '"/>');

               docprint.document.write('<link rel="stylesheet" type=text/css" href="' + pathStyle1 + '"/>');

               docprint.document.write('<!--[if lt IE 7]>');

               docprint.document.write('<link rel="stylesheet" type=text/css" href="' + pathStyle2 + '"/><![endif]-->');

               docprint.document.write('"<body onLoad="self.print()">');

               docprint.document.write('<div class="logopostion" style="position: relative;"><img width="346" height="69" src="' + LogoPath +'"/></div>');

               docprint.document.write('<br/><br/>');

               docprint.document.write(content_vlue);

               docprint.document.write('</body></html>'); 

               docprint.document.close(); 

               docprint.focus(); 

            }











/* Customer Homepage Slide Show */



function slideSwitch() {	

				//alert('');	 

    var $active = $('#slideshow img.active');



    if ( $active.length == 0 ) $active = $('#slideshow img:last');



    var $next =  $active.next().length ? $active.next()

        : $('#slideshow img:first');



 	$active.addClass('last-active');



	

   $next.css({opacity: 0.0})

        .addClass('active')

        .animate({opacity: 1.0}, 3000, function() {

            $active.removeClass('active last-active');

        });

}



function deltext(objid,inputtext)

{              

                if(document.getElementById(objid).value==inputtext)

                {

                 document.getElementById(objid).value="";

                }

}

function puttext(objid,inputtext)

{

                if(document.getElementById(objid).value=="")

                {

                document.getElementById(objid).value=inputtext;

                }

}



var current;



  

  function RunShow()

  {			 

	var $links= $('#slideshow img');

	if ( $links.length > 1 ){

     setInterval( "slideSwitch()", 4000 );

	}//animate if more than 1

	

	/* to be used for calender */

    $('.example').datepicker();

    $('#exampleRange').datepicker({rangeSelect: true, firstDay: 1});

 

 	$('#t1 img:first').addClass('current').addClass('bordergalleryon');

	$('#imageDetails').attr('src',$('#t1 img:first').attr('src'));

 	$('#t1 img').hover(function(){$(this).addClass('bordergalleryon').removeClass('bordergallery');},

								function(){

									if(!$(this).hasClass('current'))

									$(this).removeClass('bordergalleryon').addClass('bordergallery');

									}

								).click(function(){

									$('#t1 img.current').removeClass('current').removeClass('bordergalleryon').addClass('bordergallery');

									

									$(this).addClass('bordergalleryon').removeClass('bordergallery').addClass('current');

									$('#imageDetails').attr('src',$(this).attr('src'));

									

								});

 

 };



/* End of Customer Homepage Slide Show */