var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="/images/arrow2.gif"  />') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

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

function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}

document.onmousemove=positiontip

function mouseOver(name,i)
	{
		var id = name+"_"+i;
		if(name == 'bld2')
		{
			document.images[id].src = "/images/register2.gif";
		}
		if(name == 'bld1') {
			document.images[id].src = "/images/loggain2.gif";
		}
	}
function mouseOut(name,i)
  	{
	  var id = name+"_"+i;
	  if(name == 'bld2') {
		  document.images[id].src = "/images/register.gif";
	  }
	  if(name == 'bld1') {
		  document.images[id].src = "/images/loggain.gif";
	  }
  }


function closeWindow()
{
$("#glassBox").hide(700);
}

function closeWindow2()
{
$("#glassBox2").hide(700);
}

function register()
{

$("#glassBox").load("ajax_register.php", {}, display());

}

function doRegister()
{

	var username = document.getElementById("username").value;
	var password = document.getElementById("password").value;
	var password2 = document.getElementById("password2").value;
	var email = document.getElementById("email").value;
	var email2 = document.getElementById("email2").value;
	var sex = document.getElementById("sex").value;
	var land = document.getElementById("land").value;
	if(sex == '1' || sex == '2') {var age1y = document.getElementById("age1y").value;}
	else {var age1y = '';}
	if(sex == '1' || sex == '2') {var age1m = document.getElementById("age1m").value;}
	else {var age1m = '';}
	if(sex == '1' || sex == '2') {var age1d = document.getElementById("age1d").value;}
	else {var age1d = '';}

	if(sex == '3' || sex == '4' || sex == '5' || sex == '6' || sex == '7' || sex == '8') {var age2y = document.getElementById("age2y").value; var age3y = document.getElementById("age3y").value;}
	else {var age2y = ''; var age3y = '';}
	if(sex == '3' || sex == '4' || sex == '5' || sex == '6' || sex == '7' || sex == '8') {var age2m = document.getElementById("age2m").value; var age3m = document.getElementById("age3m").value;}
	else {var age2m = ''; var age3m = '';}
	if(sex == '3' || sex == '4' || sex == '5' || sex == '6' || sex == '7' || sex == '8') {var age2d = document.getElementById("age2d").value; var age3d = document.getElementById("age3d").value;}
	else {var age2d = ''; var age3d = '';}


$("#glassBox2").load("ajax_regcheck.php", {'username':[username], 'password':[password], 'password2':[password2], 'email':[email], 'email2':[email2], 'sex':[sex], 'land':[land], 'age1y':[age1y], 'age1m':[age1m], 'age1d':[age1d], 'age2y':[age2y], 'age2m':[age2m], 'age2d':[age2d], 'age3y':[age3y], 'age3m':[age3m], 'age3d':[age3d]});

}

function doLogin(res)
{


$("#glassBox2").load("/ajax_logincheck.php", {'res':[res]}, display2());

}

function display()
{

document.getElementById('glassBox').style.height = "600px";

$("#glassBox").show(500);

setTimeout("setHeight()",2000);

}

function setHeight() {
var height = document. getElementById("window"). offsetHeight;

document.getElementById('glassBox').style.height = height;



}

function display2()
{

document.getElementById('glassBox2').style.height = "600px";

$("#glassBox2").show(500);

setTimeout("setHeight2()",2000);

}

function setHeight2() {
var height = document. getElementById("window2"). offsetHeight;
$("#glassBox2").draggable();
document.getElementById('glassBox2').style.height = height;

}

