// window ready

$(window).load(function(){
/*
// position dropdowns

 if(document.getElementById("navigation")){

	$("#header_right_bottom #navigation li ul").each(function(i) {
	
	var parent_element = $(this).parent();
	var pos_arr = findPos(this);
	
	var new_left = (181 - $(parent_element).width()) / 2;
	
	if(BrowserDetect.browser != 'Explorer' || (BrowserDetect.browser == 'Explorer' && BrowserDetect.version > 7)){
	$(this).css("top",(pos_arr[1] + 50)+"px");
	}
	
	$(this).css("left",(pos_arr[0] - new_left)+"px");
	
	});

}

*/

// dropdown

$("#header_right_bottom #navigation li").hover(
function(){

// hover function
var ul_element = $("> ul", this);
var pos_arr = findPos(this);
var new_left = pos_arr[0] - (181 - $(this).width()) / 2;
$(ul_element).css("left",new_left+"px");
$(ul_element).css("visibility","visible");
},
function(){$("> ul", this).css("visibility","hidden");}
);

});

// doc ready

$(document).ready(function(){

// product drag and drop

$('.product_left a img').draggable({  helper: 'clone', revert: true, opacity: 0.5, start: function(e, ui){
//$(ui.helper).addClass("ui-draggable-helper");
}
});

$('#favourites_left_col').droppable({
   drop: function(event, ui) {
   $(ui.draggable).draggable('option', 'revert', false);
   var product_id = (ui.draggable).attr("id");
   var id_arr = product_id.split("_");
	product_id = id_arr[2];
	// add to favourites
	update_favourites(product_id);
   }
});

if(document.getElementById('homepage_slide')){
	if(homepage_link[1].length > 0 && homepage_image[1].length > 0){
	slider_load();
	}
}

$("li#sel").hide();

$("a[rel^='prettyPhoto']").prettyPhoto({theme: 'light_rounded'});

});

// timed event

var t;

var current_slide = 1;

function timedCount()
{

var current_link = $("#homepage_slide a").attr("href");

	if(current_slide == 1){
	$("#homepage_slide a").attr("href", homepage_link[1]);
	$("#homepage_slide img").attr("src", homepage_image[1]);
	current_slide = 2;
	}

	else{
	$("#homepage_slide a").attr("href", homepage_link[0]);
	$("#homepage_slide img").attr("src", homepage_image[0]);
	current_slide = 1;
	}

t=setTimeout("timedCount()",5000);

}

function slider_load(){
t=setTimeout("timedCount()",5000);
}

// popup functions

function product_popup(div_id){

var div = 'product_popup_'+div_id;
var info_div = 'product_info_'+div_id;

var new_coords = findPos(document.getElementById(info_div));

document.getElementById(div).style.top = (new_coords[1] + 28)+'px';
document.getElementById(div).style.left = new_coords[0]+'px';
document.getElementById(div).style.visibility = 'visible';

}

function choose_product(div_id, product_id, product_name, product_prices, product_widths, flooring_type, pack_price, smpp){

var form_element = 'product_'+div_id;
var popup_div = 'product_popup_'+div_id;
var product_info = 'product_info_'+div_id;
var product_price_span = 'product_price_span_'+div_id;
var product_price_form_element = 'product_price_'+div_id;
var flooring_type_form_element = 'flooring_type_'+div_id;
var width_form_element_ref = 'width_'+div_id;
var pack_price_form_element = 'pack_price_'+div_id;
var smpp_form_element = 'smpp_'+div_id;

var width_form_element = document.getElementById(width_form_element_ref);

document.getElementById(smpp_form_element).value = smpp;
document.getElementById(form_element).value = product_id;
document.getElementById(popup_div).style.visibility = 'hidden';

/*
document.getElementById(pack_price_form_element).value = pack_price;
document.getElementById(smpp_form_element).value = smpp;
document.getElementById(product_price_span).innerHTML = '£'+product_price;
document.getElementById(product_price_form_element).value = product_price;
*/

document.getElementById(product_info).innerHTML = '<span style="float: left; font-weight: bold; font-size: 0.6875em;">'+product_name.substring(0,10)+'...</span><a onclick="return product_popup('+div_id+');" style="cursor: pointer; float: right;"><img src="/images/edit_icon.png" alt="Edit" width="16" /></a>';

// update widths dropdown

while ( width_form_element.options.length ) width_form_element.options[0] = null;

if(flooring_type != 'Laminates'){

width_form_element.options[0] = new Option('W','');

	for(i = 0; i < product_widths.length; i++){
	option = new Option(product_widths[i], product_widths[i]);
	width_form_element.options[width_form_element.length] = option;
	}

width_form_element.selectedIndex=0;

}

else{

width_form_element.options[0] = new Option('W','');

	for(i = 1; i <= 10; i++){
	option = new Option([i],[i]);
	width_form_element.options[width_form_element.length] = option;
	}

}

// update flooring_type input

document.getElementById(flooring_type_form_element).value = flooring_type;

}

