//Have to use these custon functions $('#login').position().top does not work is the divs gets too nested

function findPosX(obj) {
    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;
    }
    return curleft;
}

function findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent) {
        while (1) {
            curtop+=obj.offsetTop;
            if (!obj.offsetParent) {
                break;
            }
            obj=obj.offsetParent;
        }
    } else if (obj.y) {
        curtop+=obj.y;
    }
    return curtop;
}

$(document).ready(function(){
	//Init login button
	$("#login_float #login a").click(function() {											  
		var msg = $('.login_box_holder');		
		msg.css({
			'left' : findPosX($('#login_float #login').get(0)) - msg.width() + $('#login_float #login').width() - 4, //$('#login').position().left - msg.width() + $('#login_float #login').width() - 4, //4px padding on the right
			'top' : findPosY($('#login_float #login').get(0)), //$('#login').position().top,
			'z-index' : 15 // make sure element is on top
		});
		msg.attr({opacity: 0});
		msg.show();
		msg.animate({ opacity: 1},250);
	});	
	
	//Init close button
	$("#loginbox #closex a").click(function() {
		$('.login_box_holder').animate({ opacity: 0}, 250, function(){ $('.login_box_holder').hide(); } );
	});
});