// JavaScript Document



function imgclick( obj, id , src )
{

	//var pop =  new PopBg( document.body );
	//	pop.setDisplay( true );
	var box_class = "box_ro";
	
	var loading = new PopFrame( document.body, function()
	{
		return true;
	}  ,  box_class  );

	
	loading.midcell.style.backgroundColor = "#FFF";
	loading.midcell.style.color = "#333";		
	loading.setSize( 10	, 10);
	loading.popbg.setDisplay( false );
	loading.setDisplay( true );
	//loading.frame.closeButton.thebody.style.display = "none";
	loading.frame.closeButton.thebody.parentNode.removeChild( loading.frame.closeButton.thebody );

	var loadingimg = document.createElement("img");
		loading.appendChild( loadingimg );
		loadingimg.src = IMG_DIR+"syc_or_gr.gif";
	
	loading.setDisplay( true );

	
	var pop = new PopFrame( document.body, function()
	{
		return true;
	}  ,  box_class );
	
	pop.midcell.style.backgroundColor = "#FFF";
	pop.midcell.style.color = "#333";		
	pop.setSize(800,600);
	//pop.popbg.setDisplay(true);
	
	//pop.setDisplay( true );
	pop.setButtonCloseDisplay( false );
	
	pop.frame.closeButton.thebody.parentNode.removeChild( pop.frame.closeButton.thebody  );
	//alert( pop.frame.closeButton.thebody.tagName );
	
	var linkDiv = document.createElement("div");
	pop.appendChild( linkDiv );
		linkDiv.style.width = "100%";
		linkDiv.align = "left";
		linkDiv.style.paddingBottom = "10px";
	
	
	this.closeButton = new imgButton( linkDiv, linkDiv, IMG_DIR+"close.gif" , 
	"Close", function( event, obj )
	{
		pop.hide();
	} );
	

	var img = document.createElement("img");
		pop.appendChild( img );
		img.style.visibility = "hidden";
		
		img.onload = function()
		{
			pop.setSize( this.offsetWidth,this.offsetHeight );
			
			loading.hide();
			
			if( document.all )
			{
				img.style.visibility = "visible";
				pop.setDisplay( true );
			}
			else
			{
				setOpacity( pop.thebody , 0 );
				img.style.visibility = "visible";
							
				pop.setDisplay( true );
				
				var runner = new transform(
					function( intv ){
						setOpacity( pop.thebody , intv );								
					} , 
					function(){
						setOpacity( pop.thebody , 100 );
					} , 20,  100 );
				runner.run();
			}
		}
				
		img.src = "../img/photos/" + src;
}



function imgMclick( obj, id , srcArray )
{

	//var pop =  new PopBg( document.body );
	//	pop.setDisplay( true );
	var box_class = "box_ro";
	
	
	var pop = new PopFrame( document.body, function()
	{
		return true;
	}  ,  box_class );
	
	pop.midcell.style.backgroundColor = "#FFF";
	pop.midcell.style.color = "#333";		
	pop.setSize(480,600);
	//pop.popbg.setDisplay(true);
	
	//pop.setDisplay( true );
	pop.setButtonCloseDisplay( false );
	
	
	//alert( pop.frame.closeButton.thebody.tagName );
	
	var linkDiv = document.createElement("div");
	pop.appendChild( linkDiv );
		linkDiv.style.width = "100%";
		linkDiv.align = "left";
		linkDiv.style.paddingBottom = "10px";
	
	
	this.closeButton = new imgButton( linkDiv, linkDiv, IMG_DIR+"close.gif" , 
	"Close", function( event, obj )
	{
		pop.hide();
	} );
	
//pop.appendChild( img );

//alert( srcArray.length );
	
	var topimgs = new Array();

	for(var i=0; i<srcArray.length; i++  )
	{
		topimgs[ topimgs.length ] = new Array( '../img/photos/' + 
			srcArray[i] , '','' );	
	}
	
	//mainImgDiv.style.backgroundColor = "#eee";
	
	var imgDiv = document.createElement("div");
		pop.appendChild( imgDiv );
		imgDiv.style.width = "480px";
		imgDiv.style.height = "600px";
		alert( imgDiv.style.height );
	var top = null;
	
	proPhoto = new ImgLoader(  document.body, imgDiv , topimgs, imgDiv.offsetWidth, 
	imgDiv.offsetHeight , function( event, obj )
	{
		
		top = new SlideShow4(  obj.parent, obj.thebody,  
		obj.imgs,  obj.width , obj.height, false,  "#EEE" );
		//top.thumbPanel.table.style.display = "none";
		top.start();
	} );
	
	pop.setDisplay( true );
	

}




function fnSetRotation(oObj, deg)
{   
	if( document.all )
	{
		oObj.style.filter = "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand')";
		
		
		var deg2radians = Math.PI * 2 / 360;
		rad = deg * deg2radians ;
		costheta = Math.cos(rad);
		sintheta = Math.sin(rad);
		
		oObj.filters.item(0).M11 = costheta;
		oObj.filters.item(0).M12 = -sintheta;
		oObj.filters.item(0).M21 = sintheta;
		oObj.filters.item(0).M22 = costheta;
	}
	else
	{
		oObj.style.MozTransform = "rotate("+ deg +"deg)";
		oObj.style.WebkitTransform = "rotate("+ deg +"deg)";
	}
}





function imgOnload( img , size , ro )
{
	
	imgHeight = img.offsetHeight;
	imgWidth = img.offsetWidth;
	
	if( imgHeight < imgWidth )
	{
		var width = size;
		var height = parseInt( width*imgHeight/imgWidth );
	}
	else{

		var height = size;
		var width = parseInt( height*imgWidth/imgHeight );	
	}
	
	
	if( document.all )  
	{
		
	}
	else
	{
		setOpacity( img , 0 );
	}
	
	img.style.visibility = "visible";
	
	//alert("Yes");
	var imgHeight = img.offsetHeight;
	var imgWidth = img.offsetWidth;
	
	if( imgWidth > width )
	{
		img.style.width = width + "px";
		img.style.height =  parseInt( width * imgHeight / imgWidth ) + "px";
	}
	
	
	imgHeight = img.offsetHeight;
	imgWidth = img.offsetWidth;
	
	if( imgHeight > height )
	{
		 img.style.height = height + "px";
		 img.style.width = parseInt( height * imgWidth / imgHeight ) + "px";
	}
	
	//img.parentNode.style.paddingTop = parseInt( ( img.parentNode.offsetHeight - imgHeight  ) /2 ) +"px";
	//img.parentNode.style.paddingTop = "10px";
	
	var deg = getRandomNum( 1, 4 );
	var nag = getRandomNum( 0, 1 );

	if( nag == 0 ) deg = 360 - deg;
		
	if( ro )
	{
		fnSetRotation( img, deg );	
	}
	
	if( document.all )
	{
		//none
	}
	else
	{
		runner = new transform( function(intv){
		
			setOpacity( img, intv );
		
		}, function(){
			
			setOpacity( img, 100);
			
		}, 20, 100);
		runner.run();
	}
	if (img.parentNode) {
	
		img.parentNode.style.backgroundImage = "";
	}
	
}


//==================================

var showing = null;
var MAIN_IMG_DIV_WIDTH = "820px";



