$(document).ready(function(){

    $("ul.sf_nav li").hover(function () {
        $(this).find("div.out_menu").slideDown(0).show();
        //$(this).find("a.downcd").addClass("on");
        $(this).hover(function () {

        }, function () {
            $(this).find("div.out_menu").slideUp(0);
        });

    }, function () {
        //$(this).find("a.downcd").removeClass("on");
    });

	$("img[longdesc]").mouseover(function(){
			$("body").append("<div id='imgPreview' style='border:solid 1px #CCC; background-color:#FFF; z-index:1000; padding:4px; display:inline;position:absolute;'>loading image...</div>");
			
			$(this).css("cursor","pointer");
			var imgPos = $(this).offset();
			var imgWidth = $(this).attr("width");

			$("#imgPreview").css("left",imgPos.left+imgWidth);
			$("#imgPreview").css("top",imgPos.top);
			
			
			var img = new Image();
			img.onload = function(){
				var res ="";
				var lim = 450;
				
				if($(window).width()/2 > imgPos.left){
					$("#imgPreview").css("left",imgPos.left+imgWidth+2);
					$("#imgPreview").css("top",imgPos.top);
				} else {
					if(img.width > lim){
						$("#imgPreview").css("left",imgPos.left-lim - 12);
					} else {
						$("#imgPreview").css("left",imgPos.left-img.width - 12);
					}
					$("#imgPreview").css("top",imgPos.top);
				}
			
				
				if(img.width/img.height > 1){
						if(img.width > lim){ res= "width='"+lim+"'"; }
				} else {
						if(img.height > lim){ res= "height='"+lim+"'"; }
				}
				
				$("#imgPreview").empty();
				$("#imgPreview").append("<img src='"+img.src+"' "+res+" />");
			};
			
			img.onerror = function(){
				$("#imgPreview").css("left",imgPos.left+imgWidth);
				$("#imgPreview").css("top",imgPos.top);
				
				$("#imgPreview").empty();
				$("#imgPreview").append("error");
			};
			img.src = $(this).attr("longdesc");
		
	});
	$("img[longdesc]").mouseout(function(){
		$("#imgPreview").remove();
	});	
	//for location
	var sLoct = slideLocation("locat_pre","locat_next","ele");
});

function slideLocation(pre,next,element){
	$("."+element).css("position","absolute");
	$("."+element).css("left","800px");
	$("."+element+":eq(0)").css("left","0");
	
	this.pre = pre;
	this.next = next;
	this.element = element;
	this.cur = 0;
	this.eleLength = $("."+element).length-1;
	
	var self = this;
	
	
	$("#"+this.pre).click(function(){
		if(self.cur > 0) {
			$("."+element+":eq("+self.cur+")").css("left","0");
			$("."+element+":eq("+(self.cur-1)+")").css("left","-738px");
			
			$("."+element+":eq("+self.cur+")").animate({left:738},"slow");
			$("."+element+":eq("+(self.cur-1)+")").animate({left:0},"slow");
			self.cur = self.cur -1;
			
			if(self.cur == self.eleLength) {
				$("#"+self.next).removeClass("p_right");
				$("#"+self.next).addClass("p_right_over");
			} else {
				$("#"+self.next).removeClass("p_right_over");
				$("#"+self.next).addClass("p_right");
			}
			if(self.cur == 0) {
				$("#"+self.pre).removeClass("p_left");
				$("#"+self.pre).addClass("p_left_over");
			} else {
				$("#"+self.pre).removeClass("p_left_over");
				$("#"+self.pre).addClass("p_left");
			}
		}
		return false;
	});
	$("#"+this.next).click(function(){
		if(self.cur < self.eleLength) {
			$("."+element+":eq("+self.cur+")").css("left","0");
			$("."+element+":eq("+(self.cur+1)+")").css("left","738px");
			
			$("."+element+":eq("+self.cur+")").animate({left:-738},"slow");
			$("."+element+":eq("+(self.cur+1)+")").animate({left:0},"slow");
			self.cur = self.cur +1;
			
			if(self.cur == self.eleLength) {
				$("#"+self.next).removeClass("p_right");
				$("#"+self.next).addClass("p_right_over");
			} else {
				$("#"+self.next).removeClass("p_right_over");
				$("#"+self.next).addClass("p_right");
			}
			if(self.cur == 0) {
				$("#"+self.pre).removeClass("p_left");
				$("#"+self.pre).addClass("p_left_over");
			} else {
				$("#"+self.pre).removeClass("p_left_over");
				$("#"+self.pre).addClass("p_left");
			}
			
		}
		return false;
	});
}

