var publish_img = new Image();
publish_img.src = "http://travel.poco.cn/publish_pop/publish_bsn.gif";
var publish_img1 = new Image();
publish_img1.src = "http://travel.poco.cn/publish_pop/demo0.jpg";
var publish_img2 = new Image();
publish_img2.src = "http://travel.poco.cn/publish_pop/demo1.jpg";
var publish_img3 = new Image();
publish_img3.src = "http://travel.poco.cn/publish_pop/publish_pop_close.gif";


var publish_pop_obj = {
	stat : false,
	type : '',
	item_count : 0,
	config: 
	{
		travel:
		{
			id:'travel',
			base_width:'626px',
			base_height:'150px',
			items: new Array(
						new Array('103003', '旅游博客文章', '记录你的旅游日记…', "<strong>发表到<font color='#666666'>旅游</font>社区</strong><br>作品展示形式:",0,'blog', 0, '旅游作品'),
						new Array('', '旅游美食推荐', '推荐您旅途中吃到的美食…', "<strong>发表到<font color='#666666'>旅游</font>和<font color='#666666'>美食</font>社区</strong><br>作品展示形式:", 0, 'food',1, ''),
						new Array('5', '旅游摄影作品', '发表旅途中拍下的美景图片…', "<strong>发表到<font color='#666666'>旅游</font>和<font color='#666666'>摄影</font>社区</strong><br>作品展示形式:", 0, 'photo',1, '')
				  )
		},
		
		pet:
		{
			id:'pet',
			base_width:'430px',
			base_height:'150px',
			items: new Array(
						new Array('102004', '宠物博客文章', '记录我的宠物日记…', "<strong>发表到<font color='#666666'>宠物</font>社区</strong><br>作品展示形式:", 0, 'blog',0, '宠物作品'),
						new Array('13', '宠物摄影作品', '展示我的宠物靓照片…', "<strong>发表到<font color='#666666'>宠物</font>和<font color='#666666'>摄影</font>社区</strong><br>作品展示形式:", 0, 'photo',1, '')
				  )
		},
		
		box:
		{
			id:'box',
			base_width:'450px',
			base_height:'150px',
			items: new Array(
						new Array('120001', '达物博客文章', '编写关于达物的故事…', "<strong>发表到<font color='#666666'>达物</font>社区</strong><br>作品展示形式:", 0, 'blog',0, '达物作品'),
						new Array('12', '达物摄影作品', '拍摄我的达物，展示我的达物…', "<strong>发表到<font color='#666666'>达物</font>和<font color='#666666'>摄影</font>社区</strong><br>作品展示形式:", 0, 'photo',1, '')
				  )		
		},
		
		mobile:
		{
			id:'mobile',
			base_width:'626px',
			base_height:'150px',
			items: new Array(
						new Array('110001', '随拍博客文章', '用手机记录我的生活…', "<strong>发表到<font color='#666666'>拍客</font>社区</strong><br>作品展示形式:", 1, 'blog',0, '手机随拍'),
						new Array('', '推荐我拍的美食', '推荐我用手机拍下的美食…', "<strong>发表到<font color='#666666'>拍客</font>和<font color='#666666'>美食</font>社区</strong><br>作品展示形式:", 1, 'food',1, ''),
						new Array('', '手机摄影作品', '发表我的手机摄影作品…', "<strong>发表到<font color='#666666'>拍客</font>和<font color='#666666'>摄影</font>社区</strong><br>作品展示形式:", 1, 'photo',1, '')
				  )		
		}
	},
	
	init:function(type)
	{
		if(this.type == type) return false;
		this.type = type;
		this.createDemo();
		eval("this.item_count = publish_pop_obj.config."+type+".items.length;");
	},
	
	createDemo: function()
	{
		var base_div = document.createElement("div");
		base_div.id="publish_pop";
		base_div.style.background = "#FFFFFF";
		//base_div.style.height = "180px"; 
		base_div.style.border = "1px #999999 solid";
		base_div.style.display = "none";
		base_div.style.height = "180px";
		base_div.style.position = "absolute";
		base_div.style.fontFamily = "'宋体', '新宋体'";
		base_div.style.fontSize = "14px";
		eval("base_div.style.width = this.config."+this.type+".base_width;");
		
		var base_iframe = document.createElement("iframe");
		base_iframe.id = "publish_pop_iframe";
		base_iframe.style.zIndex = -1;
		base_iframe.style.position = "absolute";
		base_iframe.style.top = "0px";
		base_iframe.style.height = "180px";
		base_iframe.style.width = "100%";
		base_iframe.style.overflow = "hidden";
		base_iframe.scrolling = 'no';
		base_iframe.frameBorder = '0';
		
		base_iframe.src = "about:blank";
		
		base_div.appendChild(base_iframe);
		
		var temp_div = document.createElement("div");
		temp_div.align = "right";
		temp_div.style.height = "18px";
		temp_div.style.background = "#FF9900";
		
		
		var img = document.createElement("img");
		img.id = "publish_pop_close_img";
		img.src = "http://travel.poco.cn/publish_pop/publish_pop_close.gif";
		img.style.cursor = "pointer";
		img.border = "0";
		img.onclick = function (){ document.getElementById('publish_pop').style.display = 'none'; };
		
		temp_div.appendChild(img);
		//base_iframe.appendChild(temp_div);
		base_div.appendChild(temp_div);
		
		temp_div_1 = document.createElement("div");
		temp_div_1.style.padding = "5px 10px";
		var title_div = document.createElement("div");
		title_div.align = "center";
		//title_div.innerHTML = "<strong>请选择你要发表的作品类型：</strong>";
		title_div.innerHTML = "<strong>请选择你要发表的作品类型：&nbsp;<a href=\"http://mobile.poco.cn/topic/public_test/\" target=\"_blank\" style=\"color:#FF0000;\">用手机即拍即发表，更方便快捷，了解请点此！</a></strong>";
		
		temp_div_1.appendChild(title_div);
		//base_iframe.appendChild(temp_div_1);
		base_div.appendChild(temp_div_1);
		
		temp_inner_div = document.createElement("div");
		temp_inner_div.style.padding = "10px 0px 0px 0px";
		temp_inner_div.style.height  = "125px";
		
		eval("var item_conf = this.config."+this.type+".items;");
		
		for(var i=0; i<item_conf.length; i++)
		{
			var item_div = document.createElement("div");
			item_div.id = item_conf[i][0];
			item_div.style.styleFloat = "left";
			item_div.style.cssFloat	= "left";
			item_div.style.padding = "0px 0px 5px 0px";
			item_div.align = "center";
			if(this.type == 'box')
			{
				item_div.style.width = "210px";
			}else
			{
				item_div.style.width = "200px";
			}
			
			item_div.style.border = "1px #FFFFFF solid";
			
			var item_title_header = document.createElement("div");
			item_title_header.style.paddingTop = "10px";
			item_title_header.style.height = "20px";
			item_title_header.style.visibility = "hidden";
			item_title_header.innerHTML = "<font color='#6699FF' style=\"font-size:14px;\"><strong>"+item_conf[i][2]+"</strong></font>";
			item_div.appendChild(item_title_header);
			
			var item_title_div = document.createElement("div");
			item_title_div.id = "publish_pop_title_"+i;
			//item_title_div.style.border = "1px #CCCCCC solid";
			item_title_div.style.background = "url(http://travel.poco.cn/publish_pop/publish_bsn.gif)";
			item_title_div.style.width = "156px";
			item_title_div.style.height = "32px";
			item_title_div.style.paddingTop = "14px";
			item_title_div.style.cursor = "pointer";
			item_title_div.style.textDecoration = "none";
			item_title_div.align = "center";
			var href = "http://my.poco.cn/blog/blog_add.php?_admin_login";
			
			if(item_conf[i][5] == 'blog')
			{
				href += "&blog_genuID="+item_conf[i][0];
			}
			else
			{
				href += "&init_publish_type="+item_conf[i][5];
				if(item_conf[i][0])
				{
					href += "&init_photo_blog_genu="+item_conf[i][0];
				}
			}
			
			if(item_conf[i][4])
			{
				href += "&init_photo_tool=2";
			}
			
			if(item_conf[i][7] != '')
			{
				href += "&init_publish_title="+item_conf[i][7];
			}
			
			item_title_div.innerHTML = "<font color=\"#CC0000\"><strong>"+item_conf[i][1]+"</strong></font>";
			item_title_div.onmouseover = function(){ this.parentNode.nextSibling.style.display = "block"; this.parentNode.previousSibling 
.style.visibility = "visible"; document.getElementById('publish_pop').style.height="290px"; document.getElementById("publish_pop_iframe").style.height="290px"; this.parentNode.parentNode.style.border = "1px #CCCCCC solid"; };
			item_title_div.onmouseout = function(){ this.parentNode.nextSibling.style.display = "none"; this.parentNode.previousSibling 
.style.visibility = "hidden"; document.getElementById('publish_pop').style.height="180px"; document.getElementById("publish_pop_iframe").style.height="180px"; this.parentNode.parentNode.style.border = "1px #FFFFFF solid"; };
			item_title_div.onclick = function () { document.getElementById('publish_pop').style.display = "none"; };
			//item_title_div.onclick = function(){ window.open(href); };
			
			var item_title_div_link = document.createElement("a");
			item_title_div_link.href = href;
			item_title_div_link.target = "_blank";
			item_title_div_link.appendChild(item_title_div);
		
			var item_summary_div = document.createElement("div");
			item_summary_div.id = "publish_pop_summary_"+i;
			item_summary_div.style.lineHeight = "18px";
			item_summary_div.style.whiteSpace = "normal";
			item_summary_div.style.wordBreak = "break-all";
			item_summary_div.style.width = "146px";
			item_summary_div.style.display = "none";
			item_summary_div.style.marginTop = "7px";
			item_summary_div.align = "left";
			
			item_summary_div.innerHTML = "<font color=\"#999999\" style=\"font-size:12px;\">"+item_conf[i][3]+"</font><div align=\"center\"><img src=\"http://travel.poco.cn/publish_pop/demo"+item_conf[i][6]+".jpg\" style=\"border:4px #CCCCCC solid\" /></div>";
			
			item_div.appendChild(item_title_div_link);
			item_div.appendChild(item_summary_div);
			
			temp_inner_div.appendChild(item_div);
		}
		
		temp_div_1.appendChild( temp_inner_div);
		//base_div.appendChild(base_iframe);
		document.body.appendChild(base_div);
	},
	
	pop_open : function(evt, offset)
	{	
		//var sx = document.body.clientWidth;
		//var sy = ;
		//var sy = window.screen.height;
		var evt = (evt) ? evt : (window.event) ? window.event : "";
		
		var obj = document.getElementById('publish_pop');
		
		eval("var pwidth = parseInt(this.config."+this.type+".base_width);");
		eval("var pheight = parseInt(this.config."+this.type+".base_height);");

		//var ox = evt.offsetX? evt.offsetX: evt.pageX;
		//var ox = evt.x? evt.x: evt.pageX;
		//var oy = evt.offsetY? evt.offsetY: evt.pageY;
		//var oy = evt.y? evt.y+offset: evt.pageY;

		var ox = evt.clientX? evt.clientX: evt.pageX;
		var oy = evt.clientY? document.documentElement.scrollTop + evt.clientY: evt.pageX;
		
		
		var x = ox-pwidth/2;
		var y = oy-pheight/2;
		
		
		
		if((x+pwidth) > document.body.clientWidth)
				x = document.body.clientWidth - pwidth - 10;
		
		if(x < 10)
			x = 10;
		
		if(y < oy - evt.clientY + 10)
			y = oy - evt.clientY + 10;
			
		if(y+290>document.documentElement.scrollTop+document.documentElement.clientHeight)
		{
			y = document.documentElement.scrollTop+document.documentElement.clientHeight - 300;
		}

		obj.style.left = x+"px";
		obj.style.top  = y+"px";
		obj.style.display = 'block';
	},
	
	pop_close : function()
	{
		document.getElementById('publish_pop').style.display = 'none';
	}
};