$(document).ready(function(){
	selectWebsite.init();
	$('#sizeWidth').focus(flashSizeFocus).blur(flashSizeBlur);
	$('#sizeLength').focus(flashSizeFocus).blur(flashSizeBlur);
});

function flashSizeFocus(){
	$('#inputSize').attr('checked',true);
	flashSizeFocus.width = $('#sizeWidth').val();
	flashSizeFocus.height = $('#sizeLength').val();
}
function flashSizeBlur() {
	var w = $('#sizeWidth').val(),
		h= $('#sizeLength').val();
		
	if (w == flashSizeFocus.width && h == flashSizeFocus.height) return;
	
	inputValidater();
}

var blogName = '';
var selectWebsite = {
	url:'',
	//add by sting,use to flash parameter
	siteName:'',
	init:function(){
		var tmpArr = [];
		var listItem;
		var strHtml = '';
		for (var i=0; i < this.cloudList.length; i++) {
			listItem = this.cloudList[i];
			tmpArr.push('<li><img src="' + listItem.logo + '" alt="' + listItem.name + '" /></li>');
		}
		strHtml = tmpArr.join('');
		$('#cloudsiteList').html(strHtml);
		
		var _this = this;
		(function(){
			$('#cloudsiteList li img').each(function(i){
				//$(this).click(function(){
					//$('#step1').slideDown(500);
					_this.websiteInit();
					_this.url = _this.cloudList[i].url;
					_this.siteName = _this.cloudList[i].name;
					initFlash(_this.url);
					changeJS();
					$('#cloudsiteList li img').removeClass('curt');
					$(this).addClass('curt');
					
					$('#step2').hide();
					$('#step3').hide();
					$('#websiteList li img').removeClass('curt');
				//});
			});
		})();
	},
	websiteInit:function(){
		if ($('#websiteList li').length > 1) return;
		var tmpArr = [];
		var listItem;
		var strHtml = '';
		for (var i=0; i < this.list.length; i++) {
			listItem = this.list[i];
			tmpArr.push('<li><img src="' + listItem.logo + '" alt="' + listItem.name + '" /></li>');
		}
		strHtml = tmpArr.join('');
		//alert(strHtml);
		$('#websiteList').html(strHtml);
		this.imgHandler();
	},
	
	imgHandler:function(){
		$('#websiteList li img').each(function(i){
			$(this).bind('click',function(){
				var listItem = selectWebsite.list[i];
				$('#help1').attr('href',listItem.help);
				$('#help2').attr('href',listItem.help);
				//help显示内容开始 add by sting
				$('#helptitle').text(listItem.helptitle);
				$('#helpcontent').text(listItem.helpcontent);
				//help显示内容结束
				//$('#help3').attr('href',listItem.help);
				$('#step3Title').text(listItem.name);
				blogName = listItem.name;
				if(blogName == '其它...'){
					$('#tips1').hide();
					$('#tips2').hide();
					$('#tips3').hide();
				}else{
					$('#tips1').show();
					$('#tips2').show();
					$('#tips3').show();
				}
				if (listItem.flash){
					$('#flashwidget').show();
					selectCode();
				}else{
					$('#flashwidget').hide();
				}
				if (listItem.img){
					//校内的特殊处理
					imgStyleSelect(0);
					$('#imgwidget').show();
				}else{
					$('#imgwidget').hide();
				}
				if (listItem.js){
					$('#jswidget').show();
				}else{
					$('#jswidget').hide();
				}
				$('#websiteList li img').removeClass('curt');
				$(this).addClass('curt');
				$('#step2').slideDown(500);
				$('#step3').hide();
				$('#styleDefout').attr('checked',true);
			});
		});
	},
	
	flash:function(){
		$('#widgetTypeName').text('Flash边栏');
		$('#demoFlash').show();
		$('#demoImg').hide();
		$('#demoJs').hide();
		$('#step3').slideDown(500);
		$('#imgwidget img').removeClass('curt');
		$('#flashwidget img').removeClass('curt');
		$('#jswidget img').removeClass('curt');
		$('#flashwidget img').addClass('curt');
		return false;
	},
	
	img:function(){
		$('#widgetTypeName').text('图片边栏');
		$('#demoFlash').hide();
		$('#demoImg').show();
		$('#demoJs').hide();
		$('#step3').slideDown(500);
		$('#imgwidget img').removeClass('curt');
		$('#flashwidget img').removeClass('curt');
		$('#jswidget img').removeClass('curt');
		$('#imgwidget img').addClass('curt');
		return false;
	},
	
	js:function(){
		$('#widgetTypeName').text('JS边栏');
		$('#demoFlash').hide();
		$('#demoImg').hide();
		$('#demoJs').show();
		$('#step3').slideDown(500);
		$('#imgwidget img').removeClass('curt');
		$('#flashwidget img').removeClass('curt');
		$('#jswidget img').removeClass('curt');
		$('#jswidget img').addClass('curt');
		//$('#help1').attr('href','help/help_js.html');
		//$('#help2').attr('href','help/help_js.html');
		//$('#help3').attr('href','help/help_js.html');
		return false;
	},
	
	list : [
		{name:'新浪博客',logo:'images/sitelogo/sina.gif',help:'help/help_sina.html',js:false,flash:true,img:true,helptitle:'登录新浪博客后新创建文本模块，把代码粘贴到该模块文本框中并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'QQ空间',logo:'images/sitelogo/qq.gif',help:'help/help_qq.html',js:false,flash:true,img:true,helptitle:'把代码粘贴到QQ空间的Flash模块里并保存',helpcontent:'不知道粘贴到哪？'},
		//{name:'百度空间',logo:'images/sitelogo/baidu.gif',help:'help/help_baidu.html',js:false,flash:true,img:true,helptitle:'添加百度空间微博客模块，把帐号和代码填入该模块设置里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'BlogBus',logo:'images/sitelogo/blogbus.gif',help:'help/help_blogbus.html',js:true,flash:true,img:true,helptitle:'登录Blogbus后，把代码粘贴到模板中自定义HTML模块里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'MSN Space',logo:'images/sitelogo/msnspace.gif',help:'help/help_msn.html',js:false,flash:true,img:true,helptitle:'登录MSN Space，添加自定义HTML模块，把代码粘贴到该模块里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'网易博客',logo:'images/sitelogo/163.gif',help:'help/help_163.html',js:false,flash:true,img:true,helptitle:'登录网易后，添加自定义模块，把代码粘贴到该模块文本框里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'博尚',logo:'images/sitelogo/blogcn.gif',help:'help/help_blogcn.html',js:true,flash:true,img:true,helptitle:'登录Blogcn博客，把代码粘贴到模板里的源码编辑框里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'歪酷',logo:'images/sitelogo/ycool.gif',help:'help/help_waiku.html',js:true,flash:true,img:true,helptitle:'登录歪酷博客，在模板中添加“自写HTML代码”模块，把代码粘贴到模块里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'优博网',logo:'images/sitelogo/yo2.gif',help:'help/help_yo2.html',js:true,flash:true,img:true,helptitle:'登录yo2博客，把代码粘贴到私有模板的侧边栏里并保存',helpcontent:'不知道粘贴到哪？'},
		//{name:'校内网',logo:'images/sitelogo/xiaonei.gif',help:'help/help_xiaonei.html',js:false,flash:false,img:true,helptitle:'',helpcontent:''},
		{name:'51',logo:'images/sitelogo/51.gif',help:'help/help_51.html',js:false,flash:false,img:true,helptitle:'登录51，把代码粘贴到个人资料的自我介绍里并保存',helpcontent:'不知道怎么用？'},
		//{name:'天涯博客',logo:'images/sitelogo/tianya.gif',help:'help/help_tianya.html',js:false,flash:true,img:true,helptitle:'登录天涯博客，把代码粘贴到自定义模板的首页模板里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'和讯博客',logo:'images/sitelogo/hexun.gif',help:'help/help_hexun.html',js:false,flash:true,img:true,helptitle:'登录和讯博客，把代码粘贴到个人设置的自定义HTML模块里并保存',helpcontent:'不知道怎么用？'},
		{name:'宠儿博客网',logo:'images/sitelogo/crblog.gif',help:'help/help_cer.html',js:false,flash:true,img:true,helptitle:'登录宠儿博客，把代码粘贴到博客公告的HTML源码编辑器里并保存',helpcontent:'不知道粘贴到哪？'},
		//{name:'Blogger',logo:'images/sitelogo/blogger.gif',help:'help/help_blogger.html',js:true,flash:true,img:true,helptitle:'登录Blogger， 把代码粘贴到 HTML/JavaScript模块里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'WordPress',logo:'images/sitelogo/wordpress.gif',help:'help/help_wordpress.html',js:true,flash:true,img:true,helptitle:'在wordpress的管理后台，左边栏-外观中-小工具，然后添加一个文本小工具，放入代码',helpcontent:'不知道怎么用？'},
		//{name:'FC2',logo:'images/sitelogo/fc2.gif',help:'help/help_fc2.html',js:false,flash:true,img:true,helptitle:'登录fc2博客，把代码粘贴到自我介绍的文本框里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'论坛',logo:'images/sitelogo/bbs.gif',help:'help/help_bbs.html',js:false,flash:false,img:true,helptitle:'登陆论坛，把代码粘贴到签名档里并保存',helpcontent:'不知道粘贴到哪？'},
		{name:'其它...',logo:'images/sitelogo/other.gif',help:'#',js:true,flash:true,img:true,helptitle:'',helpcontent:''}
	],
	
	cloudList:[
		{name:"嘀咕",logo:'images/sitelogo/digu.png',url:'http://www.digu.com/'}//,
		//{name:"火兔",logo:'images/sitelogo/huotu.png',url:'http://www.huotu.com/'}
	]
	
};

function getUserInfo(mid){
	var url ='/ajaxData/getUserInfoData.jsp';
	if( mid == ''){
		alert('请输入OpenCloud帐号');
		return false;
	}
	$.ajaxSetup({cache:false});
	$.getJSON(url,{'mid':mid},function(json){
		if( json.result == 'success'){
			window.location.href = 'step.jsp';
		}else if(json.result == 'privacy'){
			alert('这个为隐私用户，不能读取');
		}else{
			alert('请输入正确的OpenCloud帐号');
		}
		
	});
}

function selectCode(){
	if( mid == ''){
		$('#flashTextarea').val('');
		return ;
	}
	var flag = $('#flashrevert').val();
	var code = '';
	var paraStr = 'http://www.digushow.com/digushow.swf?mid='+mid+'&bg_width='+bg_width+'&bg_height='+bg_height+'&style='+ style+'&site='+selectWebsite.url+'&reply='+flag;
	if( blogName == 'QQ空间'){
		code = paraStr;
	}else{
		code='<embed type="application/x-shockwave-flash" width="'+bg_width+'" height="'+bg_height+'" src="'+paraStr+'" quality="autohigh" wmode="transparent" pluginspage="http://www.adobe.com/go/getflashplayer" ></embed>';
	}
	$('#flashTextarea').val(code);
}

function styleSelect(value){
	style = value;
	selectCode();
	getFlash();
}

function sizeSelect(value){//尺寸选择
	if(value == 1){
		$('#inputTips').text("");//去除提示信息
		bg_width = 180;//默认宽
		bg_height = 350;//默认高
		$('#sizeWidth').val(180);
		$('#sizeLength').val(350);
		selectCode();
		getFlash();
	}else{
		//bg_width = $('#sizeWidth').val();//用户输入的宽
		//bg_height = $('#sizeLength').val();//用户输入的高
		inputValidater();
	}
}

//add by sting
function inputValidater(){
	//"^[0-9]*[1-9][0-9]*$" 正整数正则表达式
	var reg = /^[0-9]*[1-9][0-9]*$/;
	var inputWidth = $('#sizeWidth').val();//用户输入的宽
	var inputLength = $('#sizeLength').val();//用户输入的高
	if(reg.test(inputWidth) && reg.test(inputLength)){
		$('#inputTips').text("");
		//宽高限制范围
		if(inputWidth<180 || inputWidth>420 || inputLength<350 || inputLength>1800){
			$('#inputTips').text("宽:180-420 高:350-1800");
		}else{
			$('#inputTips').text("");
			//输入合理则刷新flash 更新生成代码
			if(inputWidth != bg_width || inputLength != bg_height){
				bg_width = inputWidth;
				bg_height = inputLength;
				selectCode();
				getFlash();
			}
		}
	}else{
		$('#inputTips').text("宽和高为正整数");
	}
	
}

function getFlash(){
	var revert = $('#flashrevert').val();
	var code2 = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="'+bg_width+'" height="'+bg_height+'"><param name="movie" value="http://www.digushow.com/digushow.swf" /><param name="flashvars" value="mid='+mid+'&bg_width='+bg_width+'&bg_height='+bg_height+'&style='+ style+'&site='+selectWebsite.url +'&reply='+revert+'" /><param name="quality" value="autohigh" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" src="http://www.digushow.com/digushow.swf" flashvars="mid='+mid+'&bg_width='+bg_width+'&bg_height='+bg_height+'&style='+ style+'&site='+selectWebsite.url +'&reply='+revert+'" quality="autohigh" wmode="transparent" width="'+bg_width+'" height="'+bg_height+'"><param name="allowScriptAccess" value="always" /></embed></object>';
	$('#flahPreview').html(code2);
	$('#flahPreview').show()
}

//初始访问页面时 选择opencloud网站后 flash上的链接域名设置
function initFlash(site){
	var code2 = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" width="'+bg_width+'" height="'+bg_height+'"><param name="movie" value="http://www.digushow.com/digushow.swf" /><param name="flashvars" value="mid='+mid+'&bg_width='+bg_width+'&bg_height='+bg_height+'&style='+ style+'&site='+site +'&reply='+revert+'" /><param name="quality" value="autohigh" /><param name="wmode" value="transparent" /><embed type="application/x-shockwave-flash" src="http://www.digushow.com/digushow.swf" flashvars="mid='+mid+'&bg_width='+bg_width+'&bg_height='+bg_height+'&style='+ style+'&site='+site +'&reply='+revert+'" quality="autohigh" wmode="transparent" width="'+bg_width+'" height="'+bg_height+'"><param name="allowScriptAccess" value="always" /></embed></object>';
	$('#flahPreview').html(code2);
}

//新需求下此函数已不再调用
function saveBigOrSmal( type ){
	var isBack = 'false'; 
	isBack = $('#imgrevert').val();
	var url ='./ajaxData/saveBbsData.jsp';
	if( type == ''){
		return ;
	}
	$.ajaxSetup({cache:false});
	$.getJSON(url,{'bigOrSmal':type,'type':2},function(json){
		if( json.result == 'success'){
			getBbsImg();
		}
	});
}

function saveIsBack(){
	var isBack = 'false'; 
	isBack = $('#imgrevert').val();
	var url ='./ajaxData/saveBbsData.jsp';
	$.ajaxSetup({cache:false});
	$.getJSON(url,{'isBack':isBack,'type':2},function(json){
		if( json.result == 'success'){
			getBbsImg();
		}
	});
}

function imgStyleSelect( color ){
	var isBack = 'false'; 
	isBack = $('#imgrevert').val();
	var url ='./ajaxData/saveBbsData.jsp';
	$.ajaxSetup({cache:false});
	$.getJSON(url,{'color':color,'type':3},function(json){
		if( json.result == 'success'){
			getBbsImg();
		}
	});
}
function getBbsImg(){
	var isBack = 'false'; 
	isBack = $('#imgrevert').val();
	//添加页面点选的opencloud网站 传入查找图片
	var url ='./ajaxData/getBbsData.jsp?opencloud='+selectWebsite.url+'&isBack='+isBack;
	$.ajaxSetup({cache:false});
	$.getJSON(url,{},function(json){
		if( json.result == 'fail'){
			$('#bbsImg').hide()
			$('#imgPreview').text("没有更新过任何状态");
			$('#imgTextarea').val('');
		}else{
			var pic = json.result;
			var alt = "";
			if(selectWebsite.url == 'http://www.digu.com/'){
				alt = "消息";
			}else{
				alt = "火兔";
			}
			var value = '<a href="'+selectWebsite.url+json.mid+'" target="_blank" title="'+alt+'"><img src="'+ pic +'" alt="'+alt+'" /></a>';
			
			if(blogName == '校内网'){
				value = '#feedHolder {padding-top:150px;background:url('+ pic +') no-repeat center 20px;}';
			}else if(blogName == '51' || blogName == '论坛'){
				value = '[url='+selectWebsite.url+json.mid+'][img]'+ pic +'[/img][/url]';
			}else if(blogName == '百度空间' || blogName == 'QQ空间'){
				value = pic;
			}
			$('#imgTextarea').val(value);
			$('#bbsImg').attr('src',pic+'?t='+Math.random());
			$('#imgPreview').fadeIn('slow');
		}
	});
}


function changeJS(){
	var count = $('#jsCount').val();
	var showReply = $('#jsrevert').val();
	if (count == '') count = 2;
	count = count - 0;
	if(count < 1) count = 2;
	if(count > 20) count = 20;
	if (mid == '') mid = 'OpenCloud';
	var apiUrl = 'api/wudishow.jsp?callback=callback&username=' + mid + '&count=' + count + '&isBack=' + showReply;
	$('#jsTextarea').val('<div id="wudiShow">正在加载</div><script src="http://www.digushow.com/js/digushow.js" type="text/javascript"><\/script>'+
				'<script type="text/javascript">wudiShow.setUrl("' + selectWebsite.url + '");wudiShow.setSiteName("' + selectWebsite.siteName + '");<\/script><script src="http://www.digushow.com/' + apiUrl + '" type="text/javascript"><\/script>');
	wudiShow.setUrl(selectWebsite.url);wudiShow.setSiteName(selectWebsite.siteName);
	$.getScript(apiUrl);
	$('#jsPreview').show();
}

//<script src="/js/wudishow.js" type="text/javascript"></script>
						//<script src="/api/wudishow.jsp?callback=callback&username=liuyang&count=3" type="text/javascript">