function update_total(div_id){

var form_element = 'product_'+div_id;
var flooring_type_form_element = 'flooring_type_'+div_id;
var width_form_element = 'width_'+div_id;
var length_form_element = 'length_'+div_id;
var total_cost_span = 'total_cost_'+div_id;
var total_cost_element = 'total_cost_val_'+div_id;
var product_price_form_element = 'product_price_'+div_id;
var flooring_type = document.getElementById(flooring_type_form_element).value;

	var width = document.getElementById(width_form_element).value;
	var length = document.getElementById(length_form_element).value;
	var ajax_width = width;
	
// get price for product_url and width

	var product_url_id = document.getElementById(form_element).value;
	
	var url= '/functions/ajax_product_price.php?product_url_id='+product_url_id+'&width='+width+'&flooring='+flooring_type;

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null){
  alert ("Your browser does not support XMLHTTP!");
  return;
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4)
  {
  var width = ajax_width;
  var ajax_str = xmlhttp.responseText;
  var ajax_str_arr = ajax_str.split("@");
  var product_price = ajax_str_arr[1];
  var product_id = ajax_str_arr[0];
  
  //alert(product_price);
  
var product_price_span = 'product_price_span_'+div_id;
var product_price_form_element = 'product_price_'+div_id;
var pack_price_form_element = 'pack_price_'+div_id;

document.getElementById(pack_price_form_element).value = product_price;
document.getElementById(product_price_span).innerHTML = '&pound;'+product_price;
document.getElementById(product_price_form_element).value = product_price;
  
  	if(flooring_type != 'Laminates'){
	
	var price = product_price;
	

		if(width > 0 && length > 0 && price > 0){
		var cost = (width * length) * price;
		}

	}

	else{

	// laminates
	
	//var pack_price_form_element = 'pack_price_'+div_id;
	var smpp_form_element = 'smpp_'+div_id;
	
	var pack_price = xmlhttp.responseText;
	var smpp = document.getElementById(smpp_form_element).value;
	
	if(width > length){
	var areaWidth = width;
	var areaHeight = length;
	}

	else{
	var areaWidth = length;
	var areaHeight = width;
	}

	var areaWidthMM = areaWidth * 1000;
	var areaHeightMM = areaHeight * 1000;

	var width = smpp * 1000;
	var height = smpp * 1000;
	var price = pack_price;

	var approxTilesWidth = Math.ceil(areaWidthMM / width);
	var approxTilesHeight = Math.ceil(areaHeightMM / height);

	var approxTiles = approxTilesWidth * approxTilesHeight;

	var cost = approxTiles * price;

	}
	

	if(cost){
	
	document.getElementById(total_cost_span).innerHTML = '&pound;'+cost.toFixed(2);
	document.getElementById(total_cost_element).value = cost.toFixed(2);
	
	}
  
  }
};

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}

// ajax functions

var xmlhttp

function update_favourites(product_id){

var div = 'favourites_left_col';
var url= '/functions/ajax_favourites.php?product_id='+product_id;

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null){
  alert ("Your browser does not support XMLHTTP!");
  return;
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4)
  {
  document.getElementById(div).innerHTML=xmlhttp.responseText;
  }
};

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}

