// JavaScript Document
	// Tap menu
	$(document).ready(function(){
		prev2 = $("ul.menu li div.btn1");
		var contentNow = "Pbtn1";
		$("ul.menu li div").click(function(){
			$("div."+contentNow).css("display","none");
			contentNow = "P"+$(this).attr("class");
			$("div."+contentNow).css("display","inline");
			$(prev2).css("background-position","top");
			$(this).css("background-position","bottom");
			prev2 = $(this);
		});
		$("ul.menu li div").hover(
			function(){
				if(prev2.attr("class")!=$(this).attr("class")){
					$(this).css("background-position","bottom");
				}
			},
			function(){
				if(prev2.attr("class")!=$(this).attr("class")){
					$(this).css("background-position","top");
				}
			}
		);
		
	//-------Service function	
	var now = 1;
	function plus(a){
			xPos = new Number(-307*a);
			xPos = xPos.toString();
			xPos = xPos+"px";
			//alert(xPos+xPos);	
			++now;
			if(now==4){
				now=0;
			}
	}
	$("div.prev").click(function(){				 
		clearInterval(id);
		id = setInterval(function(){a(now);},5000);
		plus(now);
		$("div.box").animate({marginLeft:xPos},500);
	});
	function a(id){
		plus(id);
		$("div.box").animate({marginLeft:xPos},500);
	}
	
	id = setInterval(function(){a(now);},5000);
	
	
	$("div.prev").hover(
			  function(){
				  	$(this).css("backgroundPosition","bottom");
				  },
			  function(){
				  	$(this).css("backgroundPosition","top");
				  });
	
	$("div.next").click(function(){
		alert("next");					   
	});
	
	
	});
	
	
	//------submenu popup
	
		var timeout    = 500;
		var closetimer = 0;
		var ddmenuitem = 0;
		
		function jsddm_open()
		{  jsddm_canceltimer();
		   jsddm_close();
		   ddmenuitem = $(this).find('.subMenu').css('display', 'block');}
		
		function jsddm_close()
		{  if(ddmenuitem) ddmenuitem.css('display', 'none');}
		
		function jsddm_timer()
		{  closetimer = window.setTimeout(jsddm_close, timeout);}
		
		function jsddm_canceltimer()
		{  if(closetimer)
		   {  window.clearTimeout(closetimer);
			  closetimer = null;}}
		
		$(document).ready(function()
		{  
		    $('.subMenu').css("display","none");
			$('.m2').bind('mouseover', jsddm_open)
		    $('.m2').bind('mouseout',  jsddm_timer)
			$('.m5').bind('mouseover', jsddm_open)
		    $('.m5').bind('mouseout',  jsddm_timer)
			$('.m6').bind('mouseover', jsddm_open)
		    $('.m6').bind('mouseout',  jsddm_timer)
		});
		document.onclick = jsddm_close;