// JavaScript Document
/**
* @author lyk2007
* @create 2009-1-31
* 
*/
 function findPosition( oElement )   
 {  
   var x2 = 0;  
   var y2 = 0;  
   var width = oElement.offsetWidth;  
   var height = oElement.offsetHeight;  
   if( typeof( oElement.offsetParent ) != 'undefined' )   
   {  
     for( var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent )   
     {  
       posX += oElement.offsetLeft;  
       posY += oElement.offsetTop;        
     }  
     x2 = posX + width;  
     y2 = posY + height;  
     return [ posX, posY ,x2, y2];  
       
     } else{  
       x2 = oElement.x + width;  
       y2 = oElement.y + height;  
       return [ oElement.x, oElement.y, x2, y2];  
   }  
 }
 function showImg(obj){

 	if($("#imgDiv").css("display") == 'none'){
		var w = document.documentElement.clientWidth ? document.documentElement.scrollWidth : document.body.scrollWidth;
		var ul = obj.parentNode.parentNode;
		obj.style.position='relative';
		var smallImgPosition = findPosition(obj);
		var l = smallImgPosition[0];
		if((l+405)>w)l=(l-(402-obj.offsetWidth));

		$("#imgDiv").css("left",l).css("top",smallImgPosition[3]-ul.scrollTop).fadeIn("fast");
		var bigImgUrl = $(obj).attr("src");
		bigImgUrl = bigImgUrl.replace('smallsignpic/small_','');
		$("#imgDiv").html("<img src='"+bigImgUrl+"'>");
	}
 } 

 function hideImg(obj){
	obj.style.position='static';
 	$("#imgDiv").fadeOut("fast");
 }
 function choose(obj){
 	
	
	$("input[@name='big_img']").val($(obj).attr("src").replace("http://"+window.location.host+"/signpic/smallsignpic/small_",""));
	$("li[@group='imgTd']").css({cursor:"pointer",border:"3px solid #FFFFFF"});
	$(obj).parent().css({cursor:"pointer",border:"3px solid #FF0000"});
 	
	
//	var ajaxurl = "<!--{SITE_URL}-->?controller=SingController&action=Create";
//	var ajaxdata = "name_text="+$("input[@name='name_text']").val();
//	ajaxdata += "&name_font="+$("select[@name='name_font']").val();
//	ajaxdata += "&name_size="+$("select[@name='name_size']").val();
//	ajaxdata += "&name_color="+escape($("input[@name='name_color']").val());
//	ajaxdata += "&name_boder_color="+escape($("input[@name='name_boder_color']").val());
//	ajaxdata += "&big_img="+$("input[@name='big_img']").val();
//	//alert("<img src='http://127.0.0.1/?controller=SignController&action=Create&"+ajaxdata+"'>");
//	//document.write("http://127.0.0.1/?controller=SignController&action=Create&"+ajaxdata);
//	$("#preview").html("<img src='http://172.21.15.82/?controller=SignController&action=Create&"+ajaxdata+"'>");
//	$.ajax({
//
//		type:"post",
//		url:ajaxurl,
//		data:ajaxdata,
//		success:function(msg){
//			
//			$("#preview").html("<img src='http://127.0.0.1/?controller=SignController&action=Create'>");
//		}
//	})
 }
 
 function selectOption(inputName){
 
 	$("a[@thisv='"+inputName+"']").toggleClass("red");
 	$("input[@name="+inputName+"]").val((parseInt($("input[@name="+inputName+"]").val())+1)%2);
 }
 
 $(document).ready(
 	
	function (){
		
		$("input[@value='preview']").click(
			
			function(){
				
				if($("input[@name='big_img']").val()!=''){
				
					var nameData = "name_text=\'"+$("input[@name='name_text']").val()+"\'|name_size=\'"+$("select[@name='name_size']").val()+"\'|";
					nameData += "name_font=\'"+$("select[@name='name_font']").val()+"\'|name_b="+$("input[@name='name_b']").val()+"|";
					nameData += "name_line="+$("input[@name='name_line']").val()+"|name_color=\'"+escape($("input[@name='name_color']").val())+"\'|";
					nameData += "name_slant="+$("input[@name='name_slant']").val()+"|";
					nameData += "name_boder="+$("input[@name='name_boder']").val()+"|name_boder_color=\'"+escape($("input[@name='name_boder_color']").val())+"\'";
					var levelData = "level_text=\'"+$("input[@name='level_text']").val()+"\'|level_size=\'"+$("select[@name='level_size']").val()+"\'|";
					levelData += "level_font=\'"+$("select[@name='level_font']").val()+"\'|level_b="+$("input[@name='level_b']").val()+"|";
					levelData += "level_line="+$("input[@name='level_line']").val()+"|level_color=\'"+escape($("input[@name='level_color']").val())+"\'|";
					levelData += "level_slant="+$("input[@name='level_slant']").val()+"|";
					levelData += "level_boder="+$("input[@name='level_boder']").val()+"|level_boder_color=\'"+escape($("input[@name='level_boder_color']").val())+"\'";
					var jobData = "job_text=\'"+$("input[@name='job_text']").val()+"\'|job_size=\'"+$("select[@name='job_size']").val()+"\'|";
					jobData += "job_font=\'"+$("select[@name='job_font']").val()+"\'|job_b="+$("input[@name='job_b']").val()+"|";
					jobData += "job_line="+$("input[@name='job_line']").val()+"|job_color=\'"+escape($("input[@name='job_color']").val())+"\'|";
					jobData += "job_slant="+$("input[@name='job_slant']").val()+"|";
					jobData += "job_boder="+$("input[@name='job_boder']").val()+"|job_boder_color=\'"+escape($("input[@name='job_boder_color']").val())+"\'";
					var guildData = "guild_text=\'"+$("input[@name='guild_text']").val()+"\'|guild_size=\'"+$("select[@name='guild_size']").val()+"\'|";
					guildData += "guild_font=\'"+$("select[@name='guild_font']").val()+"\'|guild_b="+$("input[@name='guild_b']").val()+"|";
					guildData += "guild_line="+$("input[@name='guild_line']").val()+"|guild_color=\'"+escape($("input[@name='guild_color']").val())+"\'|";
					guildData += "guild_slant="+$("input[@name='guild_slant']").val()+"|";
					guildData += "guild_boder="+$("input[@name='guild_boder']").val()+"|guild_boder_color=\'"+escape($("input[@name='guild_boder_color']").val())+"\'";
					var otherData = "other_text=\'"+$("input[@name='other_text']").val()+"\'|other_size=\'"+$("select[@name='other_size']").val()+"\'|";
					otherData += "other_font=\'"+$("select[@name='other_font']").val()+"\'|other_b="+$("input[@name='other_b']").val()+"|";
					otherData += "other_line="+$("input[@name='other_line']").val()+"|other_color=\'"+escape($("input[@name='other_color']").val())+"\'|";
					otherData += "other_slant="+$("input[@name='other_slant']").val()+"|";
					otherData += "other_boder="+$("input[@name='other_boder']").val()+"|other_boder_color=\'"+escape($("input[@name='other_boder_color']").val())+"\'";
					setCookie("nameData",nameData,1,'/',window.location.host);
					setCookie("levelData",levelData,1,'/',window.location.host);
					setCookie("jobData",jobData,1,'/',window.location.host);
					setCookie("guildData",guildData,1,'/',window.location.host);
					setCookie("otherData",otherData,1,'/',window.location.host);
					setCookie("img",$("input[@name='big_img']").val(),1,'/',window.location.host);
					$("#preview").html("<img src='http://"+window.location.host+"/?controller=SignController&action=Create&a="+Math.random()+"'>");
					//$("input[@value='preview']").attr("disabled","disabled")
				}
			}
		);
	}
 );


function showCheckCode(){


	$('#check').show().children().children('img').attr('src','http://'+window.location.host+'/?controller=SignController&action=CheckCode');
}
function chanageCode(){

	$('#check').children().children('img').attr('src','http://'+window.location.host+'/?controller=SignController&action=CheckCode&a='+Math.random());
}

function publicConfirm(){

	var confirmUrl = "http://"+window.location.host+"/?controller=SignController&action=Public";
	var inputCode = $('#check').children().children('input[@type="text"]').val();
	$.ajax({
	
		url:confirmUrl,
		type:'POST',
		data:'input_code='+inputCode,
		success:function(msg){
		
			if(msg=='wrongcode'){alert('please input the currect code');return false;}
			if(msg=='emptycode'){alert('please input the code');return false;}
			/*http://dragonica.db/'+msg this is the publiced img src*/
			alert('http://dragonica.db/'+msg);
			//window.location.href = 'http://dragonica.db/'+msg;
		}
	});
}