function add_to_basket(total_prods){

// product id

if(total_prods > 1){
var product_id = get_radio_value(document.forms['add_to_basket_form'].elements['catalogueNo']);
}
else{
var product_id = document.getElementById('cat_no_0').value;
}

var div = 'view_basket';
var url= '/functions/ajax_add_to_basket.php?product_id='+product_id;

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null){
  alert ("Your browser does not support XMLHTTP!");
  return;
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4)
  {
  
  var basket_result = xmlhttp.responseText;
	if(basket_result != 'OOS'){
	document.getElementById(div).innerHTML=xmlhttp.responseText;
	// scroll to top
	//$('html, body').animate({scrollTop:0});
	window.scrollTo(0, 0);
		if(BrowserDetect.browser != 'Explorer'){
		$("#basket_result").fadeIn().delay(4000).fadeOut();
		}
		else{
		$("#basket_result").show();
		}
	}
	else{
	$("#error_result").fadeIn().delay(1000).fadeOut();
	}
  }
};

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}

// global functions

function get_radio_value(form_element_obj){

for (var i=0; i < form_element_obj.length; i++)
   {
   if (form_element_obj[i].checked)
      {
      var rad_val = form_element_obj[i].value;
      }
   }
   
   return rad_val;
}


function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}

function findPos(obj) {
	var curleft = curtop = 0;

	if (obj.offsetParent) {
	do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;

		} while (obj = obj.offsetParent);
	}

	return [curleft,curtop];
}

// browser detect

var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

// check / uncheck all checkboxes


function check_checkboxes(form_name){

var formObject = document.forms[form_name];

	for(var i=0; i< formObject.elements.length; i++){
	var e = formObject.elements[i];
	
		if(e.type == 'checkbox'){
		e.checked = true;
		}

	}

}

function uncheck_checkboxes(form_name){

var formObject = document.forms[form_name];

	for(var i=0; i< formObject.elements.length; i++){
	var e = formObject.elements[i];
	
		if(e.type == 'checkbox'){
		e.checked = false;
		}

	}

}

// cookie functions

function Set_Cookie( name, value, expires, path, domain, secure )
{
// set time, it's in milliseconds
var today = new Date();
today.setTime( today.getTime() );

/*
if the expires variable is set, make the correct
expires time, the current script below will set
it for x number of days, to make it for hours,
delete * 24, for minutes, delete * 60 * 24
*/
if ( expires )
{
expires = expires * 1000 * 60 * 60 * 24;
}
var expires_date = new Date( today.getTime() + (expires) );

document.cookie = name + "=" +escape( value ) +
( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) +
( ( path ) ? ";path=" + path : "" ) +
( ( domain ) ? ";domain=" + domain : "" ) +
( ( secure ) ? ";secure" : "" );
}

function Get_Cookie( check_name ) {
	// first we'll split this cookie up into name/value pairs
	// note: document.cookie only returns name=value, not the other components
	var a_all_cookies = document.cookie.split( ';' );
	var a_temp_cookie = '';
	var cookie_name = '';
	var cookie_value = '';
	var b_cookie_found = false; // set boolean t/f default f

	for ( i = 0; i < a_all_cookies.length; i++ )
	{
		// now we'll split apart each name=value pair
		a_temp_cookie = a_all_cookies[i].split( '=' );


		// and trim left/right whitespace while we're at it
		cookie_name = a_temp_cookie[0].replace(/^\s+|\s+$/g, '');

		// if the extracted name matches passed check_name
		if ( cookie_name == check_name )
		{
			b_cookie_found = true;
			// we need to handle case where cookie has no value but exists (no = sign, that is):
			if ( a_temp_cookie.length > 1 )
			{
				cookie_value = unescape( a_temp_cookie[1].replace(/^\s+|\s+$/g, '') );
			}
			// note that in cases where cookie is initialized but no value, null is returned
			return cookie_value;
			break;
		}
		a_temp_cookie = null;
		cookie_name = '';
	}
	if ( !b_cookie_found )
	{
		return null;
	}
}

function calcArea(){

var areaHeight = document.getElementById('areaHeight').value;

var tileWidth_id = 'tileWidth_'+document.getElementById('width_ID').value;
var tilePrice_id = 'tilePrice_'+document.getElementById('width_ID').value;

var width = document.getElementById(tileWidth_id).value;
var height = 1000;
var price = document.getElementById(tilePrice_id).value * (document.getElementById(tileWidth_id).value / 1000);

var areaWidthMM = width;
var areaHeightMM = areaHeight * 1000;

var approxTilesWidth = Math.ceil(areaWidthMM / width);
var approxTilesHeight = Math.ceil(areaHeightMM / height);

var approxTiles = approxTilesWidth * approxTilesHeight;

var cost = approxTiles * price;

document.getElementById('calc_result').innerHTML = cost.toFixed(2);

}