function loadImage(jsonData, imageSrcBase) {
	var jsonObject = eval('(' + jsonData + ')');
	var displayImgArray = getDisplayImgArray (jsonObject);
	var length = displayImgArray.length;
	
	var trhtml = '<tr>';
	var tdCount = 0;
	for (var i = 0; i < 6; i++) {
		if (i < length) {
			var thumbnail = imageSrcBase + displayImgArray[i].thumbnail;
			var big = imageSrcBase + displayImgArray[i].big;
			trhtml += '<td align="center" width="120"><img border="0" src="' + thumbnail + '" longdesc="' + big + '" style="cursor: pointer;"></td>'
			tdCount ++;
		}
	}
	for (var i = 0; i<6-tdCount; i++) {
		trhtml += '<td align="center" width="120"></td>';
	}
	trhtml += '</tr>';
	if (length > 6)	{
		var blankImage = 'http://akamai.globalsources.com.edgesuite.net/f/593/3445/5d/static.globalsources.com/gsol/en/clean/images/BLANK.GIF';
		
		trhtml += '<tr><td height="15" colspan="6"><img height="15" width="1" src="'+blankImage+'"></td></tr><tr>';
		tdCount = 0;
		for (var i = 6; i < 12; i++) {
			if (i < length) {
				var thumbnail = imageSrcBase + displayImgArray[i].thumbnail;
				var big = imageSrcBase + displayImgArray[i].big;
				trhtml += '<td align="center" width="120"><img border="0" src="' + thumbnail + '" longdesc="' + big + '" style="cursor: pointer;"></td>';
				tdCount ++;
			}
		}
		for (var j = 0; j<6-tdCount; j++) {
			trhtml += '<td align="center" width="120"></td>';
		}
		trhtml += '</tr>';
	}
	
	//document.getElementById("recent_show_tab").innerHTML = trhtml;
	$("#recent_show_tab").append(trhtml);
}

function getDisplayImgArray(jsonObject) {
	var displayImgArray = new Array();
	for (var i in jsonObject) {
		if (jsonObject[i].RC != undefined) {
			var randomImages = getArrayItems(jsonObject[i].RC, 2);
			for (var j in randomImages ) {
				displayImgArray.push(randomImages[j]);
			}
		} else if (jsonObject[i].CH != undefined){
			var randomImages = getArrayItems(jsonObject[i].CH, 2);
			for (var j in randomImages ) {
				displayImgArray.push(randomImages[j]);
			}
		} else if (jsonObject[i].MS != undefined){
			var randomImages = getArrayItems(jsonObject[i].MS, 2);
			for (var j in randomImages ) {
				displayImgArray.push(randomImages[j]);
			}
		} else if (jsonObject[i].PDT != undefined){
			var randomImages = getArrayItems(jsonObject[i].PDT, 2);
			for (var j in randomImages ) {
				displayImgArray.push(randomImages[j]);
			}
		} else if (jsonObject[i].MOD != undefined){
			var randomImages = getArrayItems(jsonObject[i].MOD, 2);
			for (var j in randomImages ) {
				displayImgArray.push(randomImages[j]);
			}
		} else if (jsonObject[i].HB != undefined){
			var randomImages = getArrayItems(jsonObject[i].HB, 2);
			for (var j in randomImages ) {
				displayImgArray.push(randomImages[j]);
			}
		}
	}
	return displayImgArray;
}

//´ÓÒ»¸ö¸ø¶¨µÄÊý×éarrÖÐ,Ëæ»ú·µ»Ønum¸ö²»Öظ´Ïî
function getArrayItems(arr, num) {
    var temp_array = new Array();
	for (var index in arr) {
		temp_array.push(arr[index]);
	}
    var return_array = new Array();
	for (var i = 0; i<num; i++) {
        if (temp_array.length>0) {
            var arrIndex = Math.floor(Math.random()*temp_array.length);
            return_array[i] = temp_array[arrIndex];
            temp_array.splice(arrIndex, 1);
		} else {
            break;
		}
	}
	return return_array;
}


