﻿/*新款上市模块横向滚动*/
jQuery.noConflict();
jQuery(function($){
    var page = 1;
    var i = 4; //每版放4个图片
	var len = $(".prolist_content ul li").length;
	var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
	var none_unit_width = $(".arrivalcontent").width(); //获取框架内容的宽度,不带单位
	var $parent = $(".prolist_content"); 
    //向右 按钮
    $(".goRight").click(function(){ 
		if( !$parent.is(":animated") ){
			if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$parent.animate({ left : 0}, 800); //通过改变left值，跳转到第一个版面
				page = 1;
			}else{
				$parent.animate({ left : '-='+none_unit_width}, 800);  //通过改变left值，达到每次换一个版面
				page++;
			}
		}
   });
    //往左 按钮
    $(".goLeft").click(function(){
	    if( !$parent.is(":animated") ){
			if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$parent.animate({ left : '-='+none_unit_width*(page_count-1)}, 800); //通过改变left值，跳转到最后一个版面
				page = page_count;
			}else{
				$parent.animate({ left : '+='+none_unit_width }, 800);  //通过改变left值，达到每次换一个版面
				page--;
			}
		}
    });
});

/*Home Tabs*/
jQuery(document).ready(function($){
$('dt:first').addClass('active');
$('dd:first').css('display','block');
autoroll();
hookThumb();
});
var i=-1; //第i+1个tab开始
var offset = 2500000; //轮换时间
var timer = null;
function autoroll(){
n = jQuery('dt').length-1;
i++;
if(i > n){
i = 0;
}
slide(i);
timer = window.setTimeout(autoroll, offset);
}
function slide(i){
jQuery('dt').eq(i).addClass('active').siblings().removeClass('active');
jQuery('dd').eq(i).css('display','block').siblings('dd').css('display','none');
}
function hookThumb(){
jQuery('dt').hover(
function () {
if (timer) {
clearTimeout(timer);
i = jQuery(this).prevAll().length;
slide(i);
}
},
function () {
timer = window.setTimeout(autoroll, offset);
this.blur();
return false;
}
);
}


jQuery(document).ready(function($){
	// hide #back-top first
	$("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});

});

jQuery(function($) {
	var WangeSlide = (function() {
		var config = {
			width : 608,
			height : 216,
			
			autoSwitch : true,

			interval : 6000,

			picPath : 'http://trustdeal.info/skin/frontend/default/new/images/ads/',

			picInfo : [
				['1.gif', '', 'http://trustdeal.info/'],
				['2.gif', '', 'http://trustdeal.info/'],
				['3.gif', '', 'http://trustdeal.info/'],
				['4.gif', '', 'http://trustdeal.info/']
			]
		};
		
		var getImgInfo = function(index) {
			var imgSrc = config.picPath + config.picInfo[index][0],
				imgAlt = config.picInfo[index][1],
				imgUrl = config.picInfo[index][2],
				imgId = 'slide_' + (index+1).toString(),
				imgHtml = '<li id="' + imgId + '">' +
							'	<a href="' + imgUrl +'" title="' + imgAlt + '" target="_blank" rel="nofollow" class="pic">' +
							'		<img src="' + imgSrc + '" alt="' + imgAlt + '" class="slide_thumb" />' +
							'	</a>' +
						'</li>',
				slideTextHtml = '<a href="' + imgUrl + '" target="_blank" title="' + imgAlt + '" rel="nofollow">' + imgAlt + '</a>';
			return {
				imgAlt : imgAlt,
				imgUrl : imgUrl,
				imgHtml : imgHtml,
				slideTextHtml : slideTextHtml
			}
		};
		
		var fadeInImg = function(el, speed) {
			el.load(function() {
				$(this).fadeIn(speed)
			});
		};
		
		var imgSwitch = function(index, triggerCurEl) {
			var slideId = 'slide_' + (index+1).toString(),
				slideIdEl = document.getElementById(slideId);
			if (slideIdEl) {
				var panelLi = $('#panel ul li', '#slide');
				panelLi.fadeOut('slow');
				$(slideIdEl).fadeIn('slow');
			} else {
				$(getImgInfo(index).imgHtml).appendTo($('#panel ul', '#slide'));
				
				fadeInImg($('.slide_thumb', slideIdEl), 'slow');
			}
			
			$('#slide_text').html(getImgInfo(index).slideTextHtml);
			
			$('#trigger ul li', '#slide').removeClass('cur');
			triggerCurEl.addClass('cur');
		};
		
		var slide = function() {

			$('#slide').css({
				'width' : config.width + 'px',
				'height' : config.height + 'px'
			});
			
			$('#panel ul', '#slide').html(getImgInfo(0).imgHtml);
			
			fadeInImg($('.slide_thumb', '#slide_1'), 500);

			var slideBg = '<div id="slide_bg"></div>',
				trigger = '<div id="trigger"></div>',
				slideText = '<div id="slide_text"></div>';
			$('#panel').after(slideBg + trigger + slideText);
			
			$('#slide_text').html(getImgInfo(0).slideTextHtml);
			
			var triggerUl = $('<ul></ul>');
			triggerUl.appendTo($('#trigger'));
			for (var i=0, j=config.picInfo; i<j.length; i++) {
				$('<li>' + (i+1).toString() + '</li>').appendTo(triggerUl);
			}
			
			$('#trigger ul li:first').addClass('cur');
			
			var triggerLi = $('#trigger ul li', '#slide');
			triggerLi.click(function() {
				var index = triggerLi.index($(this));
				imgSwitch(index, $(this));
			});
			
			var goSwitch = true;
			$('#slide').hover(
				function() {goSwitch = false},
				function() {goSwitch = true}
			);
			

			if (config.autoSwitch) {
				setInterval(function() {
					if (goSwitch) {
						var index = parseInt($('.cur', '#trigger').text()) - 1;
						if (index > (config.picInfo.length-2)) {
							index = -1;
						}
						imgSwitch((index+1), $('#trigger ul li:eq(' + (index+1) + ')'));
					}
				}, config.interval);
			}
		};
		
		return {
			init : function() {
				slide();
			}
		}
	})();
	
	WangeSlide.init(); 
})