function load_tooltip(text, el){

var divID = 'tooltip';
var box;

if(document.getElementById(divID)){
box = document.getElementById(divID);
}

else{
box = document.createElement("div");
box.setAttribute("id",divID);
box.setAttribute("class","tooltip_wrapper");
document.body.appendChild(box);
}

var coords = findPos(el);

box.innerHTML = '<div class="tooltip">'+text+'</div><div class="tooltip_bottom"></div>';
box.style.top = ((coords[1] - $(box).height()) + 20)+'px';
box.style.left = (coords[0] - 28)+'px';

box.style.visibility = 'visible';

	$(box).mouseleave(function(event){
	kill_tooltip();
	});

}

function kill_tooltip(){

	var divID = 'tooltip';
	
	if(document.getElementById(divID)){
	box = document.getElementById(divID);
	box.style.visibility = 'hidden';
	}
}

function disable_delivery(){

if(document.getElementById('delivery_address_same').checked){

document.getElementById('delivery_title').value = document.getElementById('billing_title').value;
document.getElementById('delivery_first_name').value = document.getElementById('billing_first_name').value;
document.getElementById('delivery_last_name').value = document.getElementById('billing_last_name').value;
document.getElementById('delivery_address_1').value = document.getElementById('billing_address_1').value;
document.getElementById('delivery_address_2').value = document.getElementById('billing_address_2').value;
document.getElementById('delivery_address_3').value = document.getElementById('billing_address_3').value;
document.getElementById('delivery_town').value = document.getElementById('billing_town').value;
document.getElementById('delivery_county').value = document.getElementById('billing_county').value;
document.getElementById('delivery_postcode').value = document.getElementById('billing_postcode').value;

document.getElementById('delivery_title').disabled = true;
document.getElementById('delivery_first_name').disabled = true;
document.getElementById('delivery_last_name').disabled = true;
document.getElementById('delivery_address_1').disabled = true;
document.getElementById('delivery_address_2').disabled = true;
document.getElementById('delivery_address_3').disabled = true;
document.getElementById('delivery_town').disabled = true;
document.getElementById('delivery_county').disabled = true;
document.getElementById('delivery_postcode').disabled = true;

}

else{

document.getElementById('delivery_title').disabled = false;
document.getElementById('delivery_first_name').disabled = false;
document.getElementById('delivery_last_name').disabled = false;
document.getElementById('delivery_address_1').disabled = false;
document.getElementById('delivery_address_2').disabled = false;
document.getElementById('delivery_address_3').disabled = false;
document.getElementById('delivery_town').disabled = false;
document.getElementById('delivery_county').disabled = false;
document.getElementById('delivery_postcode').disabled = false;

}

}

function check_availability(product_id, product_image, product_txt, layout_folder){

var divWidth = 327;
var divHeight = 400;

var divID = 'availabilityPopupDiv';
var box;

var content = '<div id="availabilityPopupDivTop"></div><div id="availabilityPopupDivContent">'
+'<h1>Product availability</h1>'
+'<p id="availabilityPopupDivError" style="display: none; font-weight: bold; color: #cc0000;">Error: Please enter your name and contact details.</p>'
+'<a onclick="document.getElementById(\'availabilityPopupDiv\').style.display = \'none\';" id="close_button"><img src="/images/popup_close.gif" alt="Close" /></a>'
+'<p>To be updated on the availability of this product, please complete the form below.</p>'
+'<p><img src="/images/products/small/'+product_image+'" alt="" width="23" style="position: relative; top: 5px;" /> &nbsp; '+product_txt+'</p>'
+'<div class="popupFormRow" style="margin-top: 15px;"><div class="popupFormRowLeft"><label for="prod_popup_name">Name</label></div><div class="popupFormRowRight"><input type="text" name="prod_popup_name" id="prod_popup_name" /></div></div>'
+'<div class="popupFormRow"><div class="popupFormRowLeft"><label for="prod_popup_email">Email</label></div><div class="popupFormRowRight"><input type="text" name="prod_popup_email" id="prod_popup_email" /></div></div>'
+'<div class="popupFormRow"><div class="popupFormRowLeft"><label for="prod_popup_tel">Telephone</label></div><div class="popupFormRowRight"><input type="text" name="prod_popup_tel" id="prod_popup_tel" /></div></div>'
+'<div class="popupFormRow"><div class="popupFormRowLeft"><label for="prod_popup_postcode">Postcode</label></div><div class="popupFormRowRight"><input type="text" name="prod_popup_postcode" id="prod_popup_postcode" style="width: 60px;" /></div></div>'
+'<a onclick="submit_product_availability_form(\''+product_id+'\',\''+product_txt+'\');" style="float: right;"><img src="/images/'+layout_folder+'/submit_button.png" alt="Submit" /></a>'
+'</div><div id="availabilityPopupDivBottom"></div>';

if(document.getElementById(divID)){
box = document.getElementById(divID);
}

else{
box = document.createElement("div");
box.setAttribute("id",divID);
document.body.appendChild(box);
}


	var scrollingLeft = Math.round((document.documentElement.clientWidth/2)-(box.style.width/2)) - (divWidth / 2);
	var scrollingTop = Math.round((document.documentElement.clientHeight/2)-(box.style.height/2)+document.documentElement.scrollTop) - (divHeight / 2);

	box.innerHTML = content;
	box.style.position = 'absolute';
	box.style.top = scrollingTop+'px';
	box.style.left = scrollingLeft+'px';
	box.style.zIndex = '100';
	box.style.display = 'block';

}

