function showbox(){};

$(document).ready(function(){
	icons = {
		plus: "url(/en/customercare/images/i_plus.gif)",
		minus: "url(/en/customercare/images/i_minus.gif)"
	}
	var prev;
	// name of the box = new createbox(id of the link, id of the box, offsetTop, offsetLeft)
	var box1 = new createbox($("#l_password"),$('#b_pass'), 155, 22);
	var box2 = new createbox($("#l_impaired1"),$('#b_impaired'), 155, 22);
	var box3 = new createbox($("#l_group"),$('#b_group'), 155, 379);
	var box4 = new createbox($("#l_impaired2"),$('#b_impaired'), 155, 379);

	function createbox(o,i,t,l){
		this.linkobj = o;
		this.linkpos = {
			fTop: o.position().top + t,
			fLeft: o.position().left + l
		}
		this.idbox = i;
	}

	function opendiv(box){
		if(typeof prev !== "undefined"){
			prevbox = eval(prev);
			prevbox.idbox.slideUp('fast', function(){
				plusminus(prevbox.linkobj, icons.plus);
				if(prevbox.idbox !== box.idbox){
					showdown(box);
					plusminus(box.linkobj, icons.minus);
				}else{
					prev = undefined;
				}
			});
		}else{
			showdown(box);
			plusminus(box.linkobj, icons.minus);
		}
	}
	function showdown(box){
		box.idbox.css('top', box.linkpos.fTop);
		box.idbox.css('left', box.linkpos.fLeft);
		box.idbox.slideDown('slow');
	}
	function plusminus(box,img){
			box.css("background-image", img);
	}

	$('#l_password, #l_impaired1, #l_impaired2, #l_group').click(function (){
		opendiv(eval($(this).attr("rel")));
		prev = $(this).attr("rel");
	});

	$(".close").click(function(){
		closebox = "#" + $(this).parent().attr("id");
		$(closebox).slideUp('fast', function(){
			switch (closebox){
			case "#b_pass":
				plusminus($("#l_password"), icons.plus);
				prev = undefined;
				break;
			case "#b_impaired":
				plusminus($("#l_impaired1"), icons.plus);
				plusminus($("#l_impaired2"), icons.plus);
				prev = undefined;
				break;
			case "#b_group":
				plusminus($("#l_group"), icons.plus);
				prev = undefined;
				break;
			}
		});
	});
});