function NavOnClick( type , id  )
{

	var topimg = document.getElementById("topimg");
	var mainarea = document.getElementById("mainarea");
	var box_class = "box_ro";

	topimg.style.display = "none";
	proMenu.hide();

	if ( type == 2 ) {
		//NEWS
		window.location.hash = "news";
		
/*		
		mainarea.innerHTML = "";
		if (showing)  showing.stop();
		
		var theDate = new Date();

	//Year
		var theYear = "";
		var theYearDiv = newE("div");
		mainarea.appendChild( theYearDiv );
		theYearDiv.style.paddingTop ="42px";

	//Month		
		//var theMonth = "";
		//var theMonthDiv = newE("div");
		//mainarea.appendChild( theMonthDiv );
		
		var dataDiv = document.createElement("div");
		mainarea.appendChild(dataDiv);
		
		var onListLoaded = function( items, dataitem, total , data )
		{
			
			dataDiv.innerHTML = "";
			//var titleText = new Array();
			titleText = new Array();
			desHTML = new Array();
				
			var years = data.getElementsByTagName('year');			
			
		
//year
			theYearDiv.innerHTML = "";
			
			for( i = 0; i< years.length; i++ )
			{
				var year = newE( "a" );
					year.innerHTML = getNodeData( years[i].childNodes );
					
					year.style.paddingRight = ( "10px" );
					
					theYearDiv.appendChild( year );
					if( years[i].getAttribute("selected") == 1 )
					{
						year.style.color = "#ff318f";
					}
					
					year.onclick = function()
					{
						theYear = this.innerHTML
						theMonth = "";
						getItemList( type, id, "", "date", "1", 1, "", "", 
						onListLoaded, "" ,"" , theYear ,"", 1 );
					}
			}
		
		

			
			var newsTable = new tableLayout( dataDiv, dataDiv  );
				newsTable.table.width = "";
				newsTable.table.style.width = "";
			
			
			var newsCell = newsTable.addCell();
				newsCell.className = "newsCell";
				

			for (var i = 0; i < dataitem.length; i++)
			{
				
				var newcellDiv = document.createElement("div");
				newsCell.appendChild( newcellDiv );
				newcellDiv.style.width = "190px";
				//newcellDiv.style.wordBreak= "break-all";
				//newcellDiv.style.wordWrap= "break-word";
				
				var dateText = document.createElement("p");
				dateText.innerHTML = ( 
				( dataitem[i].date).substring( 0, 4 )+"."+ 
				( dataitem[i].date).substring( 5, 7 )+"."+
				( dataitem[i].date).substring( 8, 10 )
				
				);
				
				newcellDiv.appendChild( dateText );
				
				dateText.className = "news_date";
				
				
				//title
				titleText[i] = document.createElement("div");
				
				if (lang == "cn") 
					titleText[i].innerHTML = dataitem[i].title_cn;
				else 
					if (lang == "it") 
						titleText[i].innerHTML = dataitem[i].title_it;
					else 
						titleText[i].innerHTML = dataitem[i].title_en;
				
				if ( titleText[i].innerHTML != "") 
					newcellDiv.appendChild(titleText[i]);
					
					titleText[i].className = "news_title"; 
				
				var desTable = new tableLayout( document.body , newsCell );
					
				//des	
				desHTML[i] = document.createElement("span");
				
				if (lang == "cn") 
					desHTML[i].innerHTML = dataitem[i].des_cn;
				else 
					if (lang == "it") 
						desHTML[i].innerHTML = dataitem[i].des_it;
					else 
						desHTML[i].innerHTML = dataitem[i].des_en;
						
						
				
				desTable.addRow();					
				desText = desTable.addCell();
				desText.vAlign = "top";						
				desText.innerHTML =  desHTML[i].innerHTML;
				desText.className = "news_des";
				
				desTable.addRow();
				
				var image = items[i].getElementsByTagName('image');
				
				if ( image.length > 0 ) {
					
					var newsImgDiv =  document.createElement("div");
						//newsImgDiv.style.width = "200px";
						//newsImgDiv.style.width = "200px";
						
						//newsImgDiv.style.overflow = "hidden";
					
					//	desText.appendChild( newsImgDiv );
					var imgCell = desTable.addCell( newsImgDiv );
						imgCell.vAlign = "top";
						imgCell.style.paddingBottom = "10px";
					
					var srcs = image[0].getElementsByTagName('src');
					
					if ( srcs.length > 0 ) {
						
						var img =  document.createElement("img");
						newsImgDiv.appendChild( img );
						//img.style.visibility = "hidden";
						//img.style.cursor = "pointer";
						
						img.onload =  function()
						{
							//imgOnload( this , 200 , false );
							//newsImgDiv.style.width = this.offsetWidth + "px";
							//newsImgDiv.style.height = this.offsetHeight+ "px";
						}
						//img.style.border = "1px #eee solid";
						
						img.src = "../img/photos/thumb/" + getNodeData( srcs[0].childNodes );						
						
						img.onclick = function()
						{
							//var file = new File( this.src );
							//alert( file.filename + file.ext  );
							//imgclick( this, 0 , file.filename + file.ext );
						}
						
						//newsImgDiv.style.height = img.offsetHeight+ "px";
					}
					else
					{
						newsImgDiv.style.display = "none";
					}					
													
					for(var j=0; j< srcs.length;j++ )
					{							
						//imgsrc[i][j] = getNodeData( srcs[ j ].childNodes );						
					}
									
				}
				
				
				
				
				var maxNum = 1; 
				
				if( (i+1) % maxNum == 0 ) 
				{
					newsCell = newsTable.addCell();
					newsCell.className = "newsCell";

				}
	
				if( (i+1) % ( maxNum * 4 ) == 0 ) 
				{
					newsTable.addRow();
					newsCell = newsTable.addCell();					
					newsCell.className = "newsCell";
					newsCell.style.paddingRight = "0px"; 
				}
			
				
			}
			
			
		};
		
		
		//load news
		getItemList( type, id, "", "date", "1", 1, "", "", onListLoaded, "" ,"" , theYear ,"", 1 );
		
		*/
		
		mainarea.innerHTML = "";
		if (showing) 
			showing.stop();
		
		
		var dataDiv = document.createElement("div");
		mainarea.appendChild( dataDiv );
		mainarea.style.paddingTop = "0px";
		dataDiv.style.backgroundColor ="#f2f2f2";
		dataDiv.style.height  = "450px";
		dataDiv.style.padding ="12px";
		dataDiv.style.paddingTop ="3px";
		
		
		var pagebardiv = document.createElement("div");
		mainarea.appendChild( pagebardiv );
		
		pagebardiv.style.paddingTop ="10px";
		pagebardiv.style.paddingBottom  ="10px";
		
		
		var onListLoaded = function(item, dataitem, total){
		};
		
		//===== page bar
		var pagebar = new clientPageBar(document.body, pagebardiv , function(offset){						
			getItemList(type, id, "", "date", "1", 1, offset, 4, onListLoaded);
		});
		
		pagebar.setVisible(false);
		//pagebar.itemPerPage = 1;
		
		
		var onListLoaded = function(items, dataitem, total)
		{
			
			dataDiv.innerHTML = "";
			
			var pubTable = new tableLayout( document.body , dataDiv );
				pubTable.table.width = "";
				pubTable.table.style.width = "";
				//pubTable.table.cellPadding = "5";
				

			//var titleText = new Array();
			titleText = new Array();
			desHTML = new Array();
			pagebar.setData(total, pagebar.offset, 4 );
			pagebar.setVisible( true );
			
			//setOpacity(dataDiv, 0);
			
			var theImage = new Array();
			
			for (i = 0; i < dataitem.length; i++)
			{
				
				var thecell = pubTable.addCell();
					thecell.align = "left";
					thecell.vAlign = "top";
					thecell.style.paddingRight = "15px";
					thecell.style.height = "450px";
					
				
				var dateText = document.createElement("div");
				dateText.innerHTML = (dataitem[i].date).substr(0, 11).replace(/-/g, ".");
				thecell.appendChild ( dateText );		
				dateText.style.color = "#ff318f";
				
				//title
				titleText[i] = document.createElement("div");
				titleText[i].align = "left";
				titleText[i].style.paddingTop = "6px";
				//titleText[i].style.paddingBottom = "11px";
				titleText[i].style.textDecoration = "underline";
				
				titleText[i].style.width = "180px";
				
				if (lang == "cn") 
					titleText[i].innerHTML = dataitem[i].title_cn;
				else 
					if (lang == "it") 
						titleText[i].innerHTML = dataitem[i].title_it;
					else 
						titleText[i].innerHTML = dataitem[i].title_en;
				
				if (titleText[i].innerHTML != "") 
					thecell.appendChild(titleText[i]);
				
				//titleText[i].className = "news_title";
				
				titleText[i].style.fontSize = "10px";
				
				//img
				

				var imgDiv = document.createElement("div");
					thecell.appendChild( imgDiv );
					//imgDiv.style.paddingTop = "11px";
					imgDiv.align = "left";
					//imgDiv.style.width = "180px";
					
					imgDiv.id= i+"";
					
					imgDiv.name = "none";
			
			
							
				var downlink = document.createElement( "div" );
				
				thecell.appendChild( downlink );
				downlink.style.paddingTop = "10px";
				
				var image = items[i].getElementsByTagName('image');
				
			

				if ( image.length > 0 ) {
				
					var srcs = image[0].getElementsByTagName('src');
					
					if ( srcs.length > 0 ) {
					
						theImage[ i ] = new Array();
					
						for (var s = 0; s< srcs.length; s++) 
						{
					
							var src = new File(getNodeData(srcs[s].childNodes));
							
							//alert( src.filename + src.ext );
							
							if (src.ext == ".pdf") {
												
								if (lang == "cn") 
									downlink.innerHTML += '<div class="cotext" ' +
											'style="padding-top:5px;" >' +
											'<a href="../server/download.php?file='+ 
											src.filename +
									src.ext +'">下载PDF</a></div>';
								else 
									if (lang == "it") 
										downlink.innerHTML += '<div class="cotext" ' +
												'style="padding-top:5px;" >' +
												'<a  href="../server/download.php?file='+ 
												src.filename +
									src.ext +'">Download PDF</a></div>';
									else 
										downlink.innerHTML += '<div class="cotext" ' +
												'style="padding-top:5px;" >' +
												'<a href="../server/download.php?file='+ 
												src.filename +
									src.ext +'">Download PDF</a></div>';
								
							}
							else 
								if (src.ext == ".doc") {
									
								}
							else
							{
								if (imgDiv.name == "none") {
								
									var img = document.createElement("img");
									
									imgCell = document.createElement("div");
									
									//imgCell.style.padddingRight = "10px";
									
									imgDiv.appendChild(imgCell);
									//imgDiv.style.height = "200px";
									//imgDiv.style.width = "166px";
									//imgDiv.style.overflow = "hidden";
									
									imgCell.appendChild(img);
									
									imgCell.style.paddingTop = "11px";
									
									
									//img.style.visibility = "hidden";
									img.id = i;
									
									img.onload = function()
									{
										//imgOnload(this, 200, false);
										
										//this.parentNode.style.width = this.offsetWidth+ "px";
										//this.parentNode.style.height = this.offsetHeight+ "px";
										
										//titleText[this.id].style.width = this.offsetWidth  + "px";
									}
									
									img.onclick = function(){
										var src = new File(this.src);
										
										//imgMclick(this, 0, theImage[ this.parentNode.parentNode.id ] );
									}
									
									img.src = "../img/photos/" +
									src.filename +
									src.ext;
									
									//img.style.padding = "10px";
									img.border = "0";
									
									imgDiv.name = "";
								
								}
								
								
								theImage[ i ][ s ] = src.filename + src.ext;
								
								
							}
							
						}//end for
						
						
					}
				}
				
				
				//des	
				desHTML[i] = document.createElement("div");
				desHTML[i].style.width = "180px";
				//desHTML[i].style.height = "100px";
				desHTML[i].align = "left";
				desHTML[i].style.paddingTop = "2px";
				
				
				desHTML[i].style.overflow = "hidden";
				
				if (lang == "cn") 
					desHTML[i].innerHTML = dataitem[i].des_cn;
				else 
					if (lang == "it") 
						desHTML[i].innerHTML = dataitem[i].des_it;
					else 
						desHTML[i].innerHTML = dataitem[i].des_en;
				
				var desText = document.createElement("span");
				
				thecell.appendChild( desHTML[i] );
				
				
				if ((i + 1) % 4 == 0) 
				{
					thecell.style.paddingRight = "0px";
					pubTable.addRow();
				}
			}
			
			
		}
	
		
		//loading
		//getItemList(type, id, "", "sort", "0", 1, "", "", onListLoaded);
		getItemList(type, id, "", "date", "1", 1, pagebar.offset , 4, onListLoaded);
				
		
		
	
	}
	else 
		if ( type == 6 ) 
		{
			//PROFILE
			window.location.hash = "profile";
			
			mainarea.innerHTML = "";
			if (showing)  showing.stop();
			
			var onListLoaded = function(item, dataitem, total){
			};
			
			
			var dataDiv = document.createElement("div");
				mainarea.appendChild(dataDiv);
				dataDiv.style.backgroundColor ="#f2f2f2";
				dataDiv.style.height  = "450px";
				dataDiv.style.padding ="12px";
				dataDiv.style.paddingTop ="3px";
	
			var pagebardiv = document.createElement("div");
			mainarea.appendChild(pagebardiv);	
			
			pagebardiv.style.paddingTop ="10px";
			pagebardiv.style.paddingBottom  ="10px";
			
			//===== page bar
			var pagebar = new clientPageBar(document.body, pagebardiv, function( offset ){
				getItemList(type, id, "", "sort", "0", 1, pagebar.offset , 
				pagebar.itemPerPage, onListLoaded);
			});
			
			
			
			
			//pagebar.itemPerPage = 1;
			
				//dataDiv.style.paddingTop ="30px";
				
			var onListLoaded = function(items, dataitem, total){
				
				dataDiv.innerHTML = "";
				//var titleText = new Array();
				titleText = new Array();
				desHTML = new Array();
				pagebar.setData(total, pagebar.offset, 4 );
				//pagebar.setVisible( true );
				
			if( total > 4  )
			{
				pagebar.setVisible(true);
			}
			else
			{
				pagebar.setVisible(false);
			}
				
			var newsTable = new tableLayout( dataDiv, dataDiv  );
				newsTable.table.width = "";
				newsTable.table.style.width = "";

			var newsCell = newsTable.addCell();
				newsCell.className = "newsCell";	
				
			var theImage = new Array();
				
				for (var i = 0; i < dataitem.length; i++)
				{
					
					
				var newcellDiv = document.createElement("div");
					newsCell.appendChild( newcellDiv );
					newcellDiv.style.width = "180px";
					//newcellDiv.style.wordBreak= "break-all";
					//newcellDiv.style.wordWrap= "break-word";
					
				
					//var dateText = document.createElement("p");
					//dateText.innerHTML = (dataitem[i].date).substr(0, 11);
					//dataDiv.appendChild ( dateText );
					
					
					//title
					titleText[i] = document.createElement("div");
					
					if (lang == "cn") 
						titleText[i].innerHTML = dataitem[i].title_cn;
					else 
						if (lang == "it") 
							titleText[i].innerHTML = dataitem[i].title_it;
						else 
							titleText[i].innerHTML = dataitem[i].title_en;
					
					if (titleText[i].innerHTML != "") 
						newcellDiv.appendChild(titleText[i]);
						
						titleText[i] .className = "news_title";
					
					var imgDiv = document.createElement("div");
						newcellDiv.appendChild( imgDiv );
						//imgDiv.style.paddingTop = "11px";
						imgDiv.align = "left";
						imgDiv.style.width = "180px";
						
						imgDiv.id= i+"";
						
						imgDiv.name = "none";
						imgDiv.id = "img_cell";
						
						
						
				var image = items[i].getElementsByTagName('image');

				if ( image.length > 0 ) 
				{
				
					var srcs = image[0].getElementsByTagName('src');
					
					if ( srcs.length > 0 ) {
					
						theImage[ i ] = new Array();
					
						for (var s = 0; s< 1; s++) 
						{
							var src = new File(getNodeData(srcs[s].childNodes));
							
							if (src.ext == ".pdf") {					
							
							}
							else 
								if (src.ext == ".doc") {
									
								}
							else
							{
								if (imgDiv.name == "none")
								{
									var img = document.createElement("img");	
									imgCell = document.createElement("div");
									
									//imgCell.style.padddingRight = "10px";
									
									imgDiv.appendChild(imgCell);
									//imgDiv.style.height = "200px";
									//imgDiv.style.width = "166px";
									//imgDiv.style.overflow = "hidden";
									
									imgCell.appendChild(img);
									
									//imgCell.style.paddingTop = "11px";
									
									
									//img.style.visibility = "hidden";
									img.id = i;
									
									img.onload = function()
									{
										//imgOnload(this, 200, false);
										
										//this.parentNode.style.width = this.offsetWidth+ "px";
										//this.parentNode.style.height = this.offsetHeight+ "px";
										
										//titleText[this.id].style.width = this.offsetWidth  + "px";
									}
									
									img.onclick = function(){
										var src = new File(this.src);
										
										//imgMclick(this, 0, theImage[ this.parentNode.parentNode.id ] );
									}
									
									img.src = "../img/photos/" +
									src.filename +
									src.ext;
									
									//img.style.padding = "10px";
									img.border = "0";
									
									imgDiv.name = "";
								
								}
								
								
								theImage[ i ][ s ] = src.filename + src.ext;
								
								
							}
							
						}//end for
						
						
					}
				}
			
					
					
					//des	
					desHTML[i] = document.createElement("div");
					
					if (lang == "cn") 
						desHTML[i].innerHTML = dataitem[i].des_cn;
					else 
						if (lang == "it") 
							desHTML[i].innerHTML = dataitem[i].des_it;
						else 
							desHTML[i].innerHTML = dataitem[i].des_en;
					
					//var desText = document.createElement("span");
					
					newcellDiv.appendChild(desHTML[i]);
					
					
					/*
					//more
					var buttonMore = document.createElement("a");
					//dataDiv.appendChild( buttonMore );
					buttonMore.innerHTML = "<i> more...</i>";
					
					buttonMore.id = i;
					buttonMore.name = titleText.innerHTML;
					
					
					buttonMore.onclick = function(event){
						//pop	
						
						var pop = new PopFrame(document.body, function(){
							return true;
						}, box_class);
						
						pop.midcell.style.backgroundColor = "#FFF";
						pop.midcell.style.color = "#333";
						pop.setSize(800, 400);
						//pop.popbg.setDisplay(true);
						
						//pop.setDisplay( true );
						pop.setButtonCloseDisplay(false);
						
						
						//alert( pop.frame.closeButton.thebody.tagName );
						
						var linkDiv = document.createElement("div");
						pop.appendChild(linkDiv);
						linkDiv.style.width = "100%";
						linkDiv.align = "left";
						linkDiv.style.paddingBottom = "10px";
						
						
						this.closeButton = new imgButton(linkDiv, linkDiv, IMG_DIR + "close.gif", "Close", function(event, obj){
							pop.hide();
						});
						
						
						var newsDiv = document.createElement("div");
						pop.appendChild(newsDiv);
						
						newsDiv.style.padding = "15px";
						newsDiv.style.paddingTop = "0px";
						
						newsDiv.appendChild(titleText[this.id].cloneNode(true));
						newsDiv.appendChild(desHTML[this.id]);
						
						pop.setDisplay(true);
						
					};
					
					buttonMore.className = "news_more";
					*/
					
					
					var maxNum = 1; 
					
					if( (i+1) % maxNum == 0 ) 
					{
						newsCell = newsTable.addCell();
						newsCell.className = "newsCell";
	
					}
		
					if( (i+1) % ( maxNum * 4 ) == 0 ) 
					{
						newsTable.addRow();
						newsCell = newsTable.addCell();					
						newsCell.className = "newsCell";
						newsCell.style.paddingRight = "0px"; 
					}
					
				}
				
			};
			
			//loading
			getItemList(type, id, "", "sort", "0", 1, pagebar.offset , 4, onListLoaded);
			
			
			
			
			
		}
		else 
			if (type == 1) {
				//CONTACT
				mainarea.innerHTML = "";
				window.location.hash = "contact";

				if (showing) showing.stop();
				

				
				var onListLoaded = function(items, dataitem, total){
				};



				//pagebar.itemPerPage = 1;
				
				var dataDiv = document.createElement("div");
					dataDiv.id = "dataDiv";
					
						dataDiv.style.backgroundColor ="#f2f2f2";
		dataDiv.style.height  = "450px";
		dataDiv.style.padding ="12px";
		dataDiv.style.paddingTop ="3px";
			
					
				mainarea.appendChild( dataDiv );

				
				var pagbar = document.createElement("div");
				mainarea.appendChild(pagbar);
				
				//===== page bar
				var pagebar = new clientPageBar(document.body, pagbar, function(offset)
				{
					getItemList(type, id, "", "sort", "0", 1, offset, pagebar.itemPerPage, 
					onListLoaded);	
				});
				
				pagebar.setVisible(false);
				
				
				var onListLoaded = function(items, dataitem, total)
				{
					dataDiv.innerHTML = "";
					//var titleText = new Array();
					titleText = new Array();
					desHTML = new Array();
					pagebar.setData(total, pagebar.offset, pagebar.itemPerPage);
					//pagebar.setVisible( true );
					
					//setOpacity(dataDiv, 0);
					
				var newsTable = new tableLayout( dataDiv, dataDiv  );
					newsTable.table.width = "";
					newsTable.table.style.width = "";

					newsTable.table.id = "contactTable";
				var newsCell = newsTable.addCell();
					newsCell.className = "newsCell";	
					
			var theImage = new Array();				
					
					for (var i = 0; i < dataitem.length; i++)
					{
					
					var newcellDiv = document.createElement("div");
						newsCell.appendChild( newcellDiv );
						newcellDiv.style.width = "190px";
						//newcellDiv.style.wordBreak= "break-all";
						//newcellDiv.style.wordWrap= "break-word";
						
					
						//var dateText = document.createElement("p");
						//dateText.innerHTML = (dataitem[i].date).substr(0, 11);
						//dataDiv.appendChild ( dateText );
						
						
						//title
						titleText[i] = document.createElement("div");
						
						if (lang == "cn") {
							titleText[i].innerHTML = dataitem[i].title_cn;
						}
						else 
							if (lang == "it") {
								titleText[i].innerHTML = dataitem[i].title_it;
							}
							else {
								titleText[i].innerHTML = dataitem[i].title_en;
							}
							
						if (titleText[i].innerHTML != "") 
							newcellDiv.appendChild(titleText[i]);
						
						titleText[i].className = "news_title";
						
						
						
						
						
					var imgDiv = document.createElement("div");
						newcellDiv.appendChild( imgDiv );
						//imgDiv.style.paddingTop = "11px";
						imgDiv.align = "left";
						imgDiv.style.width = "180px";
						
						imgDiv.id= i+"";
						
						imgDiv.name = "none";
						imgDiv.id = "img_cell";
						
						
						
				var image = items[i].getElementsByTagName('image');

				if ( image.length > 0 ) 
				{
				
					var srcs = image[0].getElementsByTagName('src');
					
					if ( srcs.length > 0 ) {
					
						theImage[ i ] = new Array();
					
						for (var s = 0; s< 1; s++) 
						{
							var src = new File(getNodeData(srcs[s].childNodes));
							
							if (src.ext == ".pdf") {					
							
							}
							else 
								if (src.ext == ".doc") {
									
								}
							else
							{
								if (imgDiv.name == "none")
								{
									var img = document.createElement("img");	
									imgCell = document.createElement("div");
									
									//imgCell.style.padddingRight = "10px";
									
									imgDiv.appendChild(imgCell);
									//imgDiv.style.height = "200px";
									//imgDiv.style.width = "166px";
									//imgDiv.style.overflow = "hidden";
									
									imgCell.appendChild(img);
									
									//imgCell.style.paddingTop = "11px";
									
									
									//img.style.visibility = "hidden";
									img.id = i;
									
									img.onload = function()
									{
										//imgOnload(this, 200, false);
										
										//this.parentNode.style.width = this.offsetWidth+ "px";
										//this.parentNode.style.height = this.offsetHeight+ "px";
										
										//titleText[this.id].style.width = this.offsetWidth  + "px";
									}
									
									img.onclick = function(){
										var src = new File(this.src);
										
										//imgMclick(this, 0, theImage[ this.parentNode.parentNode.id ] );
									}
									
									img.src = "../img/photos/" +
									src.filename +
									src.ext;
									
									//img.style.padding = "10px";
									img.border = "0";
									
									imgDiv.name = "";
								
								}
								
								
								theImage[ i ][ s ] = src.filename + src.ext;
								
								
							}
							
						}//end for
						
						
					}
				}
						
						
						
						
						
						//des	
						desHTML[i] = document.createElement("span");
						
						if (lang == "cn") 
							desHTML[i].innerHTML = dataitem[i].des_cn;
						else 
							if (lang == "it") 
								desHTML[i].innerHTML = dataitem[i].des_it;
							else 
								desHTML[i].innerHTML = dataitem[i].des_en;
						
						//var desText = document.createElement("span");
						
						newcellDiv.appendChild(desHTML[i]);
						
						
						var maxNum = 1; 
					
						if( (i+1) % maxNum == 0 ) 
						{
							newsCell = newsTable.addCell();
							newsCell.className = "newsCell";
		
						}
			
						if( (i+1) % ( maxNum * 4 ) == 0 ) 
						{
							newsTable.addRow();
							newsCell = newsTable.addCell();					
							newsCell.className = "newsCell";
							newsCell.style.paddingRight = "0px"; 
						}
							
							
						
					}
					
					
				};
				
				
				//loading
				getItemList(type, id, "", "sort", "0", 1, "", "", onListLoaded);
				
			
				
			}
			else 
				if (type == 9) {
				//NEWSLETTER
				
				window.location.hash = "newsletter";

				mainarea.innerHTML = "";
				if (showing) showing.stop();
				
					var newsletterTable = new tableLayout( document.body, mainarea );
						newsletterTable.table.cellPadding = 5;
						newsletterTable.table.width = "";
						newsletterTable.table.style.width = "";
						newsletterTable.table.align = "left";
						newsletterTable.table.style.marginTop = "35px";
						
						//newsletterTable.table.style.marginTop = "200px"; 
						
				var titleCell = newsletterTable.addCell("Welcome to register with PLORE to get the very first information of"+
					"<br />new collection, events and promotions.");
					
				if( lang =="cn" )
				{
					titleCell.innerHTML = 
							 "欢迎注册普洛网站，您会在第一时间收到我们新产品，活动以及促销信息。" ;
				}
				else if( lang =="it" )
				{
					titleCell.innerHTML =
							 "Welcome to register with PLORE to get the very first information of"+
					"<br />new collection, events and promotions." ;
				}
				
					
			
				titleCell.colSpan  = 2;
				titleCell.style.paddingBottom = "10px";
				newsletterTable.addRow();
							
						
				var textCell = newsletterTable.addCell("E-mail:");
					
				if( lang =="cn" )
				{
					textCell.innerHTML = "电子邮件:";
				}
				else if( lang =="it" )
				{
					textCell.innerHTML= "E-mail:" ;
				}
									
					
						textCell.style.width = "60px";
						
					var emailbox = document.createElement( "input" );
						emailbox.type = "text";
						emailbox.className = "textbox";
						emailbox.style.width = "200px";
					
						
					newsletterTable.addCell( emailbox );
					//newsletterTable.addCell( "*" );
					
					
					newsletterTable.addRow();
					
					
					//====
					
					
				textCell =	newsletterTable.addCell( "Name: " );
					
				if( lang =="cn" )
				{
							textCell.innerHTML= "姓名:";
				}
				else if( lang =="it" )
				{
							textCell.innerHTML= "Name:" ;
				}

					
					
					var nameBox = document.createElement( "input" );
						nameBox.type = emailbox.type;
						nameBox.className = emailbox.className;
						nameBox.style.width = emailbox.style.width;
					
					newsletterTable.addCell( nameBox );
					//newsletterTable.addCell( "*" );
					
					newsletterTable.addRow();
					
					//====
					
					
				textCell =	newsletterTable.addCell( "City: " );
					
				if( lang =="cn" )
				{
							textCell.innerHTML= "城市:";
				}
				else if( lang =="it" )
				{
							textCell.innerHTML= "City:" ;
				}

					
					
					var cityBox = document.createElement( "input" );
						cityBox.type = emailbox.type;
						cityBox.className = emailbox.className;
						cityBox.style.width = emailbox.style.width;
					
					newsletterTable.addCell( cityBox );
					//newsletterTable.addCell( "*" );
					
					newsletterTable.addRow();
					
					//====
					
					textCell = newsletterTable.addCell( "Country: " );
					
					
				if( lang =="cn" )
				{
							textCell.innerHTML= "国家:";
				}
				else if( lang =="it" )
				{
							textCell.innerHTML= "Country:" ;
				}
					
					var countryBox = document.createElement( "input" );
						countryBox.type = emailbox.type;
						countryBox.className = emailbox.className;
						countryBox.style.width = emailbox.style.width;
					
					newsletterTable.addCell( countryBox );
					//newsletterTable.addCell( "*" );
					
					newsletterTable.addRow();
					
					//====
					
					
					var buttonSubmit = document.createElement( "input" );
						buttonSubmit.type = "button";
						buttonSubmit.value  = "Submit";
						
						if( lang =="cn" )
						{
							buttonSubmit.value = "提交";
						}
						else if( lang =="it" )
						{
							buttonSubmit.value = "Submit:" ;
						}
						
						
						//buttonSubmit.style.cursor = "pointer";
						buttonSubmit.style.border = "1px #ccc solid";
						buttonSubmit.style.backgroundColor = "#fff";
						
					
					var buttonCell = newsletterTable.addCell( buttonSubmit );
						buttonCell.align = "right";
						buttonCell.colSpan = "2";
						buttonCell.style.paddingTop = "20px";
						
					buttonSubmit.onclick = function( event )
					{
						buttonSubmit.disabled = true;
						
						if( emailbox.value == "" || !echeck( emailbox.value ) )
						{
							emailbox.value = "";
							emailbox.focus();
							
							
							
				if( lang =="cn" )
				{
							alert( "请输入您的电子邮件，谢谢。" );	
				}
				else if( lang =="it" )
				{
							alert( "Please enter your email address. Thank you." );	
				}
				else{
							alert( "Please enter your email address. Thank you." );	
				}	
							
							
							
							buttonSubmit.disabled = false;
						
							return false;
						}
						else if( nameBox.value == ""  )
						{
							nameBox.value = "";
							nameBox.focus();
							
							
				if( lang =="cn" )
				{
							alert( "请输入您的名字，谢谢。" );	
				}
				else if( lang =="it" )
				{
							alert( "Please enter your name. Thank you." );	
				}
				else{
							alert( "Please enter your name. Thank you." );	
				}								
							
							
							buttonSubmit.disabled = false;
						
							return false;
						}
						else if( cityBox.value == ""  )
						{
							cityBox.value = "";
							cityBox.focus();
							
				if( lang =="cn" )
				{
							alert( "请输入您的城市，谢谢。" );	
				}
				else if( lang =="it" )
				{
							alert( "Please enter the city where you are in. Thank you." );	
				}
				else{
							alert( "Please enter the city where you are in. Thank you." );
				}								
							
							
								
							buttonSubmit.disabled = false;
						
							return false;
						}
						else if( countryBox.value == ""  )
						{
							countryBox.value = "";
							countryBox.focus();
							
				if( lang =="cn" )
				{
							alert( "请输入您的国家／区域，谢谢。" );	
				}
				else if( lang =="it" )
				{
							alert( "Please enter the country where you are in. Thank you." );
				}
				else{
							alert( "Please enter the country where you are in. Thank you." );
				}								
							
							
								
							buttonSubmit.disabled = false;
						
							return false;
						}
						
						
						
						//check email and name ok
						
						RPC( "../server/client.php", "putEmail", false , function( msg, xmlhttp )
						{
							if( msg.status == "ok" )
							{
								
								
								
								
				if( lang =="cn" )
				{
							alert( "谢谢您的订阅。" );	
				}
				else if( lang =="it" )
				{
							alert( "Thanks for subscribing." );
				}
				else{
							alert( "Thanks for subscribing." );
				}	
								
								emailbox.value = "";
								nameBox.value = "";
								cityBox.value = "";
								countryBox.value = "";
							}
							else
							{
								
								
				if( lang =="cn" )
				{
							alert( "请再提交一次，谢谢。" );	
				}
				else if( lang =="it" )
				{
							alert( "Please try to submit your email address again." );
				}
				else{
							alert( "Please try to submit your email address again." );
				}	
								
								
							}
							
							buttonSubmit.disabled = false;
							
						},emailbox.value , nameBox.value , cityBox.value, countryBox.value);						
					}
				
				
				}
else 
if (type == 5) 
{
//publications		
		window.location.hash = "publications";

		mainarea.innerHTML = "";
		if (showing) 
			showing.stop();
		
		
		var dataDiv = document.createElement("div");
		mainarea.appendChild( dataDiv );
		mainarea.style.paddingTop = "0px";
		dataDiv.style.backgroundColor ="#f2f2f2";
		dataDiv.style.height  = "450px";
		dataDiv.style.padding ="12px";
		dataDiv.style.paddingTop ="3px";
		
		
		var pagebardiv = document.createElement("div");
		mainarea.appendChild( pagebardiv );
		
		pagebardiv.style.paddingTop ="10px";
		pagebardiv.style.paddingBottom  ="10px";
		
		
		var onListLoaded = function(item, dataitem, total){
		};
		
		//===== page bar
		var pagebar = new clientPageBar(document.body, pagebardiv, function(offset){						
			getItemList(type, id, "", "sort", "0", 1, offset, 4, onListLoaded);
		});
		
		pagebar.setVisible(false);
		//pagebar.itemPerPage = 1;
		
		
		
		var onListLoaded = function(items, dataitem, total)
		{
			
			dataDiv.innerHTML = "";
			
			var pubTable = new tableLayout( document.body , dataDiv );
				pubTable.table.width = "";
				pubTable.table.style.width = "";
				//pubTable.table.cellPadding = "5";
				

			//var titleText = new Array();
			titleText = new Array();
			desHTML = new Array();
			pagebar.setData(total, pagebar.offset, 4);
			pagebar.setVisible( true );
			
			//setOpacity(dataDiv, 0);
			
			
			
			var theImage = new Array();
			
			for (i = 0; i < dataitem.length; i++)
			{
				
				var thecell = pubTable.addCell();
					thecell.align = "left";
					thecell.vAlign = "top";
					thecell.style.paddingRight = "20px";
				
				
				var dateText = document.createElement("div");
				dateText.innerHTML = (dataitem[i].date).substr(0, 11).replace(/-/g, ".");
				thecell.appendChild ( dateText );		
				dateText.style.color = "#ff318f";
				
				//title
				titleText[i] = document.createElement("div");
				titleText[i].align = "left";
				titleText[i].style.paddingTop = "6px";
				//titleText[i].style.paddingBottom = "11px";
				titleText[i].style.textDecoration = "underline";
				
				titleText[i].style.width = "180px";
				
				if (lang == "cn") 
					titleText[i].innerHTML = dataitem[i].title_cn;
				else 
					if (lang == "it") 
						titleText[i].innerHTML = dataitem[i].title_it;
					else 
						titleText[i].innerHTML = dataitem[i].title_en;
				
				if (titleText[i].innerHTML != "") 
					thecell.appendChild(titleText[i]);
				
				//titleText[i].className = "news_title";
				
				titleText[i].style.fontSize = "10px";
				
				
				//img
				

				var imgDiv = document.createElement("div");
					thecell.appendChild( imgDiv );
					//imgDiv.style.paddingTop = "11px";
					
					imgDiv.align = "left";
					//imgDiv.style.width = "180px";
					
					imgDiv.id= i+"";
					
					imgDiv.name = "none";
				
				
				var downlink = document.createElement( "div" );
				
				thecell.appendChild( downlink );
				downlink.style.paddingTop = "10px";
			
				
				var image = items[i].getElementsByTagName('image');
				
				

				if ( image.length > 0 ) {
				
					var srcs = image[0].getElementsByTagName('src');
					
					if ( srcs.length > 0 ) {
					
						theImage[ i ] = new Array();
					
						for (var s = 0; s< srcs.length; s++) {
					
							var src = new File(getNodeData(srcs[s].childNodes));
							
							//alert( src.filename + src.ext );
							
							if (src.ext == ".pdf") {
												
								if (lang == "cn") 
									downlink.innerHTML += '<div class="cotext" ' +
											'style="padding-top:5px;" >' +
											'<a href="../server/download.php?' +
											'file='+src.filename +
									src.ext +'">下载PDF</a></div>';
								else 
									if (lang == "it") 
										downlink.innerHTML += '<div class="cotext" ' +
												'style="padding-top:5px;" >' +
												'<a  href="../server/download.php?' +
												'file='+src.filename +
									src.ext +'">Download PDF</a></div>';
									else 
										downlink.innerHTML += '<div class="cotext" ' +
												'style="padding-top:5px;" ><a href="' +
												'../server/download.php?file='+src.filename +
									src.ext +'">Download PDF</a></div>';
								
							}
							else 
								if (src.ext == ".doc") {
									/*
								
									var filelink = document.createElement("a");
									filelink.href = "../img/photos/" + src.filename + src.ext;
									filelink.target = "_blank";
									filelink.display = "block";
								
									var img = document.createElement("img");
									
									filelink.appendChild(img);
									imgDiv.appendChild(filelink);
									
									var coverID = srcs[s].getAttribute("type");
									var coverImg = "../img/icon_pdf_32.png";
									
									for(var j=0; j< srcs.length;j++ )
									{							
			
										if( srcs[j].getAttribute( "id" ) == coverID )
										{
											//img.src = "../img/icon_pdf_32.png";
											coverImg = "../img/photos/"+getNodeData(srcs[j].childNodes);
											break;
										}
									}
									
									img.style.visibility = "hidden";
									
									img.onload = function()
									{														
										imgOnload( this , 650 , false );
									}
									
									img.src = coverImg;
									
									
									//img.style.padding = "10px";
									img.border = "0";
									*/
								}
							else
							{
								if (imgDiv.name == "none") {
								
									var img = document.createElement("img");
									
									imgCell = document.createElement("div");
									
									imgCell.style.paddingTop = "11px";
									
									imgDiv.appendChild(imgCell);
									imgDiv.style.height = "200px";
									imgDiv.style.width = "166px";
									//imgDiv.style.paddingBottom = "10px";
									
									//imgDiv.style.overflow = "hidden";
									
									imgCell.appendChild(img);
									
									img.style.visibility = "hidden";
									img.id = i;
									
									img.onload = function(){
										imgOnload(this, 200, false);
										
										//this.parentNode.style.width = this.offsetWidth  + "px";
										this.parentNode.style.height = this.offsetHeight  + "px";
										//titleText[this.id].style.width = this.offsetWidth  + "px";
									}
									
									img.onclick = function(){
										var src = new File(this.src);
										
										//imgMclick(this, 0, theImage[ this.parentNode.parentNode.id ] );
									}
									
									img.src = "../img/photos/" +
									src.filename +
									src.ext;
									
									//img.style.padding = "10px";
									img.border = "0";
									
									imgDiv.name = "";
								
								}
								
								
								theImage[ i ][ s ] = src.filename + src.ext;
								
								
							}
							
						}//end for
						
						
						

					}
				}
				
				/*	
				var sep = document.createElement("p");
				//sep.innerHTML = ". . .";
				sep.className = "news_sep";
				dataDiv.appendChild(sep);
				*/
				
				
				if ((i + 1) % 4 == 0) 
				{
					thecell.style.paddingRight = "0px";
					pubTable.addRow();
				}
			}
			
			
		}
	
		
		//loading
		//getItemList(type, id, "", "sort", "0", 1, "", "", onListLoaded);
		getItemList(type, id, "", "sort", "0", 1, pagebar.offset , 4, onListLoaded);
		

		}
		else if( type == 4 ) {
			//LINKs
			
			mainarea.innerHTML = "";
			if (showing) 
				showing.stop();
			var pagbar = document.createElement("div");
			mainarea.appendChild(pagbar);
			
			location.hash = "#links";
			
			var onListLoaded = function(item, dataitem, total){
			};
			
			//===== page bar
			var pagebar = new clientPageBar(document.body, pagbar, function(offset){
			
				getItemList(type, id, "", "sort", "0", 1, offset, pagebar.itemPerPage, onListLoaded);
			});
			
			pagebar.setVisible(false);
			//pagebar.itemPerPage = 1;
			
			var dataDiv = document.createElement("div");
			mainarea.appendChild(dataDiv);
			dataDiv.style.paddingTop ="15px";
	
			
			var onListLoaded = function(item, dataitem, total){
				dataDiv.innerHTML = "";
				//var titleText = new Array();
				titleText = new Array();
				desHTML = new Array();
				pagebar.setData(total, pagebar.offset, pagebar.itemPerPage);
				//pagebar.setVisible( true );
				
				//setOpacity(dataDiv, 0);
				
				for (i = 0; i < dataitem.length; i++) {
				
					var dateText = document.createElement("p");
					dateText.innerHTML = (dataitem[i].date).substr(0, 11);
					//dataDiv.appendChild ( dateText );
					
					
					//title
					titleText[i] = document.createElement("div");
					
					if (lang == "cn") 
						titleText[i].innerHTML = dataitem[i].title_cn;
					else 
						if (lang == "it") 
							titleText[i].innerHTML = dataitem[i].title_it;
						else 
							titleText[i].innerHTML = dataitem[i].title_en;
					
					if (titleText[i].innerHTML != "") 
						dataDiv.appendChild(titleText[i]);
					
					titleText[i].className = "news_title";
					
					//des	
					desHTML[i] = document.createElement("span");
					
					if (lang == "cn") 
						desHTML[i].innerHTML = dataitem[i].des_cn;
					else 
						if (lang == "it") 
							desHTML[i].innerHTML = dataitem[i].des_it;
						else 
							desHTML[i].innerHTML = dataitem[i].des_en;
					
					var desText = document.createElement("span");
					
					
					dataDiv.appendChild(desHTML[i]);
					
					var sep = document.createElement("p");
					//sep.innerHTML = ". . .";
					sep.className = "news_sep";
					dataDiv.appendChild(sep);
					
					
				}
				

				
			};
			
			
			//loading
			getItemList(type, id, "", "sort", "0", 1, pagebar.offset, pagebar.itemPerPage, onListLoaded);
			
		
		}

}




