// JavaScript Document
			function init() {
				var zIndex = 0;
				if(document.getElementById('Column1')){
				// BEGIN :: Non-draggable targets
				var col1Target = new YAHOO.util.DDTarget("Column1", "Group1");
				var col2Target = new YAHOO.util.DDTarget("Column2", "Group1");
				// END :: Non-draggable targets

				// BEGIN :: Objects to drag
				if(document.getElementById("About")){
					var about = document.getElementById("About");
					var aboutDrag = new YAHOO.util.DDProxy(about, "Group1");
					aboutDrag.setHandleElId("AboutHandle");
				}
				if(document.getElementById("Rec1")){
					var rec1  = document.getElementById("Rec1");
					var rec1Drag  = new YAHOO.util.DDProxy(rec1, "Group1");
					rec1Drag.setHandleElId("Rec1Handle");
				}
				if(document.getElementById("Rec3")){
					var rec3  = document.getElementById("Rec3");
					var rec3Drag  = new YAHOO.util.DDProxy(rec3, "Group1");
					rec3Drag.setHandleElId("Rec3Handle");
				}
				if(document.getElementById("Rec4")){
					var rec4  = document.getElementById("Rec4");
					var rec4Drag  = new YAHOO.util.DDProxy(rec4, "Group1");
					rec4Drag.setHandleElId("Rec4Handle");
				}
				if(document.getElementById("Rec5")){
					var rec5  = document.getElementById("Rec5");
					var rec5Drag  = new YAHOO.util.DDProxy(rec5, "Group1");
					rec5Drag.setHandleElId("Rec5Handle");
				}
				if(document.getElementById("Rec6")){
					var rec6  = document.getElementById("Rec6");
					var rec6Drag  = new YAHOO.util.DDProxy(rec6, "Group1");
					rec6Drag.setHandleElId("Rec6Handle");
				}
				
				// END :: Objects to drag
				
				// BEGIN :: Event handlers
				if(document.getElementById("About")){
					var marker, container;
					var lastRectNode = [];
					marker = document.createElement("div");	
	
					aboutDrag.startDrag = function(x, y) {
						var dragEl = this.getDragEl(); 
						var el = this.getEl();
						container = el.parentNode;
						el.style.display = "none";
						dragEl.style.zIndex = ++zIndex;
						dragEl.innerHTML = el.innerHTML;
						dragEl.style.color = "#ebebeb";
						dragEl.style.backgroundColor = "#fff";
						dragEl.style.textAlign = "center";
						marker.style.display = "none";
						marker.style.height = YAHOO.util.Dom.getStyle(dragEl, "height");	
						marker.style.width = YAHOO.util.Dom.getStyle(dragEl, "width");
						marker.style.margin = "5px"; 
						marker.style.marginBottom = "20px"; 
						marker.style.border = "2px dashed #7e7e7e";
						marker.style.display= "block";
						container.insertBefore(marker, el);
					}
					col1Target.onDragEnter = col2Target.onDragEnter =  aboutDrag.onDragEnter = function(e, id) {
						var el = document.getElementById(id);
						if (id.substr(0, 6)	=== "Column") {
							el.appendChild(marker);
						} else {
							container = el.parentNode;
							container.insertBefore(marker, el);
						}
					}
					
					aboutDrag.onDragOut = function(e, id) {
						var el = document.getElementById(id);
						lastRectNode[container.id] = getLastNode(container.lastChild);
	
						if (el.id === lastRectNode[container.id].id) {
							container.appendChild(marker);
						}	
					}
					aboutDrag.endDrag = function(e, id) {
						var el = this.getEl(); 
						try {
							marker = container.replaceChild(el, marker);
						} catch(err) {
							marker = marker.parentNode.replaceChild(el, marker);
						}	
						el.style.display = "block";
					}
				
				}
				if(document.getElementById("Rec1")){
					var marker, container;
					var lastRectNode = [];
					marker = document.createElement("div");	
	
					rec1Drag.startDrag = function(x, y) {
						var dragEl = this.getDragEl(); 
						var el = this.getEl();
						container = el.parentNode;
						el.style.display = "none";
						dragEl.style.zIndex = ++zIndex;
						dragEl.innerHTML = el.innerHTML;
						dragEl.style.color = "#ebebeb";
						dragEl.style.backgroundColor = "#fff";
						dragEl.style.textAlign = "center";
						marker.style.display = "none";
						marker.style.height = YAHOO.util.Dom.getStyle(dragEl, "height");	
						marker.style.width = YAHOO.util.Dom.getStyle(dragEl, "width");
						marker.style.margin = "5px"; 
						marker.style.marginBottom = "20px"; 
						marker.style.border = "2px dashed #7e7e7e";
						marker.style.display= "block";
						container.insertBefore(marker, el);
					}
					col1Target.onDragEnter = col2Target.onDragEnter =  rec1Drag.onDragEnter = function(e, id) {
						var el = document.getElementById(id);
						if (id.substr(0, 6)	=== "Column") {
							el.appendChild(marker);
						} else {
							container = el.parentNode;
							container.insertBefore(marker, el);
						}
					}
					
					rec1Drag.onDragOut = function(e, id) {
						var el = document.getElementById(id);
						lastRectNode[container.id] = getLastNode(container.lastChild);
	
						if (el.id === lastRectNode[container.id].id) {
							container.appendChild(marker);
						}	
					}
					rec1Drag.endDrag = function(e, id) {
						var el = this.getEl(); 
						try {
							marker = container.replaceChild(el, marker);
						} catch(err) {
							marker = marker.parentNode.replaceChild(el, marker);
						}	
						el.style.display = "block";
					}
				
				}
				if(document.getElementById("Rec3")){
					var marker, container;
					var lastRectNode = [];
					marker = document.createElement("div");	
	
					rec3Drag.startDrag = function(x, y) {
						var dragEl = this.getDragEl(); 
						var el = this.getEl();
						container = el.parentNode;
						el.style.display = "none";
						dragEl.style.zIndex = ++zIndex;
						dragEl.innerHTML = el.innerHTML;
						dragEl.style.color = "#ebebeb";
						dragEl.style.backgroundColor = "#fff";
						dragEl.style.textAlign = "center";
						marker.style.display = "none";
						marker.style.height = YAHOO.util.Dom.getStyle(dragEl, "height");	
						marker.style.width = YAHOO.util.Dom.getStyle(dragEl, "width");
						marker.style.margin = "5px"; 
						marker.style.marginBottom = "20px"; 
						marker.style.border = "2px dashed #7e7e7e";
						marker.style.display= "block";
						container.insertBefore(marker, el);
					}
					col1Target.onDragEnter = col2Target.onDragEnter =  rec3Drag.onDragEnter = function(e, id) {
						var el = document.getElementById(id);
						if (id.substr(0, 6)	=== "Column") {
							el.appendChild(marker);
						} else {
							container = el.parentNode;
							container.insertBefore(marker, el);
						}
					}
					
					rec3Drag.onDragOut = function(e, id) {
						var el = document.getElementById(id);
						lastRectNode[container.id] = getLastNode(container.lastChild);
	
						if (el.id === lastRectNode[container.id].id) {
							container.appendChild(marker);
						}	
					}
					rec3Drag.endDrag = function(e, id) {
						var el = this.getEl(); 
						try {
							marker = container.replaceChild(el, marker);
						} catch(err) {
							marker = marker.parentNode.replaceChild(el, marker);
						}	
						el.style.display = "block";
					}
				
				}
				if(document.getElementById("Rec4")){
					var marker, container;
					var lastRectNode = [];
					marker = document.createElement("div");	
	
					rec4Drag.startDrag = function(x, y) {
						var dragEl = this.getDragEl(); 
						var el = this.getEl();
						container = el.parentNode;
						el.style.display = "none";
						dragEl.style.zIndex = ++zIndex;
						dragEl.innerHTML = el.innerHTML;
						dragEl.style.color = "#ebebeb";
						dragEl.style.backgroundColor = "#fff";
						dragEl.style.textAlign = "center";
						marker.style.display = "none";
						marker.style.height = YAHOO.util.Dom.getStyle(dragEl, "height");	
						marker.style.width = YAHOO.util.Dom.getStyle(dragEl, "width");
						marker.style.margin = "5px"; 
						marker.style.marginBottom = "20px"; 
						marker.style.border = "2px dashed #7e7e7e";
						marker.style.display= "block";
						container.insertBefore(marker, el);
					}
					col1Target.onDragEnter = col2Target.onDragEnter =  rec4Drag.onDragEnter = function(e, id) {
						var el = document.getElementById(id);
						if (id.substr(0, 6)	=== "Column") {
							el.appendChild(marker);
						} else {
							container = el.parentNode;
							container.insertBefore(marker, el);
						}
					}
					
					rec4Drag.onDragOut = function(e, id) {
						var el = document.getElementById(id);
						lastRectNode[container.id] = getLastNode(container.lastChild);
	
						if (el.id === lastRectNode[container.id].id) {
							container.appendChild(marker);
						}	
					}
					rec4Drag.endDrag = function(e, id) {
						var el = this.getEl(); 
						try {
							marker = container.replaceChild(el, marker);
						} catch(err) {
							marker = marker.parentNode.replaceChild(el, marker);
						}	
						el.style.display = "block";
					}
				
				}
				if(document.getElementById("Rec5")){
					var marker, container;
					var lastRectNode = [];
					marker = document.createElement("div");	
	
					rec5Drag.startDrag = function(x, y) {
						var dragEl = this.getDragEl(); 
						var el = this.getEl();
						container = el.parentNode;
						el.style.display = "none";
						dragEl.style.zIndex = ++zIndex;
						dragEl.innerHTML = el.innerHTML;
						dragEl.style.color = "#ebebeb";
						dragEl.style.backgroundColor = "#fff";
						dragEl.style.textAlign = "center";
						marker.style.display = "none";
						marker.style.height = YAHOO.util.Dom.getStyle(dragEl, "height");	
						marker.style.width = YAHOO.util.Dom.getStyle(dragEl, "width");
						marker.style.margin = "5px"; 
						marker.style.marginBottom = "20px"; 
						marker.style.border = "2px dashed #7e7e7e";
						marker.style.display= "block";
						container.insertBefore(marker, el);
					}
					col1Target.onDragEnter = col2Target.onDragEnter =  rec5Drag.onDragEnter = function(e, id) {
						var el = document.getElementById(id);
						if (id.substr(0, 6)	=== "Column") {
							el.appendChild(marker);
						} else {
							container = el.parentNode;
							container.insertBefore(marker, el);
						}
					}
					
					rec5Drag.onDragOut = function(e, id) {
						var el = document.getElementById(id);
						lastRectNode[container.id] = getLastNode(container.lastChild);
	
						if (el.id === lastRectNode[container.id].id) {
							container.appendChild(marker);
						}	
					}
					rec5Drag.endDrag = function(e, id) {
						var el = this.getEl(); 
						try {
							marker = container.replaceChild(el, marker);
						} catch(err) {
							marker = marker.parentNode.replaceChild(el, marker);
						}	
						el.style.display = "block";
					}
				
				}
				if(document.getElementById("Rec6")){
					var marker, container;
					var lastRectNode = [];
					marker = document.createElement("div");	
	
					rec6Drag.startDrag = function(x, y) {
						var dragEl = this.getDragEl(); 
						var el = this.getEl();
						container = el.parentNode;
						el.style.display = "none";
						dragEl.style.zIndex = ++zIndex;
						dragEl.innerHTML = el.innerHTML;
						dragEl.style.color = "#ebebeb";
						dragEl.style.backgroundColor = "#fff";
						dragEl.style.textAlign = "center";
						marker.style.display = "none";
						marker.style.height = YAHOO.util.Dom.getStyle(dragEl, "height");	
						marker.style.width = YAHOO.util.Dom.getStyle(dragEl, "width");
						marker.style.margin = "5px"; 
						marker.style.marginBottom = "20px"; 
						marker.style.border = "2px dashed #7e7e7e";
						marker.style.display= "block";
						container.insertBefore(marker, el);
					}
					col1Target.onDragEnter = col2Target.onDragEnter =  rec6Drag.onDragEnter = function(e, id) {
						var el = document.getElementById(id);
						if (id.substr(0, 6)	=== "Column") {
							el.appendChild(marker);
						} else {
							container = el.parentNode;
							container.insertBefore(marker, el);
						}
					}
					
					rec6Drag.onDragOut = function(e, id) {
						var el = document.getElementById(id);
						lastRectNode[container.id] = getLastNode(container.lastChild);
	
						if (el.id === lastRectNode[container.id].id) {
							container.appendChild(marker);
						}	
					}
					rec6Drag.endDrag = function(e, id) {
						var el = this.getEl(); 
						try {
							marker = container.replaceChild(el, marker);
						} catch(err) {
							marker = marker.parentNode.replaceChild(el, marker);
						}	
						el.style.display = "block";
					}
				
				}
				// END :: Event handlers




				// BEGIN :: Helper methods
				var getLastNode = function(lastChild) {
						var id = lastChild.id;
						if (id && id.substring(0, 3) === "Rec") {
							return lastChild;
						} 
						return getLastNode(lastChild.previousSibling);
				}
				var isEmpty = function(el) {
						var test = function(el) { 
							return ((el && el.id) ? el.id.substr(0, 3) == "Rec" : false);
						} 
						var kids = YAHOO.util.Dom.getChildrenBy(el, test);
						return (kids.length == 0 ? true : false);
				}
				// END :: Helper methods
				}
			}
