var bubble = function(event) {
	var ev = window.event || event;
	ev.cancelBubble = true;
	return ev;
};
function gradient(element,reverse) {
		element = $(element);
		var show = function(i) {
			element.style.filter = "alpha(opacity="+i+")";
			element.style.opacity = i/100;
			if(reverse && i==10) {
				element.hide();
			}
		};
		if(reverse) {
			for(var j = 100;j>=0;j--) {
				window.setTimeout(show.bind(this,j),(j/100)*5);
		    }
		} else {
			element.style.filter = "alpha(opacity="+1+")";
		    element.style.opacity = 0.1;
		    element.show();
			for(var j = 1;j<=100;j++) {
				window.setTimeout(show.bind(this,j),j*5);
		    }
		}
	}
var PImgPlayer = {   
        _timer : null,   
        _items : [],   
        _container : null,   
        _index : 0,   
        _imgs : [],   
        intervalTime : 3500,        //轮播间隔时间   
        init : function( objID, w, h, time ){   
                this.intervalTime = time || this.intervalTime;   
                this._container = document.getElementById( objID );   
                this._container.style.display = "block";   
                this._container.style.width = w + "px";   
                this._container.style.height = h + "px";   
                //this._container.style.position = "relative";   
                this._container.style.overflow = "hidden";   
                //this._container.style.zIndex = 0;
                //this._container.style.border = "1px solid #fff";   
                var linkStyle = "display: block; TEXT-DECORATION: none;";   
                /*if( document.all ){   
                        linkStyle += "FILTER:";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Barn(duration=0.5, motion='out', orientation='vertical') ";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Barn ( duration=0.5,motion='out',orientation='horizontal') ";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Blinds ( duration=0.5,bands=10,Direction='down' )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.CheckerBoard()";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=0)";   
                        linkStyle += "progid:DXImageTransform.Microsoft.GradientWipe ( duration=1,gradientSize=1.0,motion='reverse' )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Inset ()";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=PLUS,motion=out )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=PLUS,motion=in )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=DIAMOND,motion=in )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Iris ( duration=1,irisStyle=SQUARE,motion=in )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Iris ( duration=0.5,irisStyle=STAR,motion=in )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.RadialWipe ( duration=0.5,wipeStyle=CLOCK )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.RadialWipe ( duration=0.5,wipeStyle=WEDGE )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.RandomBars ( duration=0.5,orientation=horizontal )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.RandomBars ( duration=0.5,orientation=vertical )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.RandomDissolve ()";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Spiral ( duration=0.5,gridSizeX=16,gridSizeY=16 )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Stretch ( duration=0.5,stretchStyle=PUSH )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Strips ( duration=0.5,motion=rightdown )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Wheel ( duration=0.5,spokes=8 )";   
                        linkStyle += "progid:DXImageTransform.Microsoft.Zigzag ( duration=0.5,gridSizeX=4,gridSizeY=40 ); width: 100%; height: 100%";   
                }   */
                //   
                var ulStyle = "width:"+w+"px;z-index:999;list-style-type:none;margin:0;margin-left:0px; height:30px;position:relative;right:0;overflow:hidden;";   
                //   
                var liStyle = "margin:0;list-style-type: none; margin:0;padding:0; float:right;*display:inline;";
				liStyle += "list-style-image:none;list-style-position:outside;list-style-type:none;";   
				
				var bakStyle = "margin:0 1px;list-style-type: none;float:right;*display:inline;width:173px;height:30px;";
				bakStyle += "list-style-image:none;list-style-position:outside;list-style-type:none;";
                //   
                var baseSpacStyle = "display:block;float:left;display:block;*display:inline;font-size:14px;line-height:20px;text-decoration:none;text-align:center;width:173px;height:20px;margin:0 1px;";   
                baseSpacStyle += "cursor:pointer; ";   
                //   
                var ulHTML = "";
				var bakUlHTML = "";
                for(var i = 0; i <this._items.length ; i++){   
                        var spanStyle = ""; 
						var bStyle = "";
						var classStyle="";
                        if( i==0){   
                                //spanStyle = baseSpacStyle + "color:#000;";// + "text-decoration:none;color:#000;font-weight:bold;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;";   
								//bStyle = bakStyle + "background:#FFFFFF none repeat scroll 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;";
                        	//alert(this._index);
                        	//alert(this._items[this._index].title);
                        	classStyle="now";
                        	 ulHTML += "<li class='now'>";
                        } else {                                   
                               // spanStyle = baseSpacStyle + "color:#FFFFFF;";// + "filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;";   
								//bStyle = bakStyle + "background:#666666 none repeat scroll 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;";
                        	classStyle="";
                        	 ulHTML += "<li>";
                        }   
						//bakUlHTML += "<li style=\""+bStyle+"\">";
						//bakUlHTML += "</li>";
                        //ulHTML += "<li style=\""+liStyle+"\">";   
                        //ulHTML += "<a name='top_"+i+"' href='javascript:void(0)' style=\""+spanStyle+"\" onmouseover=\"PImgPlayer.play("+i+");\" onclick=\"PImgPlayer.play("+i+");\" herf=\"javascript:;\" title=\"" + this._items[i].title + "\">" + this._items[i].title + "</a>";      
                       // ulHTML += "</li>";   
 
                       
                        ulHTML += "<a name='top_"+i+"' href='javascript:void(0)'  onmouseover=\"PImgPlayer.play("+i+");\" onclick=\"PImgPlayer.play("+i+");\" herf=\"javascript:;\" title=\""  + "\">" + this._items[i].title + "</a>";
						ulHTML += "</li>";
                }   
                //   
                var html = "<div style=\"height:"+h+"px;overflow:hidden;\"><a href=\""+this._items[this._index].link+"\" onmouseover=\"PImgPlayer.picOver(this);\" onmouseout=\"PImgPlayer.picOut(this);\" title=\""+"\" target=\"_blank\" style=\""+linkStyle+"\"><img src=\""+this._items[0].img+"\"  border=\"0\"/></a></div>";   
                this._container.innerHTML = html;   
                //<ul style=\""+ulStyle+"top:-30px;\">"+bakUlHTML+"</ul><ul style=\""+ulStyle+"top:-55px;\">"+ulHTML+"</ul>
                //alert(ulHTML);
                $("flashLoopMenu").innerHTML=ulHTML;
                var link = $(this._container.getElementsByTagName("A")[0]);           
                link.style.width = w + "px";   
                link.style.height = h + "px";   
                //link.style.background = 'url(' + this._items[0].img + ') center center no-repeat';   
				gradient(link.down("img",0));

                //   
                this._timer = setInterval( "PImgPlayer.play(1)", this.intervalTime );   
        },   
        addItem : function( _title, _link, _imgURL ){   
                this._items.push ( {title:_title, link:_link, img:_imgURL } );   
                var img = new Image();   
                img.src = _imgURL;   
                this._imgs.push( img );   
        },   
        play : function( index ){
                if( index!=null ){   
				        if(index == this._index) {
							clearInterval( this._timer ); 
							this._timer = setInterval( "PImgPlayer.play()", this.intervalTime );
							return ;
						} else {
							this._index = index;   
                            clearInterval( this._timer );   
                            this._timer = setInterval( "PImgPlayer.play()", this.intervalTime );  
						} 
                } else {   
                		
                        this._index = this._index<this._items.length-1 ? this._index+1 : 0;  
                }   
                var link = this._container.getElementsByTagName("A")[0];           
                /*if(link.filters){   
                        var ren = Math.floor(Math.random()*(link.filters.length));   
                        link.filters[ren].Apply();   
                        link.filters[ren].play();   
                } */  
                link.href = this._items[this._index].link;   
                link.title = "";//this._items[this._index].title;   
                //link.style.background = 'url(' + this._items[this._index].img + ') center center no-repeat';   
				link.down("img",0).src = this._items[this._index].img;
				gradient(link.down("img",0));
                //   
                 //   
                var liStyle = "margin:0;list-style-type: none; margin:0;padding:0; float:right;*display:inline;";
				liStyle += "list-style-image:none;list-style-position:outside;list-style-type:none;";   
				
				var bakStyle = "margin:0 1px;list-style-type: none; padding:0; float:right;*display:inline;width:173px;height:30px;";
				bakStyle += "list-style-image:none;list-style-position:outside;list-style-type:none;";
                //   
                var baseSpacStyle = "display:block;float:left;display:block;*display:inline;font-size:14px;line-height:20px;text-decoration:none;text-align:center;width:173px;height:20px;margin:0 1px;";   
                baseSpacStyle += "cursor:pointer; ";  
                var ulHTML = "";   
				var bakUlHTML = "";
				var classStyle="";
                for(var i = 0; i <this._items.length ; i++){   
                        var spanStyle = "";  
						var bStyle = "";
                        if( i==this._index ){   
                        	classStyle="now";
                                //spanStyle = baseSpacStyle + "color:#000;";// + "text-decoration:none;color:#000;font-weight:bold;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;";   
								//bStyle = bakStyle + "background:#FFFFFF none repeat scroll 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;";
                        } else {                                   
                                //spanStyle = baseSpacStyle + "color:#FFFFFF;";// + "filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;";   
								//bStyle = bakStyle + "background:#666666 none repeat scroll 0;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;";
                        	classStyle="";
                        }     
//						bakUlHTML += "<li style=\""+bStyle+"\">";
//						bakUlHTML += "</li>";
//                        ulHTML += "<li style=\""+liStyle+"\">";   
//                        ulHTML += "<a name='top_"+i+"' href='javascript:void(0)' style=\""+spanStyle+"\" onmouseover=\"PImgPlayer.play("+i+");\" onclick=\"PImgPlayer.play("+i+");\" herf=\"javascript:;\" title=\"" + this._items[i].title + "\">" + this._items[i].title + "</a>";   
//                        ulHTML += "</li>";   
                        ulHTML += "<li class=\""+classStyle+"\">";
                        ulHTML += "<a name='top_"+i+"' href='javascript:void(0)'  onmouseover=\"PImgPlayer.play("+i+");\" onclick=\"PImgPlayer.play("+i+");\" herf=\"javascript:;\" title=\""  + "\">" + this._items[i].title + "</a>";
						ulHTML += "</li>";
                }   
                //this._container.getElementsByTagName("UL")[0].style.position = "absolute"; 
				//this._container.getElementsByTagName("li")[0].innerHTML = bakUlHTML;    
                //this._container.getElementsByTagName("li")[1].innerHTML = ulHTML;   
                $("flashLoopMenu").innerHTML=ulHTML;
        },   
        mouseOver : function(obj){   
                var i = parseInt( obj.innerHTML );   
                //if( this._index!=i-1){   
                        //obj.style.color = "#ff0000";   
                //}   
        },   
        mouseOut : function(obj){   
                //obj.style.color = "#fff";   
        },
		picOver : function(obj) {
			clearInterval( this._timer );   
		},
		picOut : function(obj) {
			this._timer = setInterval( "PImgPlayer.play()", this.intervalTime ); 
		}
}