//2009063
document.writeln("<div id=\"subItems\">");
document.writeln("  <div id=\"subItem1\">");
document.writeln("    <ul style=\"list-style:none;margin:0px;\">");
document.writeln("      <li class=\"menu2title\" ><a href=\"ContactUs.htm\">ContactUs</a></li>");
document.writeln("      <li class=\"menu2title4\"><a href=\"AboutUs.htm\">AboutDMG</a></li>");
document.writeln("      <li class=\"menu2title3\"><a href=\"Milestone.asp\">MilestoneDMG</a></li>");
document.writeln("      ");
document.writeln("    </ul>");
document.writeln("  </div>");
document.writeln("  <div id=\"subItem2\">");
document.writeln("    <ul style=\"list-style:none;margin:0px;\">");
document.writeln("      <li class=\"menu2title6\"><a href=\"OurClient.htm\">OurClient</a></li>");
document.writeln("      <li class=\"menu2title9\"><a href=\"MediaNetWork.htm\">MediaNetWork</a></li>");
document.writeln("      <li class=\"menu2title99\"><a href=\"OurRateCard.htm\">OurRateCard</a></li>");
document.writeln("      <li class=\"menu2title8\"><a href=\"OurAdvantages.htm\">OurAdvantages</a></li>");
document.writeln("    </ul>");
document.writeln("  </div>");
document.writeln("  <div id=\"subItem3\">");
document.writeln("    <ul style=\"list-style:none;margin:0px;\">");
document.writeln("    <li class=\"menu2title12\"><a href=\"PIS.htm\">PIS</a></li>");
document.writeln("      <li class=\"menu2title10\"><a href=\"Partners.htm\">Partners</a></li>");
document.writeln("      <li class=\"menu2title13\"><a href=\"Software.htm\">Software</a></li>");
document.writeln("      <li class=\"menu2title11\"><a href=\"Value-added.htm\">Value-added</a></li>");
document.writeln("   </ul>");
document.writeln("  </div>");
document.writeln("  <div id=\"subItem4\">");
document.writeln("    <ul style=\"list-style:none;margin:0px;\">");
document.writeln("      <li class=\"menu2title150\"><a href=\"Promo.htm\">Promo</a></li>");
document.writeln("      <li class=\"menu2title15\"><a href=\"ProgramInfo.htm\">ProgramInfo</a></li>");
document.writeln("    </ul>");
document.writeln("  </div>");
document.writeln("  <div id=\"subItem5\">");
document.writeln("    <ul style=\"list-style:none;margin:0px;\">");
document.writeln("      <li class=\"menu2title16\"><a href=\"gallery/gallery.htm\">Photos</a></li>");
document.writeln("      <li class=\"menu2title17\"><a href=\"TopStories.asp\">TopStories</a></li>");
document.writeln("      <li class=\"menu2title19\"><a href=\"newsletter/newsletter.htm\">newsletter</a></li>");
document.writeln("      <li class=\"menu2title18\"><a href=\"CompanyNews.asp\">CompanyNews</a></li>");
document.writeln("    </ul>");
document.writeln("  </div>");
document.writeln("</div>");


	var margin = 2 ; //?
	var step = 127 + margin ;
	var top = 0 ;
	var top1 = 8; //???
	
	$("#banner .motionsection #item").mouseover(function(i){
		$("#banner .motionsection #item").show();
	}).mouseout(function(i){
		$("#banner .motionsection #item").hide();
	});
	
	$("#banner .motionsection .subitemImage").each(function(idx){
		$(this).css("left", idx * step).mouseover(function(i){
			$("#banner .motionsection #item").hide();
			$("#banner .motionsection #item").css("left", $(this).css("left")).css("top", top1);

			$("#banner .motionsection #item").html($("#subItems div").eq(idx).html());
			$("#banner .motionsection #item").show("slow");
		}).mouseout(function(i){
			
		});
	});

