// JavaScript Document
$(function(){
		var page=1;
		m=4;
		n=4;
		$(".next").click(function(){
			var $parent=$(this).parents(".sy_m_c_l_cp_b");
			var $show=$parent.children(".show");
			var $width=142;
			var $ul=$show.children("ul");
			var $len=$(".sy_m_c_l_cp_b ul li").length;
			if(m>=$len){
				$ul.stop(true,false).animate({left:"0px"},"slow");
				m=4;
			}	
			else{
				$ul.stop(true,false).animate({left:"-="+$width},"slow");
				m++;
			}
		})
		$(".prev").click(function(){
			var $parent=$(this).parents(".sy_m_c_l_cp_b");
			var $show=$parent.children(".show");
			var $width=142;
			var $ul=$show.children("ul");
			var $len=$(".sy_m_c_l_cp_b ul li").length;
			if(n<=4){
				$ul.stop(true,false).animate({left:"-="+$width*($len-4)},"slow");
				n=$len;
			}
			else{
				$ul.stop(true,false).animate({left:"+="+$width},"slow");	
				n--;
			}
		})
		$("#next").click(function(){
			var $parent=$(this).parents(".sy_banner_m_m");
			var $show=$parent.children("#show");
			var $width=381;
			var $ul=$("div#show > div#show_r > ul")
			var $div=$("div#show > div#show_l > ul")
			var $len=$("#show_r ul li").length;
			
			if(page==$len){
				$ul.stop(true,false).animate({left:"0px"},"slow");
				$div.stop(true,false).animate({left:"0px"},"slow");
			   page=1;
			}	
			else{
				$ul.stop(true,false).animate({left:"-="+$width},"slow");
				$div.stop(true,false).animate({left:"-="+$width},"slow");
				page++;
			}
		})
		$("#prev").click(function(){
			var $parent=$(this).parents(".sy_banner_m_m");
			var $show=$parent.children("#show");
			var $width=381;
			var $ul=$("div#show > div#show_r > ul")
			var $div=$("div#show > div#show_l > ul")
			var $len=$("#show_r ul li").length;
			if(page==1){
				$ul.stop(true,false).animate({left:"-="+$width*($len-1)},"slow");
				$div.stop(true,false).animate({left:"-="+$width*($len-1)},"slow");
				page=$len;
			}
			else{
				$ul.stop(true,false).animate({left:"+="+$width},"slow");	
				$div.stop(true,false).animate({left:"+="+$width},"slow");	
				page--;
			}
		})
		var flashtime;
		$(".sy_banner_m_m").hover(function(){
                clearInterval(flashtime);
            },function(){
                flashtime=setInterval(function(){
                    show()
                    
                },5000)
            }).trigger("mouseleave");
		
		function show(){
			var $parent=$(this).parents(".sy_banner_m_m");
			var $show=$parent.children("#show");
			var $width=381;
			var $ul=$("div#show > div#show_r > ul")
			var $div=$("div#show > div#show_l > ul")
			var $len=$("#show_r ul li").length;
			
			if(page==$len){
				$ul.stop(true,false).animate({left:"0px"},"slow");
				$div.stop(true,false).animate({left:"0px"},"slow");
			   page=1;
			}	
			else{
				$ul.stop(true,false).animate({left:"-="+$width},"slow");
				$div.stop(true,false).animate({left:"-="+$width},"slow");
				page++;
			}		
		}
		  var i=1;
					var flash;
		$(".sy_m_c_r_t_t2").hover(function(){
                clearInterval(flash);
            },function(){
                flash=setInterval(function(){
                    showa()
                },5000)
            }).trigger("mouseleave");
		
		function showa(){
			//var $parent=$(this).parents(".sy_banner_m_m");
			//var $show=$parent.children("#show");
			var $width=278;
			var $ul=$("div#marquee > ul")
			//var $div=$("div#show > div#show_l > ul")
			var $len=$("#marquee ul li").length;
			
			if(i==$len-1){
				$ul.stop(true,false).animate({left:"0px"},"slow");
			   i=1;
			}	
			else{
				$ul.stop(true,false).animate({left:"-="+$width},"slow");
				i++;
			}		
		}
		
		
		
	})