var currentMode = 0; //当前模式
var currentPage = 0; //当前页
var checkLoadedInterval;	//延时，检查载入情况
$().ready(function(){
	checkInitData();	//检查初始数据
	$('#3dView').bind('click',function(e){
		$('#Content_oneR_oneBR').hide();	
		$('#popupViewCon').show();
		var clickObj = $('.modeList').eq(1);
		if(clickObj)
		{
			clickObj.trigger('click');
		}
	});
	$('#viewScaleImg').bind('click',function(e){
		$('#Content_oneR_oneBR').hide();
		$('#popupViewCon').show();
		loadDefaultImg('mode_normal');
	});
	$('#btnCloseBigViewer').bind('click',function(e){
		$('#popupViewCon').hide();
		$('#Content_oneR_oneBR').show();
	});
	$('.modeList').bind('click',function(e){
		$('.modeList').children('div').removeClass('modelist_b_f');
		loadDefaultImg($(this).children('div').attr('class'));
		currentPage=0;
		checkTotal();
		$(this).children('div').addClass('modelist_b_f');
	});
	bindViewControlEvent();
});
// check left data type length
function checkInitData(){

	if(initData.length<2){
		$('#mode_3d').parent().hide();
		$('.mode_3d').parent().hide()
	}
	if(initData[1].bigImg[0] == undefined || initData[1].bigImg[0].src == ""){
		$('.mode_3d').parent().hide();	
	}
}

// load default img
function loadDefaultImg(currentModeStr)
{
	//alert(currentModeStr);
	var defaultSrc;
	//根据模块确定载入的图片
	switch(currentModeStr)
	{
		case "mode_normal":
			defaultSrc = initData[0].bigImg[0].src;
			currentMode=0;
			$('#3dShow').animate({'opacity':0});
			$('#productBigHlder_3d').hide();
			$('#productBigHlder_normal').show();
			switchPanel('productBigHlder_normal',defaultSrc);
			break;
		case "mode_3d":			
			currentMode=1;			
			createSwfObj();
			//alert('one');
			break;
	}	
}
// create nodes
function createImgNode(parrentNode,source)
{
	$('#loadBigImg').show();
	var imgNode = document.createElement('img');
	imgNode.src = source;
	idStr = parrentNode.attr('id')+parrentNode.children('img').length;
	imgNode.id = idStr;
	$(imgNode).css('opacity',0);
	parrentNode.append(imgNode);
	checkLoadedInterval = setInterval("checkLoad(idStr)",200);
}
// switch panel
function switchPanel(parentNodeId,defaultSrc)
{
	var imgArr = $('#'+ parentNodeId + ' img');
	if(imgArr.length == 0)
	{
		createImgNode($('#'+parentNodeId),defaultSrc);
	}else{
		var hasThis = false;
		imgArr.each(function(i){
			if(!hasThis){
				if($(this).attr('src') != defaultSrc)
				{
					hasThis=(hasThis || false)?true:false;
				}
				else{
					hasThis = true;
					//alert('A');
					$('.loadImgWithTransEffect').prepend($(this).parent());
					$(this).animate({'opacity':1});
					$('.loadImgWithTransEffect img').not($(this)).animate({'opacity':0});
				}
			}
		});
		if(!hasThis){
			createImgNode($('#'+parentNodeId),defaultSrc);
		}
	}
}
// check load image
function checkLoad(objId){
	var obj = $('#'+objId);
	if(obj.width() > 0){
		$('#loadBigImg').hide();		
		obj.animate({'opacity':1});
		$('.loadImgWithTransEffect img').not(obj).animate({'opacity':0});
		clearInterval(checkLoadedInterval);
	}
}
// 控制翻页
function bindViewControlEvent(){
	
	$('#triggerPicCommSlide_Prev').css('opacity',0.2);
	checkTotal();	
	$('#triggerPicCommSlide_Prev').bind('click',function(e)
	{		
		if(currentMode != 1 && initData[0].bigImg.length != 1){
			if(currentPage != 0){
				currentPage--;
				$('#triggerPicCommSlide_Prev').css('opacity',1);
				var imgSrc = initData[currentMode].bigImg[currentPage].src;
				var parentNodeObj = $(modeData[currentMode]);
				switchPanel(parentNodeObj.attr('id'),imgSrc);
			}
			if(currentPage == 0){
				$('#triggerPicCommSlide_Prev').css('opacity',0.2);
				$('#triggerPicCommSlide_Next').css('opacity',1);
			}
		}
	}
	);
	$('#triggerPicCommSlide_Next').bind('click',function(e){
		if(currentMode != 1 && initData[0].bigImg.length != 1){
			var totalPage = initData[currentMode].bigImg.length;
			if (window.navigator.userAgent.indexOf("Firefox")<1){
				//判断浏览器
				totalPage = totalPage - 1;
			}
			//alert("totalPage:"+totalPage);
			$('#triggerPicCommSlide_Next').css('opacity',1);
			if(currentPage < totalPage-1){
				
				currentPage++;
				var imgSrc = initData[currentMode].bigImg[currentPage].src;
				//alert(currentMode);
				var parentNodeObj = $(modeData[currentMode]);
				//alert(parentNodeObj.attr('id'));
				switchPanel(parentNodeObj.attr('id'),imgSrc);
			}
			if(currentPage == totalPage-1){
				//alert(currentPage);
				$('#triggerPicCommSlide_Next').css('opacity',0.2);
				$('#triggerPicCommSlide_Prev').css('opacity',1);
			}
		}
	});
}
// check total page have in current mode
function checkTotal(){
	if(currentPage == 0)
	{
		$('#triggerPicCommSlide_Prev').css('opacity',0.2);
	}
	if(initData[0].bigImg.length == 1)
		$('#triggerPicCommSlide_Next').css('opacity',0.2);	
	else
		$('#triggerPicCommSlide_Next').css('opacity',1);
}
// createSwfObj
function createSwfObj(){
	if($('#3dShow')){
		$('#productBigHlder_3d').show();
		 var fo = new SWFObject(productSwf, "3dShow", "400", "400", "9", "#ffffff");
		 fo.addParam("wmode", "opaque"); 
		  fo.addParam("wmode", "transparent"); 
		 $('.loadImgWithTransEffect').prepend($('#productBigHlder_3d'));
		 $('.loadImgWithTransEffect img').animate({'opacity':0});
		 fo.write("productBigHlder_3d");
		 $('#productBigHlder_normal').hide();
	 }else{		
		$('#productBigHlder_3d').show();
	 	$('#3dShow').animate({'opacity':1});
		$('#productBigHlder_normal').hide();
	 }
}
// modeData
var modeData = ['#productBigHlder_normal','#productBigHlder_3d'];