// JavaScript Document
var menu=function(){
	var t=15,z=50,s=6,a;
	function dd(n){this.n=n; this.h=[]; this.c=[]}
	dd.prototype.init=function(p,c){
		a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
		for(i;i<l;i++){
			var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
			h.onmouseover=new Function(this.n+'.st('+i+',true)');
			h.onmouseout=new Function(this.n+'.st('+i+')');
		}
	}
	dd.prototype.st=function(x,f){
		var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
		clearInterval(c.t); c.style.overflow='hidden';
		if(f){
			p.className+=' '+a;
			if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
			if(c.mh==c.offsetHeight){c.style.overflow='visible'}
			else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
		}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
	}
	function sl(c,f){
		var h=c.offsetHeight;
		if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
			if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
			clearInterval(c.t); return
		}
		var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
		c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
		c.style.height=h+(d*f)+'px'
	}
	return{dd:dd}
}();






$(document).ready(function(){				   						   
	$(".products_link li:first").addClass('active');
	$(".products_link li:first").find("img:eq(1)").animate({"opacity": "0"}, 200);	
	$(".banner_div ul li").not(":eq(0)").fadeOut();		
	$(".products_link li").bind("click mouseover", function() {
	$int = clearInterval($int);
	$index = $(".products_link li").index(this);
	$(".products_link li").not(":eq("+$index+")").find("img:eq(1)").animate({"opacity": "1"},  200);
	$(".products_link li:eq("+$index+")").find("img:eq(1)").animate({"opacity": "0"},  200);
	$(".products_link li").removeClass('active');
	$(this).addClass("active");
	$(this).find("img:eq(1)").fadeIn(300);
	$(".banner_div ul li").not(":eq("+$index+")").fadeOut();					   
	$(".banner_div ul li:eq("+$index+")").fadeIn(500);	
	$int = setInterval("interval()",5000); 
	});
$last = $(".products_link li:last");
});

function  interval(){  if  ($last.is('.active')){	$(".products_link li:first").click();}
                       else {$ind = $(".products_link li.active").index();	$click = $ind+1;$(".products_link li:eq("+$click+")").click();}
                    }
$(document).ready(function(){ $int =    setInterval("interval()",5000); });