﻿//Globals
var slides;
var current = 1;
var last = 0;
var settings;
var imagePathArr = new Array(10);
var imageTitleArr = new Array(10);
var imageIdArr = new Array(10);
var typeString;

$.fn.slideshow = function(options) {
	settings = {
		timeout: '6000',
		type: 'sequence'
	}
	if(options)
		$.extend(settings, options);
	this.css('position', 'relative');
	slides = this.find('img').get();
	for ( var i = 0; i < slides.length; i++ ) {
		$(slides[i]).css('zIndex', slides.length - i).css('position', 'absolute').css('top', '0').css('left', '0');
	}
	if ( settings.type == 'sequence' ) {
		//setTimeout(function(){
		//	$.slideshow.next();
		//}, settings.timeout);
	}
	else if ( settings.type == 'random' ) {
		//setTimeout(function(){
		//	do { current = Math.floor ( Math.random ( ) * ( slides.length ) ); } while ( current == 0 )
		//	$.slideshow.next();
		//}, settings.timeout);
	}
	else {
		alert('type must either be \'sequence\' or \'random\'');
	}
	
	current = 0;
	last = slides.length - 1;
};
$.slideshow = function() {}
$.slideshow.next = function () {
	for (var i = 0; i < slides.length; i++) {
		$(slides[i]).css('display', 'none');
	}
	$(slides[last]).css('display', 'block').css('zIndex', '0');
	$(slides[current]).css('zIndex', '1').fadeIn('slow');
	
	if(imageTitleArr[current] != undefined)
		document.getElementById("ImageTitle").innerHTML = imageTitleArr[current];
	//if ( settings.type == 'sequence' ) {
	//	if ( ( current + 1 ) < slides.length ) {
	//		current = current + 1;
	//		last = current - 1;
	//	}
	//	else {
	//		current = 0;
	//		last = slides.length - 1;
	//	}
	//}
	//else if ( settings.type == 'random' ) {
	//	last = current;
	//	while (	current == last ) {
	//		current = Math.floor ( Math.random ( ) * ( slides.length ) );
	//	}
	//}
	//else {
	//	alert('type must either be \'sequence\' or \'random\'');
	//}
	//setTimeout((function(){$.slideshow.next();}), settings.timeout);
}


//Expand By Kevin Bao
var nextImage = function(){
	if ( ( current + 1 ) < slides.length ) {
		current = current + 1;
		last = current - 1;
	}
	else {
		current = 0;
		last = slides.length - 1;
	}
	$.slideshow.next();
}
var prevImage = function(){
	if ( ( current - 1 ) >= 0 ) {
		current = current - 1;
		last = current + 1;
	}
	else {
		current = slides.length - 1;
		last = 0;
	}
	$.slideshow.next();
}

var preLoadImages = function(proString){
	document.getElementById("ImageLoadProsess").style.visibility = "hidden";
	
	if(proString == ""){
		//alert("本类别没有数据！");
		//temp
		getAjaxText("tempText/" + typeString + ".html");
		return;
	}
	imagePathArr = new Array();
	imageTitleArr = new Array();
	imageIdArr = new Array();
	var index = 0;
	var Arr = proString.split("|");
	for(var i=0; i< Arr.length; i++){
		if(Arr[i] != ""){
			var ItemArr = Arr[i].split(",");
			imagePathArr[index] = ItemArr[2];
			imageTitleArr[index] = ItemArr[1];
			imageIdArr[index] = ItemArr[0];
			index++;
		}
	}
	//alert(imagePathArr);
	var imageString = "";
	for(var j=0; j<imagePathArr.length; j++){
		imageString = imageString + "<a href=\"include/product_retail.asp?id=" + imageIdArr[j] + "\" target=\"_blank\"><img src=\"/manager/product/" + imagePathArr[j] + "\" alt=\"" + imageTitleArr[j] + "\" border=\"0px\" /></a>";
	}
	document.getElementById("slideshow").innerHTML = imageString;
	
	$('#slideshow').slideshow({
				timeout: 6000,
				type: 'sequence'
			});
	if(imageTitleArr[0] != undefined)
		document.getElementById("ImageTitle").innerHTML = imageTitleArr[0];
}

//Ajax
var getAjax = function(typeId, foderName) {
	document.getElementById("ImageFoder").innerHTML = foderName;
	//temp
	typeString = typeId;
	
	document.getElementById("ImageLoadProsess").style.visibility = "visible";
	$.ajax({ url: "include/productImageAjax.asp?typeid=" + typeId + "&timestamp=" + new Date().getTime(),
       success:function(msg){ 
			preLoadImages(msg);
       } 
    });
}
var getAjaxText = function(typeId) {
	document.getElementById("ImageLoadProsess").style.visibility = "visible";
	$.ajax({ url: typeId,
       success:function(msg){ 
			preLoadImages(msg);
       } 
    });
}

var  setXingXiang  =  function(){
		imagePathArr = new Array(10);
		imageTitleArr = new Array(10);
		imageIdArr = new Array(10);
		document.getElementById("ImageFoder").innerHTML = "形象代言  之 刘嘉玲";
		document.getElementById("ImageTitle").innerHTML = "形象代言";
		var str = "<img src=\"/tempText/daiyan/2830.jpg\" />";
		str = str + "<img src=\"/tempText/daiyan/2835.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/2925.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3033.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3206A.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3256.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3424.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3737.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3903.jpg\" />";
		str = str +"<img src=\"/tempText/daiyan/3929.jpg\" />";
		document.getElementById("slideshow").innerHTML = str;
		$('#slideshow').slideshow({
				timeout: 6000,
				type: 'sequence'
			});
}
 

