var RightMenu = {
	duration: 500,
	object: null,
	
	init: function() {
		var rightObj1 = {
			tab: $("div.sectorPeopleMenu"),
			box: $("div#rightPeople"),
			clicked: 0
			};
			
		var rightObj2 = {
			tab: $("div.articlesMenu"),
			box: $("div#rightArticles"),
			clicked: 0
			};	
		
		$(rightObj2.tab).bind("click", rightObj2, RightMenu.menuClicked);
		$(rightObj2.box).find("div.eventClose").bind("click", rightObj2, RightMenu.menuClicked);
		$(rightObj2.box).find("div.rightScrollPane").jScrollbar();
		$(rightObj2.tab).bind("mouseover", null, function () {
			$(this).removeClass("articlesMenu");
			$(this).addClass("articlesMenu2");
			});
		$(rightObj2.tab).bind("mouseout", null, function () {
			$(this).removeClass("articlesMenu2");
			$(this).addClass("articlesMenu");
			});
			
		$(rightObj1.tab).bind("click", rightObj1, RightMenu.menuClicked);
		$(rightObj1.box).find("div.eventClose").bind("click", rightObj1, RightMenu.menuClicked); 
		$(rightObj1.box).find("div.rightScrollPane").jScrollbar();
		$(rightObj1.tab).bind("mouseover", null, function () {
			$(this).removeClass("sectorPeopleMenu");
			$(this).addClass("sectorPeopleMenu2");
			});
		$(rightObj1.tab).bind("mouseout", null, function () {
			$(this).removeClass("sectorPeopleMenu2");
			$(this).addClass("sectorPeopleMenu");
			}); 
			
	},
	
	menuClicked: function(event) {
		var obj = event.data;

		if(obj.clicked == 0) {
			obj.clicked == 2;
			RightMenu.object = obj;
			
	  		obj.dimmedPane = $("<div>", {
		  			"class": "dimmedBackground"	  			
		  		}).appendTo($("body"));
			
			if($.browser.msie  && parseInt($.browser.version, 10) < 8) {
				var offset = $(obj.box).offset();
				
				obj.left = offset.left;
				obj.parent = $(obj.box).parent();
				$(obj.box).remove();
				
				
				$(obj.box).css("left", obj.left + 6)
							.css("zIndex", 10)
							.css("top", offset.top)
							.appendTo($("body"));
				
				$(obj.box).find("div.eventClose").bind("click", obj, RightMenu.menuClicked);							
			
				$(obj.box).animate(
		  				{width: 770, left: offset.left - 770 + 6}, 
		  				RightMenu.duration, function() {
		  					$(RightMenu.object.dimmedPane).bind("click", RightMenu.object, RightMenu.menuClicked)
		  					RightMenu.object.clicked = 1;
		  				});
			} else {
		  		$(obj.box).css("zIndex", 10);	
		  		$(obj.tab).css("zIndex", 10);	
		  		
				$(obj.box).animate(
		  				{width: 770}, 
		  				RightMenu.duration, function() {
		  					$(RightMenu.object.dimmedPane).bind("click", RightMenu.object, RightMenu.menuClicked)
		  					RightMenu.object.clicked = 1;
		  				});
		  		}
	  					
		  	} else if (obj.clicked == 1){
		  		obj.clicked == 2;
		  		RightMenu.object = obj;
		  		
		  		if($.browser.msie  && parseInt($.browser.version, 10) < 8) 
		  				$(obj.box).animate(
			  				{width: 6, left: obj.left}, 
			  				RightMenu.duration, function() {
			  					var obj = RightMenu.object; 
			  					obj.clicked = 0;
					  			$(obj.box).remove();
					  			$(obj.box).css("left", "auto")
					  			$(obj.box).css("right", -26)
										  .css("zIndex", 1)
										  .css("top", 0)
										  .appendTo(obj.parent);
					  			$(obj.dimmedPane).remove();	
			  				} ); 
			  		else $(obj.box).animate(
			  				{width: 6}, 
			  				RightMenu.duration, function() {
			  					RightMenu.object.clicked = 0;
					  			$(RightMenu.object.box).css("zIndex", 1);
					  			$(RightMenu.object.tab).css("zIndex", 1);
					  			$(RightMenu.object.dimmedPane).remove();	
			  				} );
		  	}
		  	 
	}
}

$(document).ready(RightMenu.init);