﻿/*
 * jquery.PhotoView 1.0.0
 *
 * 	版权信息 (c) 2010
 *  上海蓝速数码科技有限公司（http://www.lansoon.com.cn）
 *  追梦客 (QQ:16991200)
 *
 *  最后更新：2010-04-09 17:48
 *  版本：1.0
 * 
 * 	英伦车型FLASH的图片展示交互
 */
(function ($){
    var Lang = {
        "zh-cn":{
            LoadFailure:"加载失败",
            Page:"页"
        },
        "en":{
            LoadFailure:"Load Failure",
            Page:"page"
        }
    }
	$.fn.extend ({
		PhotoView:function (options){
			var _this = this;
			var defaults = {
					flash:			"/Flash/PhotoView/PhotoView.swf"
				,	flash_width:	708
				,	flash_height:	505
				,	flash_wmode:	"opaque"
				,	flash_box:		"swf_gallery"	//只能是ＩＤ，用于显示Flash文件
				,	config:			"/Flash/PhotoView/config.html"	//展示内容配置文件地址
				,	pagesize:		6
				,	img_width:		71
				,	img_height:		44
				,   button_prev:    "/images/show/button_l.jpg"
				,   button_next:    "/images/show/button_r.jpg"
				,   lang:           "zh-cn"
			}
			$.extend(defaults,options);
			_this._xmldoc = null;
			_this._nodes = null;
			_this._pageindex = 0;
			_this._itemcount = 0;
			_this._pagecount = 0;//分页索引从0开始
		
			_this.DrawView = function (idx){//idx分页索引
				if(_this._xmldoc==null)
				{
					$(this).html(Lang[defaults.lang].LoadFailure);
					return;
				}
				_this._pageindex = idx;
				if(_this._pageindex<0)
				{
					_this._pageindex = _this._pagecount-1;
				}
				if(_this._pageindex>=_this._pagecount)
				{
					_this._pageindex = 0
				}
				//alert(_this._pageindex);
				try
				{
				    var s = "<ul>";
				    for(var i=_this._pageindex*defaults.pagesize;i<_this._itemcount && i<(_this._pageindex+1)*defaults.pagesize;i++)
				    {
					    s += "<li><a href=\"javascript:PlayPhotoView("+i+");\" title=\""+ _this._nodes[i].childNodes[1].firstChild.nodeValue +"\"><img src=\""
						s += _this._nodes[i].childNodes[2].firstChild.nodeValue+"\" width=\""+defaults.img_width+"\" height=\""+defaults.img_height+"\" /></a></li>";
				    }
				    s += "</ul><div class=\"clear\"></div>";
				    $(_this).find(".gallery").html(s);
				    s = "<ul>";
				    s += "<li><img class=\"prev\" src=\"" + defaults.button_prev + "\" /></li>"
				    s += "<li> "+(_this._pageindex+1)+"/"+_this._pagecount+" "+Lang[defaults.lang].Page+" </li>"
				    s += "<li><img class=\"next\" src=\"" + defaults.button_next + "\" /></li>"
				    s += "</ul>"
				    $(_this).find(".paging").html(s);
				}catch(ex){}				
				
				$(_this).find(".prev").click(function (){
					_this.DrawView(_this._pageindex - 1);
				});
				$(_this).find(".next").click(function (){
					_this.DrawView(_this._pageindex + 1);
				});
			}
			
			$.get(defaults.config,function (data){
				_this._xmldoc = data;
				$("#"+defaults.flash_box).html("");
				var _fso = new FlashObject(defaults.flash,"fso_photoview",defaults.flash_width,defaults.flash_height,"9","","High");
				_fso.addParam("menu","false");
				_fso.addParam('wmode',defaults.flash_wmode);
				_fso.addVariable("xmlDoc",defaults.config);
				_fso.write(defaults.flash_box);
				$(_this).html("");
				$("<div class=\"gallery\"></div><div class=\"paging\"></div>").appendTo($(_this));
//				$("<div></div><div class=\"paging\"></div>").appendTo($(_this));
				_this._itemcount = data.documentElement.childNodes.length;
				_this._pagecount = parseInt(_this._itemcount/defaults.pagesize)+ (_this._itemcount % defaults.pagesize>0?1:0);
				_this._nodes = data.documentElement.childNodes;
				_this.DrawView(_this._pageindex);
			});
			
//			var play_index = -1
			function UpdatePhotoGalleryState(idx){
//				document.getElementById("Test").innerHTML = parseInt(idx);
//				play_index = parseInt(idx);
			}
			window.PlayPhotoView = function (idx){
				$("#fso_photoview").get(0).PlayPhotoView(idx);
			}
		}	 
	});		   
})(jQuery);
