﻿// JavaScript Document
//2.0
//升级版，为了布局的需要一个框里面有两个独立的 列表的话。两个列表会同步播放,请保证两个列表一样长，要不然报错了L(。
//注意应用了filter 的 元素必须是一个块元素，有固定的高度height:xxxpx
//内部变化的内容有时候不会捕获,对内部 div 进行定位可能造成不会捕获变化
																													 
var debug = false;
function slideShowBox(id){
	var timer =0
	var curr = 0;
	var pre = 2;
	
	var boxs = new Array();
	$(id).css
  $(id).find('.item-list').each(function(idx,item){
																				 boxs.push($(item).children())
																				 })

	if($(id).hasClass('.item-list')){
		boxs.push($(id).children());
	}
	if(debug)console.log('boxs in show',boxs.length);
	
	
	var picul = $(id).find('.item-list')
	var picli = $(id).find('.item-list').children();
	var length = 1
	picli.length;//获取展示内容的数量
	if(boxs.length>0){
		length = boxs[0].length
	}
	if(debug)console.log('length of items to slide:',length)
	if($.browser.msie)
	{
		$(id).css('filter','revealtrans(duration=2.0,transition=12)')//ie的话可以应用图片效果
	}
	timer = setTimeout(function(){goto(1)},2000)
	function goto(index){
		
		if(index == null)index=(curr+1)%length
		else
		{
			clearTimeout(timer);
		}
		index = Math.min(index,length-1)
		index = Math.max(index,0);
		if (debug)	console.log('goto',index);
//		if (curr == index)return;
		if($.browser.msie)
		{
			var o = $(id).get(0)
			// alert(o.filters.revealTrans.Transition)
			o.filters.revealTrans.Transition=Math.floor(Math.random()*23);
			//alert(o.filters.revealTrans.Transition)
			o.filters.revealTrans.Apply();
		}
		lis = picli
 /*		$(lis.get(curr)).removeClass('selected')
		$(lis.get(index)).addClass('selected')*/
		$.each(boxs,function(i,item){
											
			$(item[curr]).removeClass('selected')
		$(item[index]).addClass('selected')

												 })
		
		if($.browser.msie)
		{
			//o = $('#todayNewsSlideWrap').get(0)
			o.filters.revealTrans.play();
			//alert(o.filters.revealTrans);
		}

		pre = curr;curr= index
		timer = setTimeout(function(){goto()},5000)
	}
	
	var pageLi =  $(id + ' .item-page-list a').each(function(i){
																													 //console.debug(i)
			$(this).click(function(){goto(i);return false})
																													 })
	
	this.goto = goto
}

function fixPos(ele){
	var fixTop = $(ele).attr('offsetTop');
	function update(){
		var delta = $(window).scrollTop()
		$(ele).css('top',(fixTop +delta )+'px');
	}
	$(window).scroll(update)
}