function slideCon(eleA,eleB,timeNum,eleHeight,up,down){
	this.eleA = eleA;
	this.eleB = eleB;
	this.timeNum = timeNum;
	this.eleHeight = eleHeight;
	this.up = up;
	this.down = down;
	this.cur = 0;
	var self = this;
	
	//¶¨ÂÛÊó±ê»®¹ýʱ£¬×Ô¶¯ÂÖ»»µÄ´¦Àí
	$("#"+this.eleA+",#"+this.eleB).bind('mouseover',function(){
		clearTimeout(self.autoExt);
	});
	$("#"+this.eleA+",#"+this.eleB).bind('mouseout',function(){
		clearTimeout(self.autoExt);
		self.autoExt = setTimeout(function(){
			self.extInterval();
		},self.timeNum);
	});	
	
	$("#"+this.eleA+" > div").css("background-color","#FFF");
	
	$("#"+this.up+",#"+this.down).bind('mouseover',function(){
		$(this).attr("class",$(this).attr("class")+"_over");
	}).bind('mouseout',function(){
		$(this).attr("class",$(this).attr("class").replace(/_over/,""));
	});
	
	$("#"+this.up).click(function(){
		clearTimeout(self.autoExt);
		this.cur = this.cur + 1;
		self.extInterval();
		return false;
	});
	$("#"+this.down).click(function(){
		clearTimeout(self.autoExt);
		this.cur = this.cur - 1;
		self.extInterval_down();
		return false;
	});
	
	//¿ªÊ¼×Ô¶¯ÂÖ»»
	this.autoExt = setTimeout(function(){
		self.extInterval();
	},this.timeNum);
}

slideCon.prototype.extInterval = function(){
	var eleExtA,eleExtB;
	if(this.cur == $("#"+this.eleA+">div").length-1) {
		eleExtA = this.cur;
		eleExtB = 0;
		this.cur = 0;
	} else {
		eleExtA = this.cur;
		eleExtB = this.cur+1;
		this.cur = this.cur+1;
	}
	
	$("#"+this.eleA+">div:eq("+eleExtB+")").css({top:this.eleHeight+"px",display:"block"});
	$("#"+this.eleA+">div:eq("+eleExtA+")").animate({top:-this.eleHeight},"slow");
	$("#"+this.eleA+">div:eq("+eleExtB+")").animate({top:0},"slow");
	
	$("#"+this.eleB+">div:eq("+eleExtA+")").animate({    opacity: 'toggle' }, "slow");
	$("#"+this.eleB+">div:eq("+eleExtB+")").animate({    opacity: 'toggle' }, "slow");
	
	
	
	var self = this;
	this.autoExt = setTimeout(function(){
		self.extInterval();
	},this.timeNum);
}
slideCon.prototype.extInterval_down = function(){
	var eleExtA,eleExtB;
	if(this.cur == 0) {
		eleExtA = this.cur;
		eleExtB = $("#"+this.eleA+">div").length-1;
		this.cur = $("#"+this.eleA+">div").length-1;
	} else {
		eleExtA = this.cur;
		eleExtB = this.cur-1;
		this.cur = this.cur-1;
	}
	
	$("#"+this.eleA+">div:eq("+eleExtB+")").css({top:-this.eleHeight+"px",display:"block"});
	$("#"+this.eleA+">div:eq("+eleExtA+")").animate({top:this.eleHeight},"slow");
	$("#"+this.eleA+">div:eq("+eleExtB+")").animate({top:0},"slow");
	
	$("#"+this.eleB+">div:eq("+eleExtA+")").animate({    opacity: 'toggle' }, "slow");
	$("#"+this.eleB+">div:eq("+eleExtB+")").animate({    opacity: 'toggle' }, "slow");
	
	
	
	var self = this;
	this.autoExt = setTimeout(function(){
		self.extInterval_down();
	},this.timeNum);
}