function proMenuClick( id , sortType, proIndex )
{
		
	var topimg = document.getElementById("topimg");
	var mainarea = document.getElementById("mainarea");
	var box_class = "box_ro";
	
/*
	topimg.style.display = "none";
	mainarea.innerHTML = "";
	if ( showing )showing.stop();
	
	var imgDiv = document.createElement("div");
	mainarea.appendChild( imgDiv );
	imgDiv.style.width = MAIN_IMG_DIV_WIDTH;
	imgDiv.style.height = "450px";
	imgDiv.style.marginBottom ="20px";
*/

	//imgDiv.style.backgroundPosition = "center center";
	//imgDiv.style.backgroundRepeat = "no-repeat";
	//imgDiv.style.border = "1px #eee solid";
	//imgDiv.style.position = "relative";
	
	
	getProList( "getCollectionItems" , 3 , "" , id , sortType , proIndex );

}


function getProList( funName , type, isHome , id , sortType , proIndex )
{
		
	var topimg = document.getElementById("topimg");
	var mainarea = document.getElementById("mainarea");
	var box_class = "box_ro";

		navMenu.hide();
		
		//pro menu sub cate
		var type = type || 3;
		topimg.style.display = "none";
		mainarea.innerHTML = "";
		if ( showing )showing.stop();

		
		var mainImgDiv = document.createElement("div");
			mainarea.appendChild( mainImgDiv );
			mainImgDiv.style.width = MAIN_IMG_DIV_WIDTH;
			mainImgDiv.style.height = "450px";
			
			mainImgDiv.style.backgroundPosition = "center center";
			mainImgDiv.style.backgroundRepeat = "no-repeat";
			//mainImgDiv.style.border = "1px #eee solid";
			mainImgDiv.style.position = "relative";
			
//===			
			
//Show the cover image

	var caverShow = null;
	var proPhoto = null;
		
	getItemList( 3, "" , "", "sort", "0", 1, "","", 
	function( items, dataitem , totalrows , msg_data )
	{
		//try {
		if( items )  
		{
			//alert( dataitem.guid );
			
			for(var i = 0; i< dataitem.length ; i++  )
			{
				
				if( dataitem[i].guid  == id  )
				{
					var image = items[i].getElementsByTagName('image');
					if (image.length > 0) 
					{
				
					var srcs = image[0].getElementsByTagName('src');
					var topimgs = new Array();
					
					for (var j = 0; j < srcs.length; j++) 
					{
						topimgs[ topimgs.length ] = new Array( '../img/photos/' + 
						getNodeData(srcs[j].childNodes) , '','' );							
					}
					
						caverShow = new ImgLoader(document.body, mainImgDiv, 
						topimgs, mainImgDiv.offsetWidth, mainImgDiv.offsetHeight, 
						function(event, obj){
					
						if (proPhoto == null) {
						
							var top = new SlideShow4(obj.parent, obj.thebody, obj.imgs, obj.width, obj.height, false, "#EEE");
							
							//top.thumbPanel.table.style.display = "none";
							
							top.start();
							}
						});
					
						
					}
					
					/*
					var linkText = document.createElement("a");
					
						linkText.innerHTML = "Veiw " + dataitem[i].title_en;
						
						linkText.marginTop = "10px";
						linkText.style.cursor = "pointer";
					
						mainarea.appendChild( linkText );
						
						linkText.onclick = function()
						{
							
							getProList( "getCollectionItems" , 3 , "" , id , sortType );
							
						}
					*/
					
					
					break;
				}

			}
		}

					
		//}catch(e){}
		
	} , "0"  );
	
	
	
//==			
			
		var filterTable = new tableLayout( document.body, mainarea );
			filterTable.table.style.marginTop = "5px";
			//filterTable.table.cellSpacing = 5;
			filterTable.addCell( "<span style='color:#777; font-size:11px; '>FILTERED BY</span>" );
			filterTable.table.width = "";
			filterTable.table.style.width = "";
			
			
		var yearCell = filterTable.addCell();
		var locCell = filterTable.addCell();
		var typeCell = filterTable.addCell();
		
		
		var proTable = new tableLayout( document.body, mainarea );
			proTable.table.style.marginTop = "20px";
			proTable.table.width = "";
			proTable.table.style.width = "";
			//proTable.table.cellSpacing = 5;
		
		var imgsrc = new Array();
		var pdfsrc = new Array();
		var imgsrcOnhome = new Array();
		
		var lastProCell = null;
		
		var listCell = new Array();
		var listYear = new Array();
		var listLoc = new Array();
		var listType = new Array();
		
		var txSpan = null;
		
		var perviewonclick =  function( event, obj, id )
		{
			var topimgs = new Array();
			
			if( lastProCell != null )  
			{
				lastProCell.style.backgroundColor= "#FFFFFF";
				lastProCell.style.color =  "#000";
			}
			
			lastProCell = obj;
			
			lastProCell.style.backgroundColor= "#ff318f";
			lastProCell.style.color =  "#fff";
			
			mainImgDiv.innerHTML = "";
			
			for(var i=0; i<imgsrc[id].length; i++  )
			{
				if( imgsrcOnhome[id][i] != 1 )
				{
					topimgs[ topimgs.length ] = new Array( '../img/photos/' + 
					imgsrc[id][i] , '','' );	
				
				}
			}
			
			mainImgDiv.style.backgroundColor = "#eee";
			
			var imgDiv = mainImgDiv;
			var top = null;
			
			
			proPhoto = new ImgLoader(  document.body, imgDiv , topimgs, imgDiv.offsetWidth, 
			imgDiv.offsetHeight , function( event, obj )
			{
				if( caverShow != null ) caverShow.thebody.style.display = "none";
				
				top = new SlideShow4(  obj.parent, obj.thebody,  
				obj.imgs,  obj.width , obj.height, false,  "#EEE" );
				//top.thumbPanel.table.style.display = "none";
				top.start();
			} );
			
			window.location = "#pro"+obj.parentNode.id + "," + id;
			
		//=========	
		var detailBg = document.createElement("div");	
			mainImgDiv.appendChild( detailBg );
			detailBg.style.position = "absolute";
			detailBg.style.zIndex = "39";
			detailBg.style.left = "0px";
			detailBg.style.top = "0px";
			detailBg.style.width = MAIN_IMG_DIV_WIDTH;
			detailBg.style.height = "17px";
			
			detailBg.style.backgroundColor  = "#fff";
			
			setOpacity( detailBg , 0 );
			
		var detailText = new tableLayout( document.body, mainImgDiv );
			detailText.table.align ="right";
			detailText.table.width = "";
			detailText.table.style.width = "";
			
			detailText.table.style.position = "absolute";
			detailText.table.style.zIndex = 40;
			detailText.table.style.top = "0px";
			detailText.table.style.marginTop = "2px";
			
		var orderCell = null;	

		var thecolor = "#ccc";
		/*
			//==  title
			var title = document.createElement("span");
				title.innerHTML = "PROJECT: " + titleText[ id ];
				title.style.color = thecolor;
				
			var titleCell =	detailText.addCell( title );
				titleCell.align = "right";
				
				
			//==  location
			var locationTitle = document.createElement("span");
				locationTitle.innerHTML = "LOCATION: " + listLoc[ id ];
				locationTitle.style.color = thecolor;


			var locationCell =	detailText.addCell( locationTitle );
				locationCell.align = "right";
				locationCell.style.paddingLeft = "20px";
			
			*/

			var pageBarCell = detailText.addCell();
				pageBarCell.align = "right";
				pageBarCell.style.paddingLeft = "20px";
				pageBarCell.style.color = thecolor;
				pageBarCell.style.display = "none";
				
				
			var textBgImgDiv = document.createElement("div");
				mainImgDiv.appendChild( textBgImgDiv );
				textBgImgDiv.style.position = "absolute";
				textBgImgDiv.style.left = "0px";
				textBgImgDiv.style.top = "0px";
				textBgImgDiv.style.width = mainImgDiv.offsetWidth +"px";
				textBgImgDiv.style.height = mainImgDiv.offsetHeight + "px";
				textBgImgDiv.style.zIndex = 4;
				textBgImgDiv.style.backgroundRepeat ="no-repeat";
				textBgImgDiv.style.backgroundPosition ="center center";
				textBgImgDiv.style.display = "none";
				
				
				if (topimgs.length > 0) {
					textBgImgDiv.style.backgroundImage = "url(" + topimgs[ 0 ][0] +")";
				}
				
				//setOpacity( textBgDiv , 20 );
				
			var textBgDiv = document.createElement("div");
				mainImgDiv.appendChild( textBgDiv );
				textBgDiv.style.position = "absolute";
				textBgDiv.style.top = "0px";
				textBgDiv.style.width = 240 +"px";
				textBgDiv.style.left = ( mainImgDiv.offsetWidth  ) - textBgDiv.offsetWidth + "px";

				textBgDiv.style.height = mainImgDiv.offsetHeight + "px";
				textBgDiv.style.zIndex = 5;
				textBgDiv.style.backgroundRepeat ="no-repeat";
				textBgDiv.style.backgroundPosition ="center center";
				textBgDiv.style.display = "none";
				textBgDiv.style.backgroundColor = "#fff";
				
				
				if (topimgs.length > 0) 
				{
					//textBgDiv.style.backgroundImage = "url(" + topimgs[ 0 ][0] +")";
				}
				
				setOpacity( textBgDiv , 75 );
				
			var txTable = new tableLayout( this , mainImgDiv );
				//txTable.table.style.width = "208px";
				txTable.table.style.width  = "";
				txTable.table.width  = "";
				
				txTable.table.cellPadding = "20";
				//txTable.table.style.backgroundColor = "#eee";
				txTable.table.style.position = "absolute";
				txTable.table.style.top = "0px";
				txTable.table.style.zIndex = 6;
				
				
			var pagebar = new clientPageBar( obj , pageBarCell , function( offset , obj )
			{
				
				if( top != null )
				{
					txTable.table.style.display = "none";
					textBgDiv.style.display = "none";
					textBgImgDiv.style.display = "none";
					top.thebody.style.display = "";
					txSpan.style.color = "";
					
					top.seek( offset );
				}
				pagebar.setData( obj.total , offset, obj.itemPerPage );
				
			} );
			
			//pagebar.pageNumCell.style.color = thecolor;
						
			pagebar.setData( topimgs.length  , 0 , 1 );
			
			
			if(  pdfsrc && pdfsrc[ id ].length > 0 )
			{
			var pdfFile = document.createElement(  "span" );
					detailText.addCell( pdfFile );
					
					pdfFile.innerHTML = "PDF";
					pdfFile.style.cursor = "pointer";
					pdfFile.style.paddingLeft = "10px";
					pdfFile.style.color = "#ff318f";
					pdfFile.id = id;
					
					pdfFile.align = "right";
					
					pdfFile.onclick = function()
					{
						//if(  pdfsrc && pdfsrc[ this.id ].length > 0  )
						//{
							window.location = '../server/download.php?file='+pdfsrc[ this.id ][ 0 ];
						//}
					}
			}
			
			
			txSpan = document.createElement("span");
			var txCell = detailText.addCell( txSpan );
				txSpan.innerHTML = "TEXT";
				txSpan.style.cursor = "pointer";
				txSpan.style.paddingLeft = "10px";
				txSpan.style.color = "#ff318f";
				
				txCell.align = "right";
				//txCell.style.paddingRight = "20px";
				
			
			var enCell = txTable.addCell( desHTML_en[ id ]);
				enCell.style.width = "200px";
				enCell.vAlign = "top";
				enCell.className = "enCell";
				enCell.style.paddingBottom = "0px";
				
				
				txTable.addRow();
				
			var cnCell = txTable.addCell( desHTML_cn[ id ]);
				cnCell.style.width = enCell.style.width;
				cnCell.className = "cnCell";
				
				cnCell.vAlign = enCell.vAlign;
				cnCell.style.paddingTop = "5px";
				
				//cnCell.style.fontSize = "10px";
				//cnCell.style.lineHeight = "17px";
				
				txTable.table.style.left =  ( mainImgDiv.offsetWidth  ) 
				- txTable.table.offsetWidth + "px";
				txTable.table.style.display = "none";
	
				
				txSpan.onclick = function()
				{
					if( txTable.table.style.display == "" )
					{
						txTable.table.style.display = "none";
						textBgDiv.style.display = "none";
						textBgImgDiv.style.display = "none";
						
						if( top!=null ) top.thebody.style.display = "";
						
						this.innerHTML = "TEXT";
						//txSpan.style.color = thecolor;
					}
					else{
						
						txSpan.innerHTML = "CLOSE";
						//txSpan.style.color = thecolor;
						
						//pagebar.unCheck();
						//this.style.color = "#ff318f";
						txTable.table.style.display = "";
						textBgDiv.style.display = "";
						textBgImgDiv.style.display = "";
						
						if( txTable.table.offsetHeight > 400 )
						{
							//enCell.parentNode.appendChild( cnCell );
							//txTable.table.style.left = ( mainImgDiv.offsetWidth  ) - txTable.table.offsetWidth +"px";
							//textBgDiv.style.width = txTable.table.offsetWidth +"px";
							//textBgDiv.style.left = txTable.table.style.left;
						}
						
						if( top!=null ) top.thebody.style.display = "none";
						//imgDiv.style.display = "none";
					}
				
				}
				
			detailText.table.style.left = 820 - detailText.table.offsetWidth - 20 +"px";
					
		}	


//onload
		
		var tr_index = 1;
		
		var onListLoaded = function( items, dataitem, total )
		{
			titleText = new Array();
			desHTML_cn = new Array();	
			desHTML_en = new Array();	
				
			locaton = new Array();

			imgsrc = new Array();
			pdfsrc = new Array();
			imgsrcOnhome = new Array();	
		
			typeTitle = "";


				var yearTeArray = new Array();
					yearTeArray[ yearTeArray.length ] = "YEAR";
				
				var yearVaArray = new Array();
					yearVaArray[ yearVaArray.length  ] = "0";

				var date = new Date();
				
					
					yearTeArray[ yearTeArray.length ] = date.getFullYear() +"";
					yearVaArray[ yearVaArray.length  ] = "1";
					
					yearTeArray[ yearTeArray.length ] = "ARCHIVES";
					yearVaArray[ yearVaArray.length  ] = "2";
					
				
//loc
				var locTeArray = new Array();
					locTeArray[ locTeArray.length ] = "LOCATION";
				
				var locVaArray = new Array();
					locVaArray[ locVaArray.length ] = "0";
				
//type
				var typeTeArray = new Array();
					typeTeArray[ typeTeArray.length ] = "TYPE";
				
				var typeVaArray = new Array();
					typeVaArray[ typeVaArray.length ] = "0";

				
				
			var titleCell = proTable.addCell();
				//titleCell.style.paddingBottom = "5px";
				titleCell.style.width = "190px";
				titleCell.style.paddingRight = "25px";
				
			for (var i = 0; i < dataitem.length; i++) 
			{
				
				//year
				var theYear = (dataitem[i].date).substring( 0, 4 );
				listYear[ i ] = theYear;
				
				for(var j=0;j< yearVaArray.length;j++ )
				{
					if( theYear == yearVaArray[j] )
					{
						theYear = "";
					}
				}
				
				if( theYear != "" )
				{
					//yearTeArray[ yearTeArray.length  ] = theYear;
					//yearVaArray[ yearVaArray.length  ] = theYear;					
				}
				
				
				//loc
				var theLoc = getXmlText( items[i], "loc" );
				listLoc[ i ] = theLoc;
				
				for(var j=0;j< locVaArray.length;j++ )
				{
					if( theLoc == locVaArray[j] )
					{
						theLoc = "";
					}
				}
				
				if( theLoc != "" )
				{
					locTeArray[ locTeArray.length  ] = theLoc;
					locVaArray[ locVaArray.length  ] = theLoc;					
				}
				
				//type
				var theType = getXmlText( items[i], "type" );
				
				
				listType[ i ] = theType;
				
				for(var j=0;j< typeVaArray.length;j++ )
				{
					if( theType == typeVaArray[j] )
					{
						theType = "";
					}
				}
				
				if( theType != "" )
				{
					typeTeArray[ typeTeArray.length  ] = theType;
					typeVaArray[ typeVaArray.length  ] = theType;									
				}
				
				
				//title
				if (lang == "cn") 
				{
					titleText[i] = dataitem[i].title_cn;
				}
				else if (lang == "it")
				{
					titleText[i] = dataitem[i].title_it;
				}
				else
				{
					titleText[i] = dataitem[i].title_en;
				}
			
				
				desHTML_en[i] = dataitem[i].des_en;
				desHTML_cn[i] = dataitem[i].des_cn;
			
				
				var src = "";
			
			
				//try {
			
					var image = items[i].getElementsByTagName('image');
					
					var pdf =  new Array();
					
					if ( image.length > 0 ) {
					
						var srcs = image[0].getElementsByTagName('src');
						
						imgsrc[i] = new Array();
						pdfsrc[i] = new Array();
						
						imgsrcOnhome[i] = new Array();
						
						for(var j=0; j< srcs.length;j++ )
						{							
							var theSRC = new File( getNodeData( srcs[ j ].childNodes ) );
							
							if( theSRC.ext == ".pdf"  )
							{
								pdfsrc[i][ pdfsrc[i].length  ] = getNodeData( srcs[ j ].childNodes );
							}
							else
							{
								imgsrc[i][imgsrc[i].length] = getNodeData( srcs[ j ].childNodes );
								imgsrcOnhome[i][imgsrcOnhome[i].length] = srcs[ j ].getAttribute("onhome");
							
							}
							
							
							if( imgsrcOnhome[i][j] == 1 )
							{
								//if ( srcs.length > 0 ) {
								src = "../img/photos/" + getNodeData( srcs[j].childNodes );
							}
							
							
						}
						
						if( src == "" )
						{
							if (srcs.length <= 0) {
								src = "../img/no_photo.gif";
							}
							else {
								src = "../img/photos/thumb/" + getNodeData( srcs[0].childNodes );
							}
						}
					}
					
				//}catch(e){}
				var proDiv = document.createElement("div");
				
				var proSpan = document.createElement("span");
					
					proDiv.appendChild( proSpan  );
					
				//var proCell = proTable.addCell( proSpan );
				//var  = 
					
					titleCell.appendChild( proDiv );
					
					proSpan.innerHTML = titleText[i];
					
					titleCell.align = "left";
					
					proSpan.style.cursor="pointer";
					proSpan.id = i;
					titleCell.vAlign = "top";
					//proSpan.style.paddingLeft = "5px";
					proSpan.style.paddingRight = "15px";
					
					proDiv.style.paddingBottom = "3px";
					proDiv.style.overflow = "hidden";
					proDiv.style.height = "14px";
					proDiv.style.width = "190px";
					
					proDiv.style.whiteSpace ="nowrap";
					
					if( proSpan.offsetWidth > ( proDiv.offsetWidth  ) )
					{
						proSpan.title = proSpan.innerHTML;
						
						proSpan.innerHTML = proSpan.innerHTML + "...";
						
						while( proSpan.offsetWidth > ( proDiv.offsetWidth  )  )
						{
						
							proSpan.innerHTML = ( proSpan.innerHTML ).substring(0, 
							proSpan.innerHTML.length - 4 );
						
							proSpan.innerHTML = proSpan.innerHTML + "...";
						
						 
						}
						
						
					}
					
					//proDiv.style.display = "inline-block";
					
					proSpan.name = "show";
					proSpan.parentNode.id = getXmlText( items[i], "pid" );
					
					listCell[ listCell.length ] = proSpan;
					
					//show the big image
					proSpan.onclick = function( event )
					{	
						if( this.name == "show" )
						{
							//alert(  pdfsrc[ this.id ] );
							perviewonclick( event, this , this.id  );
							reFilterList();
						}		
					}
					
					proSpan.onmouseover = function( event )
					{
						var theID = this.id;
						
						
						for (var i = 0; i < theID ; i++) 
						{
							if (listCell[i] != lastProCell && listCell[i].name == "show") 
							{
							
								if (i == (theID - 1))
								{
									listCell[i].style.color = "#333";		
								}
								else if (i == (theID -2))
								{
									listCell[i].style.color = "#666";		
								}
								else
								{
									listCell[i].style.color = "#999";		
								}
								
							}
						}
						
						
						
						
						for(var i = theID; i< listCell.length; i++ )
						{
							if (listCell[i] != lastProCell && listCell[i].name == "show") 
							{
							
								if( i == theID )
								{
									listCell[i].style.color = "#000";
								}
								else if( i == ( theID -(-1) ) )
								{
									listCell[i].style.color = "#333";
								}
								else if( i == ( theID -(-2) ) )
								{
									listCell[i].style.color = "#666";
								}
								else
								{
									listCell[i].style.color = "#999";
								}
								
							}
						}
						
						
						
						if (listCell[theID] != lastProCell && listCell[theID].name == "show")
						{						
						//	
						}
					}
					
					
				
				if( i == proIndex )
				{
					perviewonclick( null , proSpan , i );
				}
 				
				// cell = 190;
				
				var lineNum = 8;
				
				if ( tr_index % lineNum == 0 ) 
				{
					//proCell.style.paddingRight = "0px";
					//proTable.addRow();
					
					//proTable.addRow();
					titleCell = proTable.addCell();
					titleCell.style.width = "190px";
					titleCell.style.paddingRight = "25px";
				}
				
				if( tr_index % ( lineNum*4 ) == 0 )
				{
					proTable.addRow();
					titleCell = proTable.addCell();
					titleCell.style.width = "190px";
					titleCell.style.paddingRight = "25px";
				}
				
				tr_index ++;
				
			}
			//end for

				yearCell.innerHTML = "";
				
				var yearList = new dorpDownList( this, yearCell, yearTeArray , yearVaArray, 
				function( obj, title, value )
				{
					reFilterList();
					
				} );
				
				
				locCell.innerHTML = "";
				
				var locList = new dorpDownList( this, locCell, locTeArray , locVaArray, 
				function( obj, title, value )
				{
					reFilterList();
					
				} );
				
				
				typeCell.innerHTML = "";
				
				var typeList = new dorpDownList( this, typeCell, typeTeArray , typeVaArray, 
				function( obj, title, value )
				{
					reFilterList();
					
				} );
				
				
				var reFilterList = function( )
				{
					var isHidden = false;
					var date = new Date();
					//year
					for(var i = 0;i < listCell.length;i++ )
					{
						if( ( ( (( yearList.value == 1 ) && date.getFullYear() != listYear[ i ] ) 
						|| ( ( yearList.value == 2 ) && date.getFullYear() == listYear[ i ] ) ) 
						&& yearList.value !=0 )
						 || ( locList.value != listLoc[ i ] && locList.value !=0 )
						 || ( typeList.value != listType[ i ] && typeList.value !=0 )
						 )
						{
							listCell[i].style.color = "#eee";
							listCell[i].name = "hidden";
							
							if( lastProCell == listCell[i] ) isHidden = true;
							
							listCell[i].style.cursor="default";
						}
						else
						{
							
							if ( lastProCell != listCell[i] || lastProCell == null ) {
								listCell[i].style.color = "#666";
							}
							else
							{
								//perviewonclick( event, this , this.id );
								listCell[i].style.color = "#eee";
							}
							
							
							listCell[i].name = "show";
							listCell[i].style.cursor="pointer";
						}
					}
					
					if( isHidden )
					{
						for(var i = 0;i < listCell.length;i++ )
						{
							if( listCell[i].name == "show" )
							{
								perviewonclick( null, listCell[i] , i );
								reFilterList();
								break;
							}
						}						
					}										
				}							
		};
		
			
		getItemList( type, id , "", "sort", "0", "0", "","", onListLoaded , isHome , funName );
		
	
}