function preview(v){
	area=document.getElementById('ar_'+v).value
	cnt=document.getElementById('cnt_'+v).value
		document.getElementById('spid_'+v).innerHTML='+'+document.getElementById('cnt_'+v).value+'-'+document.getElementById('ar_'+v).value+'-'+document.getElementById('ex_'+v).value
}
function showconnect(val){
	if($('connectAs'+val).style.visibility=='hidden'){
		$('connectAs'+val).style.visibility='visible'

	}
	else{
		$('connectAs'+val).style.visibility='hidden'
	}
}
function update2(v){
	showconnect(v)
	Effect.DefaultOptions.duration=4.6
	name='useMargin_'+v
	new Ajax.Updater('connectdiv_'+v, '/cockpit/contactsAjax/connect/1', {onLoading : function(){
										$('connectdiv_'+v).innerHTML = '<img src="/images/ajax-loader.gif">'},
									onComplete : function(){ Effect.SwitchOff(name)},asynchronous:true,evalScripts:false,parameters:$('frmconnect_'+v).serialize()})
}
function invite(v){
	Effect.DefaultOptions.duration=4.6
	name='useMargin_'+v
	new Ajax.Updater('connectdiv_'+v ,'/cockpit/contactsAjax/invite/1', {onLoading : function(){
										$('connectdiv_'+v).innerHTML = '<img src="/images/ajax-loader.gif">'
									},onComplete : function(){ Effect.SwitchOff(name)},asynchronous:true,evalScripts:false,parameters:$('frmconnect_'+v).serialize()})
}

