function show(obj,num,len,class1,class2){
	for(var id = 1;id<=len;id++){
  		var ss=obj+id;
  		var snav =obj+"nav"+id;
  		if(id==num){
			$("#"+ss).show();
			$("#"+snav).attr('class',class1);
  		}else{
			$("#"+ss).hide();
			$("#"+snav).attr('class',class2);
  		}
 	}
}
function roll(obj,start,end,class1,class2,timeout)
{   
   start++;
   if(start>end){
	   start=1;
   }
	var rr=setTimeout(function(){
		show(obj,start,end,class1,class2);roll(obj,start,end,class1,class2,timeout);
		},timeout);
	eval(obj+"=rr;");
}
$(document).ready(function(){
	$("[action='roll']").each(function(p){
		var method=$(this).attr("method");
		var obj=$(this).attr("obj");
		var start=$(this).attr("start");
		var end=$(this).attr("end");
		var preclass=$(this).attr("preclass");
		var aftclass=$(this).attr("aftclass");
		var outtime=$(this).attr("outtime");
		roll(obj,start,end,preclass,aftclass,outtime);
		$(this).children().each(function(n){
			var num=n+1;
			var con="#"+obj+num;
			$(this).bind(method,function(){
				show(obj,num,end,preclass,aftclass);
				clearTimeout(eval(obj));
			})
			.bind("mouseout",function(){
				roll(obj,num,end,preclass,aftclass,outtime);
			});
			$(con).bind(method,function(){
				show(obj,num,end,preclass,aftclass);
				clearTimeout(eval(obj));
			})
			.bind("mouseout",function(){
				roll(obj,num,end,preclass,aftclass,outtime);
			});
		});
	});						   
});
function showDiv10(obj,num,len){
	switch(num){
		case 1:
			$('#selectid').val('all');
		break;
		case 2:
			$('#selectid').val('product');
		break;
		case 3:
			$('#selectid').val('company');
		break;
	}
	for(var id = 1;id<=len;id++){
		var ss=obj+id;
		var snav =obj+"nav"+id;
		if(id==num){
			$("#"+ss).show();
			$("#"+snav).attr('class','bh1');
		}else{
			$("#"+ss).hide();
			$("#"+snav).attr("class","bh2");
		}
	}  
}