//yearCell

function dorpDownList( parent, parentNode, textArray, valueArray, listItemOnClick )
{
	dorpDownList.baseConstructor.call( this, parent, parentNode );
	var _this = this;
	
	var imgCell = null;
	var textCell = null;
	
	this.thebody.style.width = "160px";
	//this.thebody.style.backgroundColor = "#e5e5e5";
	//this.thebody.style.color = "#333";
	this.thebody.style.paddingLeft = "10px";
	this.thebody.style.cursor= "pointer";
	
	
	this.table.table.style.padding = "0px";
	
	this.table.table.style.backgroundColor = "#eeeeee";
	//this.table.table.border = 1;
	
	
	_this.timerID = 0;
	
	this.getTimerID = function()
	{
		return _this.timerID;
	};
	
	this.setTimerID = function( num )
	{
		_this.timerID = num;
	};
	
	this.value = "0";
	
	
if( textArray.length  > 0 )
{
	if( valueArray.length > 0 )
	{
		_this.value	 = valueArray[0];
	}
	
	imgCell = _this.table.addCell( "<img src='../img/arrowdown_red.png' />" );
	imgCell.style.paddingLeft = "5px";
	imgCell.style.width = "20px";
	
	
	textCell = _this.table.addCell( textArray[0] );
	textCell.style.paddingRight = "10px";
	textCell.style.paddingTop = "0px";
	textCell.style.lineHeight = "9px";
	textCell.style.fontSize = "11px";
	textCell.style.color = "#666";
	
	textCell.style.textTransform =  "uppercase";
	
	textCell.align  = "right";

	var themenu = new Menu( "" );
		themenu.thebody.style.width = _this.thebody.style.width;
		
	
		
	themenu.parent = _this;

	this.themenu = themenu;
	
	for(var i=0; i<textArray.length ; i++ )
	{
		
		var item = themenu.addItem( textArray[ i ], function(obj){		
			_this.value = valueArray[ obj.guid ];			
			if( textCell!= null ) textCell.innerHTML =  textArray[ obj.guid ];			
			listItemOnClick( _this , textArray[ obj.guid ] , valueArray[ obj.guid ] );			
		} ,null );
		
		item.guid = i;
		item.value =  valueArray[ i ];
	}	
	
	//var theTR = themenu.thebody.getElementsByTagName( "tr" );
		//theTR[0].style.paddingTop = "5px";
	themenu.thebody.style.borderTop = "3px solid " + this.table.table.style.backgroundColor;

	
	_this.table.table.onclick = function()
	{				
		themenu.hideItem( _this.value );		
		themenu.showpop( _this.table.table );
	}
	
	
}	
	
	
	
}
Class.extend( _gui , dorpDownList );




