//Have to use these custon functions $('#login').position().top does not work is the divs gets too nested
$(document).ready(function(){
	//Init login button
	$("#brand_catagory #brand_catagory_right a").click(function(){
		var msg = $(this).parent().find(".store_select");
		/*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({height: 1});
		msg.show();
		msg.animate({ height: 55},250);
	});
	
	$("#brand_catagory #brand_catagory_right .store_select .store_select_close a").click(function() {
		var msg = $('#brand_catagory .store_select');
		$('#brand_catagory .store_select').hide();
		//msg.animate({ height: 0},250, function(){ $('#brand_catagory .store_select').hide(); } );
	});	
});