function usrType(opt) {

	d = new Date();

	for(i=0;i<85;i++) {
		var year = ((d.getYear())-18-i);
		var yselect = yselect + '<option value=\"' + year + '\">' +year + '</option>';
	}
	var mselect = '<option value=\"1\">January</option>' +
	'<option value=\"2\">Februari</option>' +
	'<option value=\"3\">Mars</option>' +
	'<option value=\"4\">April</option>' +
	'<option value=\"5\">Maj</option>' +
	'<option value=\"6\">Juni</option>' +
	'<option value=\"7\">Juli</option>' +
	'<option value=\"8\">Augusti</option>' +
	'<option value=\"9\">September</option>' +
	'<option value=\"10\">Oktober</option>' +
	'<option value=\"11\">November</option>' +
	'<option value=\"12\">December</option>';

	for(i=1;i<32;i++) {
		var dselect = dselect + '<option value=\"' + i + '\">' +i + '</option>';
	}

	if (opt==1 || opt==2) { document.getElementById("divContent").innerHTML = '<table width=\"100%\" class=\"tdleft\">' +
	'<tr>' +
	'<td width=\"170\">Födelsedatum: </td>' +
	'<td>' +
	'<select id=\"age1y\" name=\"age1y\">' +
		'<option value=\"0\">År</option>' +
		yselect +
	'</select>' +
	'<select id=\"age1m\" name=\"age1m\">' +
		'<option value=\"0\">Månad</option>' +
		mselect +
	'</select>' +
	'<select id=\"age1d\" name=\"age1d\">' +
		'<option value=\"0\">Dag</option>' +
		dselect +
	'</select>' +
	'</td>' +
	'</tr>'
	'</table>'; }



	if (opt==3) { document.getElementById("divContent").innerHTML = '<table width=\"100%\" class=\"tdleft\">' +
		'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Födelsedatum kvinna: </font></td>' +
		'<td>' +
		'<select id=\"age2y\" name=\"age2y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age2m\" name=\"age2m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age2d\" name=\"age2d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>' +
	'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Födelsedatum man: </font></td>' +
		'<td>' +
		'<select id=\"age3y\" name=\"age3y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age3m\" name=\"age3m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age3d\" name=\"age3d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>'
	'</table>';
	}

	if (opt==4) { document.getElementById("divContent").innerHTML = '<table width=\"100%\" class=\"tdleft\">' +
		'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Födelsedatum man: </font></td>' +
		'<td>' +
		'<select id=\"age2y\" name=\"age2y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age2m\" name=\"age2m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age2d\" name=\"age2d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>' +
	'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Födelsedatum man: </font></td>' +
		'<td>' +
		'<select id=\"age3y\" name=\"age3y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age3m\" name=\"age3m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age3d\" name=\"age3d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>'
	'</table>';
	}

	if (opt==5) { document.getElementById("divContent").innerHTML = '<table width=\"100%\" class=\"tdleft\">' +
		'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Födelsedatum kvinna: </font></td>' +
		'<td>' +
		'<select id=\"age2y\" name=\"age2y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age2m\" name=\"age2m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age2d\" name=\"age2d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>' +
	'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Födelsedatum kvinna: </font></td>' +
		'<td>' +
		'<select id=\"age3y\" name=\"age3y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age3m\" name=\"age3m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age3d\" name=\"age3d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>'
	'</table>';
	}

	if ((opt==6) || (opt==7) || (opt==8)) { document.getElementById("divContent").innerHTML = '<table width=\"100%\" class=\"tdleft\">' +
		'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Yngst medlem: </font></td>' +
		'<td>' +
		'<select id=\"age2y\" name=\"age2y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age2m\" name=\"age2m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age2d\" name=\"age2d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>' +
	'<tr>' +
		'<td width=\"170\"><font class=\"greytext\">Äldst medlem: </font></td>' +
		'<td>' +
		'<select id=\"age3y\" name=\"age3y\">' +
			'<option value=\"0\">År</option>' +
			yselect +
		'</select>' +
		'<select id=\"age3m\" name=\"age3m\">' +
			'<option value=\"0\">Månad</option>' +
			mselect +
		'</select>' +
		'<select id=\"age3d\" name=\"age3d\">' +
			'<option value=\"0\">Dag</option>' +
			dselect +
		'</select>' +
		'</td>' +
	'</tr>'
	'</table>';
	}

	if (opt==0) { document.getElementById("divContent").innerHTML = ''; }
}

function messageOpen(id) {

	$("#glassBox").load("/ajax_message.php", {'id':[id]});

}

function doReply(id, r) {
	$("#glassBox").hide(300);

	var mess = document.getElementById("mess").value;

	var chk = new Array();
	var send = "";
	for(var i=0;i<r;i++) {

		if(document.getElementById(i).checked == true) {chk[i] = document.getElementById(i).value;} else { chk[i] ="";}

		send = send + "," + chk[i];
	}
	var toid = document.getElementById("toid").value;

	$("#glassBox").load("/ajax_sendreply.php", {'mess':[mess], 'send':[send], 'id':[id], 'toid':[toid]});
	display();
}

function menuOpen(id)
{
	$("#"+id).show(300);
	document.getElementById("squ"+id).onclick = function(){menuClose(id);}
	document.getElementById("squ"+id).src = '/images/square4.gif';
}


function menuClose(id)
{
	$("#"+id).hide(300);
	document.getElementById("squ"+id).onclick = function(){menuOpen(id);}
	document.getElementById("squ"+id).src = '/images/square3.gif';
}