function getItemList( type, pID , searchText, theSort, theOrder, isFolder, offset, 
item_per_page  , onItemLoad ,ishome ,funName , year, month , bydate )
{
	
	var dataitem = new Array();
	var ishome = ishome || "";
	var funName = funName || "getItems";

	var theYaer = year || "";
	var theMonth = month || "";	
	
	if( theYaer == undefined ) year = "";
	if( theMonth == undefined ) month = "";
	

	RPC( "../server/client.php", funName, false , function( msg, xmlhttp )
	{
		 
		if( msg.status == "ok" )
		{	
				//try
				//{
				var dataitem = new Array();

				var items = msg.data.getElementsByTagName('item');
				if( items.length > 0 )
				{
					//get cate lists
					for(var i=0; i<items.length;i++ )
					{							
						
						var serTags = items[i].getElementsByTagName('tags');
						var tags = new Array();
						
							if( serTags && serTags.length >0 )
							{
								for(var j=0;j< serTags.length; j++ )
								{
									
									tags[j] = new dataItem( getXmlText( serTags[j], "guid" ),
									0,
									getXmlText( serTags[j], "tagId" ),"","","","","","","","",
									
									getXmlText( serTags[j], "tag_title_cn" ),
									getXmlText( serTags[j], "tag_title_en" ),
									getXmlText( serTags[j], "tag_title_jp" ),
									
									"","","",
									
									0,
									"",
									"",
									getXmlText( serTags[j], "tag_title_it" ),
									""
						 			);		
								}
							}
						
						//_this.pagebar.setData( getXmlText( items[i], "totalrows" ) , ITEM_PER_PAGE , _this.pagebar.offset );
						
						
						dataitem[i] = new dataItem(	getXmlText( items[i], "guid" ),
														getXmlText( items[i], "desID" ),
														getXmlText( items[i], "titleID" ),
														getXmlText( items[i], "date" ),
														getXmlText( items[i], "isshow" ),
														getXmlText( items[i], "sort" ),
														getXmlText( items[i], "link" ),
														getXmlText( items[i], "type" ),
														getXmlText( items[i], "pid" ),
														getXmlText( items[i], "ishome" ),
														getXmlText( items[i], "isfolder" ),
														
														getXmlText( items[i], "title_cn" ),
														getXmlText( items[i], "title_en" ),
														getXmlText( items[i], "title_jp" ),
														
														getXmlText( items[i], "des_cn" ),
														getXmlText( items[i], "des_en" ),
														getXmlText( items[i], "des_jp" ),
														
														getXmlText( items[i], "price" ),
														getXmlText( items[i], "src" ),
														getXmlText( items[i], "oTitle" ),
														
														getXmlText( items[i], "title_it" ),
														getXmlText( items[i], "des_it" ),
														tags,
														getXmlText( items[i], "oDate" )
														
														
						 );
								
					}
				}
				
				if( typeof onItemLoad == "function"  )
				{
					//alert( dataitem );
					onItemLoad( items, dataitem , getXmlText( items[0], "totalrows" ), msg.data );	
				}
					
				/*
				}
				catch( e )
				{
					//if( MSG_OUTPUT ) MSG_OUTPUT.pushMsg( "CAN NOT GET THE LIST。" , "error" );
				}
				*/
			}
			else
			{
				//error
			}
				
	}, type + "" , pID , searchText, theSort , theOrder ,  isFolder,  offset , item_per_page , ishome,  year, month , bydate );
	 		
}