function submit_product_availability_form(product_id, product_txt){

var name = document.getElementById('prod_popup_name').value;
var email = document.getElementById('prod_popup_email').value;
var telephone = document.getElementById('prod_popup_tel').value;
var postcode = document.getElementById('prod_popup_postcode').value;

if(name.length == 0 || email.length == 0 || telephone.length == 0 || postcode.length == 0){
document.getElementById('availabilityPopupDivError').style.display = "block";
}

else{
document.getElementById('availabilityPopupDivError').style.display = "none";
// load ajax

var div = 'availabilityPopupDivContent';
var url = '/functions/ajax_product_availability_submit.php?prod_id='+product_id+'&prod_txt='+product_txt+'&name='+name+'&email='+email+'&tel='+telephone+'&postcode='+postcode;

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null){
  alert ("Your browser does not support XMLHTTP!");
  return;
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4)
  {
  document.getElementById(div).innerHTML = xmlhttp.responseText;
  }
};

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}

}

function view_in_room(product_id){

var product = (product_id.length > 0) ? '?product_id='+product_id : '' ;

var url = '/functions/view_in_room.php'+product;

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null){
  alert ("Your browser does not support XMLHTTP!");
  return;
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4)
  {
  
  var response_txt = xmlhttp.responseText;
  
  if(response_txt != "false"){
  // grey overlay then load popup with flashvars
  window.open( "/view-in-room/index.php?filename="+response_txt, "View_in_a_room", "status = 0, height = 570, width = 870, resizable = 0" )
  }
  
  else{
  // error popup
	
	var divWidth = 327;
	var divHeight = 400;

	var divID = 'availabilityPopupDiv';
	var box;
	
	var message = (product_id.length > 0) ? 'this product is not' : 'none of your favourites are' ;

	var content = '<div id="availabilityPopupDivTop"></div><div id="availabilityPopupDivContent">'
	+'<h1>View in a room</h1>'
	+'<a onclick="document.getElementById(\'availabilityPopupDiv\').style.display = \'none\';" id="close_button"><img src="/images/popup_close.gif" alt="Close" /></a>'
	+'<p>Unfortunately '+message+' available in "View in a room" at this time.</p><p>We\'re sorry if this has caused any inconvenience.</p>'
	+'</div><div id="availabilityPopupDivBottom"></div>';

	if(document.getElementById(divID)){
	box = document.getElementById(divID);
	}

	else{
	box = document.createElement("div");
	box.setAttribute("id",divID);
	document.body.appendChild(box);
	}

	var scrollingLeft = Math.round((document.documentElement.clientWidth/2)-(box.style.width/2)) - (divWidth / 2);
	var scrollingTop = Math.round((document.documentElement.clientHeight/2)-(box.style.height/2)+document.documentElement.scrollTop) - (divHeight / 2);

	box.innerHTML = content;
	box.style.position = 'absolute';
	box.style.top = scrollingTop+'px';
	box.style.left = scrollingLeft+'px';
	box.style.zIndex = '100';
	box.style.display = 'block';
	
  }

  }
};

xmlhttp.open("GET",url,true);
xmlhttp.send(null);

}