/* Function for checking/unchecking all Users while composing a message - Abid May 21*/
function chekall()
		{
			chkal=document.getElementById('chkal').checked;
			obj=document.getElementsByName('contact_id');
        for(k=0;k<obj.length;k++)
				{
            obj[k].checked=chkal
				}
		}
/* Function ends here */

function addusers(){
	var val=''
	var id=''
	var mob=''
	obj=document.getElementsByName('contact_id')
	obj_con=document.getElementsByName('contacts')
	if(document.getElementsByName('mobile')){
		obj_sms=document.getElementsByName('mobile')
	}
	for(i=0;i<obj.length;i++){
		if(obj[i].checked==true){
			val+=obj_con[i].value+',';
			id+=obj[i].value+',';
			
			if(obj_sms.length==0 && obj_sms){
				mob+=obj_sms.value+',';
			}
			else{
				mob+=obj_sms[i].value+',';
			}
		}
	}
	/* Added up for validating To addresses in compose - May 13 - Abid */
	if(id == '')
	{
		alert('Please Select atleast one Recepient');
		return false;
	}
	/* added up part ends here */
	document.frmsend.to_id.value=id
	document.frmsend.toaddress.value=val
	if(mob.indexOf('undefined')<0){
		//document.frmsend.toaddress.value=mob
		document.frmsend.to_mob.value=mob
	}
	
	Modalbox.hide();
}
function addalert(){
	var val=''
	var id=''
	var mob=''
	
	obj=document.getElementsByName('contact_alert')
	obj_con=document.getElementsByName('contacts')

	for(i=0;i<obj.length;i++){
		if(obj[i].checked==true){
			val+=obj_con[i].value+',';
			id+=obj[i].value+',';
		}
	}
	
	document.frmsend.to_id.value=id
	document.frmsend.toaddress.value=val
	Modalbox.hide();
}
function disableText(obj){
	if(obj.value!=''){
		document.frmEditAdd.service_txt.disabled=true
	}
	else{
		document.frmEditAdd.service_txt.disabled=false
	}
}
function sendvalues(val,m){
	document.frmcontact.add_id.value=val
	document.frmcontact.ctype.value=m
	document.frmcontact.submit();

}

