function absPosition(obj) {
		var x = y = 0;
		while(obj) {
			x += obj.offsetLeft;
			y += obj.offsetTop;
			obj = obj.offsetParent;
		}
		return {x:x, y:y};
	}
//=====
	$(document).ready(function(){
//=====================
		$(".tab_content").hide(0); //Hide all content
		$("ul.tabs li:first").addClass("active").show(0); //Activate first tab
		$(".tab_content:first").show(0); //Show first tab content

		//On Click Event
		$("ul.tabs li").click(function() {
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(0); //Hide all tab content

			var activeTab = $(this).children().attr("id"); //Find the href attribute value to identify the active tab + content
			$('#'+activeTab+'_content').fadeIn(); //Fade in the active ID content
			return false;
		});
//=====================
		var ddm_1 = false;
		var ddm_2 = false;
	//-----
		$('.ddm-1').click(
			function() {
				$('#menu_2').fadeOut('fast');
				ddm_2 = false;
				var top = absPosition(this).y+16;
				var left = absPosition(this).x+8;
				$('#menu_1').css('top', top);
				$('#menu_1').css('left', left);
				if (ddm_1 == false) {
					$('#menu_1').fadeIn('fast');
					ddm_1 = true;
				} else {
					$('#menu_1').fadeOut('fast');
					ddm_1 = false;
				};
			}
		);
		$('#menu_1').hover(
			function() {},
			function() {$('#menu_1').fadeOut('fast'); ddm_1 = false;}
		);
	//-----
		$('.ddm-2').click(
			function() {
				$('#menu_1').fadeOut('fast');
				ddm_1 = false;
				var top = absPosition(this).y+16;
				var left = absPosition(this).x+3;
				$('#menu_2').css('top', top);
				$('#menu_2').css('left', left);
				if (ddm_2 == false) {
					$('#menu_2').fadeIn('fast');
					ddm_2 = true;
				} else {
					$('#menu_2').fadeOut('fast');
					ddm_2 = false;
				};
			}
		);
		$('#menu_2').hover(
			function() {},
			function() {$('#menu_2').fadeOut('fast'); ddm_2 = false;}
		);
	//-----
		$('#ddm-11').click(
			function() {
				$('#menu_2').fadeOut('fast');
				ddm_2 = false;
				var top = absPosition(this).y;
				var left = absPosition(this).x-212;
				$('#menu_1').css('top', top);
				$('#menu_1').css('left', left);
				if (ddm_1 == false) {
					$('#menu_1').fadeIn('fast');
					ddm_1 = true;
				} else {
					$('#menu_1').fadeOut('fast');
					ddm_1 = false;
				};
			}
		);
		$('#menu_1').hover(
			function() {},
			function() {$('#menu_1').fadeOut('fast'); ddm_1 = false;}
		);
	//-----
		$('#ddm-21').click(
			function() {
				$('#menu_1').fadeOut('fast');
				ddm_1 = false;
				var top = absPosition(this).y;
				var left = absPosition(this).x-212;
				$('#menu_2').css('top', top);
				$('#menu_2').css('left', left);
				if (ddm_2 == false) {
					$('#menu_2').fadeIn('fast');
					ddm_2 = true;
				} else {
					$('#menu_2').fadeOut('fast');
					ddm_2 = false;
				};
			}
		);
		$('#menu_2').hover(
			function() {},
			function() {$('#menu_2').fadeOut('fast'); ddm_2 = false;}
		);
	});