//³õʼ»¯
function C_slider(frame,list,Lframe,Llist,forwardEle,backEle,scrollType,LscrollType,acitonType,autoInterval){
	this.frame = frame;
	this.list = list;
	this.Lframe = Lframe;
	this.Llist = Llist;
	this.forwardEle = forwardEle;
	this.backEle = backEle;
	this.scrollType = scrollType;
	this.LscrollType = LscrollType;
	this.acitonType = acitonType;
	this.autoInterval = autoInterval;
	
	this.slideLength = $("#"+this.Llist+" > li").length;//×ܵÄsliderÊýÁ¿
	this.currentSlide = 0;
	this.FrameHeight = $("#"+this.frame).height();
	this.FrameWidth = $("#"+this.frame).width();
	this.lFrameHeight = $("#"+this.Lframe).height();
	this.lFrameWidth = $("#"+this.Lframe).width();
	this.lListHeight = $("#"+this.Llist+" >li").eq(0).outerHeight(true);
	this.lListWidth = $("#"+this.Llist+" >li").eq(0).outerWidth(true);
	
	var self = this;
	
	for(var i = 0; i<this.slideLength; i++) {
		$("#"+this.Llist+" > li").eq(i).data("index",i);
		$("#"+this.Llist+" > li").eq(i).bind(this.acitonType,function(){
			self.go($(this).data("index"));
		});
	};
	
	//¸ø¡°ÉÏÒ»¸ö¡±¡¢¡°ÏÂÒ»¸ö¡±°´Å¥Ìí¼Ó¶¯×÷
	$("#"+this.forwardEle).bind('click',function(){
		self.next();
		return false;
	});
	$("#"+this.backEle).bind('click',function(){
		self.back();
		return false;
	});
	
	//¶¨ÂÛÊó±ê»®¹ýʱ£¬×Ô¶¯ÂÖ»»µÄ´¦Àí
	/*$("#"+this.frame+",#"+this.Lframe+",#"+this.forwardEle+",#"+this.backEle).bind('mouseover',function(){
		clearTimeout(self.autoExt);
	});
	
	$("#"+this.frame+",#"+this.Lframe+",#"+this.forwardEle+",#"+this.backEle).bind('mouseout',function(){
		clearTimeout(self.autoExt);
		self.autoExt = setTimeout(function(){
			self.extInterval();
		},self.autoInterval);
	});	
	
	
	//¿ªÊ¼×Ô¶¯ÂÖ»»
	this.autoExt = setTimeout(function(){
		self.extInterval();
	},this.autoInterval);*/
}
//Ö´ÐÐÔ˶¯
C_slider.prototype.go = function(index){
	this.currentSlide = index;
	if (this.scrollType == "left"){
		$("#"+this.list).animate({
			marginLeft: (-index*this.FrameWidth)+"px"
		}, {duration:600,queue:false}); 		
	} else if (this.scrollType == "top"){
		$("#"+this.list).animate({
			marginTop: (-index*this.FrameHeight)+"px"
		}, {duration:600,queue:false}); 		
	}
	
	$("#"+this.Llist+" > li").removeClass("cur");
	$("#"+this.Llist+" > li").eq(index).addClass("cur");
	
	
	/*
	//¶ÔÓÚËõÂÔͼµÄ¹ö¶¯´¦Àí
	if(this.LscrollType == "left"){
		if(this.slideLength*this.lListWidth > this.lFrameWidth){
			var spaceWidth = (this.lFrameWidth - this.lListWidth)/2;
			var hiddenSpace = this.lListWidth*this.currentSlide - spaceWidth;
			
			if (hiddenSpace > 0){
				if(hiddenSpace+this.lFrameWidth <= this.slideLength*this.lListWidth){
					$("#"+this.Llist).animate({
						marginLeft: -hiddenSpace+"px"
					}, {duration:600,queue:false}); 
				} else {
					var endHidden = this.slideLength*this.lListWidth - this.lFrameWidth;
					$("#"+this.Llist).animate({
						marginLeft: -endHidden+"px"
					}, {duration:600,queue:false}); 
				}
			} else {
				$("#"+this.Llist).animate({
					marginLeft: "0px"
				}, {duration:600,queue:false}); 
			}
		}
	
	} else if (this.LscrollType == "top"){
		if(this.slideLength*this.lListHeight > this.lFrameHeight){
			var spaceHeight = (this.lFrameHeight - this.lListHeight)/2;
			var hiddenSpace = this.lListHeight*this.currentSlide - spaceHeight;
			
			if (hiddenSpace > 0){
				if(hiddenSpace+this.lFrameHeight <= this.slideLength*this.lListHeight){
					$("#"+this.Llist).animate({
						marginTop: -hiddenSpace+"px"
					}, {duration:600,queue:false}); 
				} else {
					var endHidden = this.slideLength*this.lListHeight - this.lFrameHeight;
					$("#"+this.Llist).animate({
						marginTop: -endHidden+"px"
					}, {duration:600,queue:false}); 
				}
			} else {
				$("#"+this.Llist).animate({
					marginTop: "0px"
				}, {duration:600,queue:false}); 
			}
		}
		
		
	}
	
	*/
	
}

