function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function getAccessory(userKey,accId) {
	var myPos = findPos($('phoneConfig'))

	$('accDiv').style.top = myPos[1]+100+'px';
	$('accDiv').style.left = myPos[0]+150+'px';
	$('accDiv').innerHTML = "";
	$('accDiv').show()

	var para = "accId="+accId
	var url = globalFilePath + 'ajax/AJAX_GetAccessory.taf?_UserReference=' + userKey;
	new Ajax.Updater('accDiv',url+'&now='+new Date(), {parameters:para,method:'post',onComplete:function(){shadowAcc()}});
	
}

function shadowAcc() {
	$('accShadow').clonePosition('accDiv',{offsetLeft:9,offsetTop:9,setTop:true,setWidth:true,setHeight:true}).setOpacity(.3).show()
}


function XgetAccessory(userKey,accId){
	
	
	//****************** GETTING DIV POSITION ********************************
	var obj = eval('document.getElementById("accDivPosition_'+accId+'")')
	var obj2 = eval('document.getElementById("accDivPosition_'+accId+'")')

	//GET LEFT POSITION
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;


	//GET TOP POSITION
    var curtop = 0;
    if(obj2.offsetParent)
        while(1)
        {
          curtop += obj2.offsetTop;
          if(!obj2.offsetParent)
            break;
          obj2 = obj2.offsetParent;
        }
    else if(obj2.y)
        curtop += obj2.y;
	
	//****************** GETTING DIV POSITION END ********************************


	/*
	if (document.getElementById){
		if (window.innerWidth || window.opera){
			pageX=window.pageXOffset;
			pageW=window.innerWidth-40;
			pageY=window.pageYOffset;
			pageH=window.innerHeight-20;
		}
		else if (document.body){
			pageX=iecompattest().scrollLeft;
			pageW=iecompattest().offsetWidth-40;
			pageY=iecompattest().scrollTop+100;
			pageH=iecompattest().offsetHeight-20;
		} 
	}
	//pageY = window.offsetHeight;
	//alert(pageY);
	//pageX=window.pageXOffset;
	var myWidth = screen.width - 375;
	myWidth = myWidth / 2;
	var myHeight = screen.height;
	myHeight = myHeight / 2 - ((myHeight / 2)/2) + pageY;
	*/


	var responseMessageDiv = document.getElementById('accDiv');
	responseMessageDiv.style.visibility = 'hidden';
	responseMessageDiv.style.display = 'none';
	var globalErrorMsg = 'unable to retreive accessory data';
	moment = new Date();
	ts = moment.getHours() + '-' + moment.getMinutes() + '-' + moment.getSeconds() + '-' + moment.getMilliseconds();
	if (window.XMLHttpRequest) xmlhttp = new XMLHttpRequest();
	else if (window.ActiveXObject) xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	else {
		responseMessageDiv.innerHTML = globalErrorMsg;
		return;
	}
	//alert('ok');
	try {
		postAddress = globalFilePath + 'ajax/AJAX_GetAccessory.taf?ts=' + ts + '&_UserReference=' + userKey;
		//alert(postAddress);
		xmlhttp.open('POST',postAddress,true);
		xmlhttp.onreadystatechange = function(){
			if(xmlhttp.readyState == 4){
				//alert(xmlhttp.status);
				if(xmlhttp.status == 200){
					//alert('success');
					var response = xmlhttp.responseText;
					responseMessageDiv.innerHTML = response;
					responseMessageDiv.style.left = curleft + 4;
					responseMessageDiv.style.top = curtop + 19;					
					responseMessageDiv.style.visibility = 'visible';
					responseMessageDiv.style.display = '';
					
					positionDivInsideBasket('accDiv')
				}
				else{

					//alert('fail');
					responseMessageDiv.innerHTML = globalErrorMsg;
					return;
				}
			}
		}
		//alert('gonna send');
		refString = 'accId=' + accId;
		//alert(refString);

		xmlhttp.send(refString);

	}
	catch(e) {
		//alert('error');

		responseMessageDiv.innerHTML = globalErrorMsg;
		return;
	}
	
}

function closeAccBox(){
	$('accDiv').hide();
	$('accShadow').hide();
}








function positionDivInsideBasket(thediv){
	if (document.getElementById){
		setDiv = document.getElementById(thediv);
		if (window.innerWidth || window.opera){
			// how far down the page
			pageY=window.pageYOffset;
			
			// how wide is the window
			pageW=window.innerWidth-40;
		
			// how long is the window
			pageL=window.innerHeight-20;
		}
		else if (document.body){
			// how far down the page
			pageY=document.body.scrollTop;
			// how wide is the window
			pageW=document.body.offsetWidth-40;
			// how long is the window
			pageL=document.body.offsetHeight-20
		} 
	}

	myLeft = (pageW - 700)/2;
	myTop = ((pageL - 450) / 2) + pageY;



	var addThisToLeft = 0
	addThisToLeft = eval('(700-document.getElementById("'+thediv+'").offsetWidth)/2')
	


	setDiv.style.left = myLeft + addThisToLeft;
	setDiv.style.top = myTop + 170;

}