function servicesMenu () {
	correctdiv = document.createElement("div");
	divparent = document.getElementById("services-list");
	divparent.appendChild(correctdiv);
	correctdiv.style.position = "absolute";
	correctdiv.style.width = "6px";
	correctdiv.style.height = "24px";
	correctdiv.style.backgroundColor = "red";
	correctdiv.style.top = "568px";
	correctdiv.style.marginLeft = "255px";
	correctdiv.style.background = "url(../images/services/services-menu-gray.gif) 0px 0px no-repeat";
	correctdiv.style.zIndex = "3";
	correctdiv.className+="correctdiv";
	list = divparent.getElementsByTagName("span");
	listlength = list.length;
	correctdiv.style.display = "none";
	$("ul ul").wrap("<div></div>");
	
	
	
	$('#services-list div ul').each(function(i){
  		var ah = $('#services-list div ul').eq(i).height();
		var ph = $('#services-list div ul').eq(i).parent().height();
		var mh = (ph - ah) / 2;
		$('#services-list div ul').eq(i).css('margin-top', mh);
	});
	
	
	for (var i=0; i<list.length; i++) {
	
		list[i].parentNode.onmouseout = function (){correctdiv.style.display = "none"; this.className="";};	

	}
	
	
	list[0].parentNode.onmouseover = function (){ correctdiv.style.top = "568px"; correctdiv.style.display = "block"; this.className+=" over";};
	list[1].parentNode.onmouseover = function (){ correctdiv.style.top = "591px"; correctdiv.style.display = "block"; this.className+=" over";};
	list[2].parentNode.onmouseover = function (){ correctdiv.style.top = "614px"; correctdiv.style.display = "block"; this.className+=" over";};
	list[3].parentNode.onmouseover = function (){ correctdiv.style.top = "637px"; correctdiv.style.display = "block"; this.className+=" over";};
	list[4].parentNode.onmouseover = function (){ correctdiv.style.top = "660px"; correctdiv.style.display = "block"; this.className+=" over";};
	list[5].parentNode.onmouseover = function (){ correctdiv.style.top = "683px"; correctdiv.style.display = "block"; this.className+=" over";};
	

}

function createTabs () {
$('#tabs').tabs();
var clink = $("<span>&nbsp;</span>").appendTo("#craftsmanship > p");
var wlink = $("<span>&nbsp;</span>").appendTo("#working > p");
var tp = document.getElementById("trade").getElementsByTagName("p");
var tlink = $("<span>&nbsp;</span>").appendTo(tp[1]);

clink.click(function() {   $('#tabs').triggerTab(2);  });
wlink.click(function() {   $('#tabs').triggerTab(3);  });
tlink.click(function() {   $('#tabs').triggerTab(1);  });



}


$(document).ready(	function(){


	
	servicesMenu();
	
	createTabs();



});