//Ç°½ø
//C_slider.prototype.sst = function(){	if(this.LscrollType == "top") {		var LlistEndPos = parseInt($("#"+this.Llist).css("margin-top").replace("px","")) - this.lFrameHeight;		if(LlistEndPos<-(this.slideLength*this.lListHeight - this.lFrameHeight)){			LlistEndPos = -(this.slideLength*this.lListHeight - this.lFrameHeight);		}				$("#"+this.Llist).animate({			marginTop: LlistEndPos+"px"		}, {duration:300,queue:false}); 	} else if(this.LscrollType == "left") {		var LlistEndPos = parseInt($("#"+this.Llist).css("margin-left").replace("px","")) - this.lFrameWidth;		if(LlistEndPos<-(this.slideLength*this.lListWidth - this.lFrameWidth)){			LlistEndPos = -(this.slideLength*this.lListWidth - this.lFrameWidth);		}				$("#"+this.Llist).animate({			marginLeft: LlistEndPos+"px"		}, {duration:300,queue:false}); 	}}
C_slider.prototype.next = function(){
	if(this.LscrollType == "top") {
		var LlistEndPos = parseInt($("#"+this.Llist).css("margin-top").replace("px","")) - this.lFrameHeight;
		if(LlistEndPos<-(this.slideLength*this.lListHeight - this.lFrameHeight)){
			LlistEndPos = -(this.slideLength*this.lListHeight - this.lFrameHeight);
		}
		
		$("#"+this.Llist).animate({
			marginTop: LlistEndPos+"px"
		}, {duration:300,queue:false}); 
	} else if(this.LscrollType == "left") {
		var LlistEndPos = parseInt($("#"+this.Llist).css("margin-left").replace("px","")) - this.lFrameWidth;
		if(LlistEndPos<-(this.slideLength*this.lListWidth - this.lFrameWidth)){
			LlistEndPos = -(this.slideLength*this.lListWidth - this.lFrameWidth);
		}
		
		$("#"+this.Llist).animate({
			marginLeft: LlistEndPos+"px"
		}, {duration:300,queue:false}); 
	}
}


//ºóÍË
C_slider.prototype.back = function(){
	if(this.LscrollType == "top") {
		var LlistEndPos = parseInt($("#"+this.Llist).css("margin-top").replace("px","")) + this.lFrameHeight;
		if(LlistEndPos>0){
			LlistEndPos = 0;
		}
		
		$("#"+this.Llist).animate({
			marginTop: LlistEndPos+"px"
		}, {duration:300,queue:false}); 
	} else if(this.LscrollType == "left") {
		var LlistEndPos = parseInt($("#"+this.Llist).css("margin-left").replace("px","")) + this.lFrameWidth;
		if(LlistEndPos>0){
			LlistEndPos = 0;
		}
		
		$("#"+this.Llist).animate({
			marginLeft: LlistEndPos+"px"
		}, {duration:300,queue:false}); 
	}
}
//×Ô¶¯Ö´ÐÐ
C_slider.prototype.extInterval = function(){
	if(this.currentSlide<this.slideLength-1){
		this.currentSlide += 1;
		this.go(this.currentSlide);
	}else {
		this.currentSlide = 0;
		this.go(0);
	}
	
	var self = this;
	this.autoExt = setTimeout(function(){
		self.extInterval();
	},this.autoInterval);
}