function showmap(url,profile,lang){
	if(url){
		url='http://maps.google.com/maps?hl='+lang+'&'+url+'&dirflg='+document.frmmap.t_by.value
		window.open(url,'mapwindow','width=1280,height=1024')
	}
	else{
		//alert(profile+' profile address not found');
		modalboxAlert('The directions cannot be shown since there is no valid address in the selected address type in "My Profile."')
	}
}
function showdirection(add,lang){
	if(document.frmmap.keyword.value){
		
		url='http://maps.google.com/maps?hl='+lang+'&saddr='+document.frmmap.keyword.value+'&daddr='+add+'&dirflg='+document.frmmap.t_by2.value
		window.open(url,'mapwindow','width=1280,height=1024')
	}
	else{
		modalboxAlert('Please enter a location to show directions')
	}
}
function showsimplemap(url){
	window.open(url,'mapwindow','width=1280,height=1024')
}

//widget functions
function onOverWidget(portal, widget) {
	widget.getElement().insertBefore($('control_buttons'), widget.getElement().firstChild);
	$('control_buttons').show(); 
} 

function onOutWidget(portal, widget) {
	$('control_buttons').hide();      
} 

function removeWidget(element) {
	var widget = $(element).up(".widget").widget;
	//if (confirm('Are sure to remove this widget?')) { 
	 document.body.appendChild($('control_buttons').hide())
	 portal.remove(widget);
	//}
}

/*

var removeWidget =  {	
	widget : null,	 
	confirm : function(element){ 
		this.widget=$(element).up(".widget").widget;		
		Modalbox.show($('del_confirm'),{title:"Confirm", width:"350"});	
	},
	confirmYes:function(){		
		document.body.appendChild($('control_buttons').hide())
	 	portal.remove($(this.widget));
	}	
}  */