function getIndexOfFullStop( text, num  )
{
	var start = 0;
	var dotIndex = 0;
	
	if( num == null ) num = 1;

	for(var i=0;i<=num;i++ )
	{
	
		
		var dotIndex = text.indexOf(".", start );
			if( dotIndex == -1 ) dotIndex = text.indexOf("。", start );
			if( dotIndex == -1 ) dotIndex = text.length;
		
		start += dotIndex;
		  
	}
	
	return dotIndex;
}


function clientPageBar( parent, parentNode , onButtonClick )
{
	//call supclass
	clientPageBar.baseConstructor.call( this, parent, parentNode );
	
	var _this = this;
	
	this.total = 0;
	this.offset = 0;
	this.itemPerPage = 3;
	
	var pages = 0;
	//var page = 0;
	
	var buttonPrev = this.table.addCell();
		buttonPrev.innerHTML = "<span>&lt;</span>";	
		buttonPrev.style.cursor = "pointer";
	
	buttonPrev.onclick = function()
	{
		_this.offset = _this.offset - _this.itemPerPage;
		if( _this.offset < 0 ) _this.offset = 0;
		onButtonClick( _this.offset ,_this);	
	}
	
	//var sep = this.table.addCell( " | " );
	//	sep.className = "cotext";
	
	var pageNumCell = this.table.addCell(); 
		pageNumCell.style.paddingLeft = "10px";
		pageNumCell.style.paddingRight = "10px";
	
	this.pageNumCell = pageNumCell;
		
	//sep = this.table.addCell( " | " );
	//sep.className = "cotext";

		
	var buttonNext = this.table.addCell();
		buttonNext.innerHTML = "<span >&gt;</span>";
		buttonNext.style.cursor = "pointer";
	
	this.table.table.style.width = "";
	this.table.table.width = "";
	
	buttonNext.onclick = function()
	{
		_this.offset = _this.offset + _this.itemPerPage;		
		if( _this.offset >= _this.total ) _this.offset = _this.total - _this.itemPerPage;
		if( _this.offset < 0 ) _this.offset = 0;
		onButtonClick( _this.offset ,_this );
	}
	

	this.setData = function( total , offset, itemPerPage )
	{
		
		_this.total = total || 0;
		_this.offset = offset || 0;
		_this.itemPerPage = itemPerPage || 3;
		pageNumCell.innerHTML = "";
		
		if( total > 0 )
		{
			
			if( _this.total % _this.itemPerPage >0  ) 
				pages = parseInt( _this.total / _this.itemPerPage ) +1; 
			else pages = _this.total / _this.itemPerPage;
			
					
			//pageNumCell.style.paddingLeft = "10px";
			
			for(var i = 1;i <= pages;i++ )
			{
				
				var pageButton = document.createElement("a");
					
					pageNumCell.appendChild( pageButton );
				
					pageButton.id = i;
					pageButton.innerHTML = (i)+"";
					//button color
					pageButton.style.color = "#ccc";
					
					if( _this.offset == ( i - 1 ) * _this.itemPerPage )
					{
						//pageButton.className = "PageBarSel";
						pageButton.style.color = "#ff318f";
					}
					
					pageButton.style.cursor = "pointer";
					
					
					pageButton.onclick = function()
					{
						//alert( this.id );
						
						if(  typeof onButtonClick == "function")
						{
							_this.offset = ( ( this.id - 1) * _this.itemPerPage );
							
							if( offset < 0 ) offset = 0
							if( _this.offset > _this.total ) offset = _this.total-1;
							
							
							onButtonClick( _this.offset ,_this );
						}
					}
					
				if( i< pages )
				{
					var sep = document.createElement("span");
						sep.innerHTML = " : ";
					
						pageNumCell.appendChild( sep );
				}
			}	
		}
		else
		{
			pageNumCell.innerHTML = "";	
		}
	}
	
	//this.setVisible

	this.unCheck = function()
	{
		
		
	}
	
}
Class.extend( _gui , clientPageBar );



function getSentence(  obj  , num )
{
	
	var text = "";
	
	if( obj.textContent )
	{
		text = obj.textContent;	
		
	}
	else
	{
		text = obj.innerText;
	}
	
	return text.substring(0, ( getIndexOfFullStop( text, num ) + 1 ) );
	
}