// JavaScript Document

var select_frame_id='';

function ajax(){
		var ajaxobj = false;
		var cloneobj = this;
		
		try{ajaxobj = new ActiveXObject("MSXML2.XMLHTTP");} catch(e){}
		try{ajaxobj = new ActiveXObject("Microsoft.XMLHTTP");} catch(e){}
		try{ajaxobj = new XMLHttpRequest();} catch(e){}
		
		if(!ajaxobj) return false;
		this.url;
		this.method = "POST";
		this.async = true;
		this.content;
		this.callback = function(o){return;}
		this.send = function(){
			if(!this.method || !this.url || !this.async) return false;
			ajaxobj.open(this.method,this.url,this.async);
			if(this.method == "POST") ajaxobj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
			
			ajaxobj.onreadystatechange = function(){
				if(ajaxobj.readyState == 4){
					if(ajaxobj.status == 200){
						cloneobj.callback(ajaxobj);
						}
					}
				}
			if(this.method == "POST"){
				ajaxobj.send(this.content);
				}else{
				ajaxobj.send(null);
				}
			}
	}


//ajax get frames list
function cheked_seize(obj){
	if( 0 < Number(obj.value) && document.getElementById('show_fram_body') ){
		
		var oajax = new ajax();
		oajax.url= "fram_ajax.php?ajax=1&action=find_frame&op_value="+Number(obj.value);
	status_all_input(true);
	caler_frame_css();
		oajax.callback = function(o){
			if(o.responseText){
				document.getElementById('show_fram_body').innerHTML=o.responseText;
				status_all_input(false);
			 }
			}
		oajax.send();		
		}
	}



//Cancel frame
function checked_false(){
	if(''!=select_frame_id && document.getElementById('frame_'+select_frame_id) ){
		document.getElementById('frame_'+select_frame_id).className = 'fram_body_id';
		document.getElementById('frame_input_'+select_frame_id) ? document.getElementById('frame_input_'+select_frame_id).checked=false :false;
		}
	}


//on frame
function checked_true(frame_key){
	if(document.getElementById('frame_'+frame_key)){
		document.getElementById('frame_'+frame_key).className = 'fram_body_id select_on';
		document.getElementById('frame_input_'+frame_key).checked=true;
		show_on_frame_info(frame_key);
		select_frame_id=frame_key;
		return true;
		}else{ 
		select_frame_id='';
		return false; 
		}
	}

	

function select_frame(frame_key){	
	checked_false();
	
	if(checked_true(frame_key)){
		get_p_img(frame_key);
		}		
	}


function get_p_img(frame_key){
	
	caler_frame_css();
	
	if(document.getElementById('p_img_body').getElementsByTagName('img')){
		var this_p_img_w=document.getElementById('p_img_body').getElementsByTagName('img')[0].width;
		var this_p_img_h=document.getElementById('p_img_body').getElementsByTagName('img')[0].height;
		var frame_value=document.getElementById('frame_input_'+frame_key).value;
		
		var oajax = new ajax();
		oajax.url= "fram_ajax.php?ajax=1&action=find_frame_img&w="+this_p_img_w+"&h="+this_p_img_h+"&frame_value="+frame_value;
		status_all_input(true);
		oajax.callback = function(o){
			if(o.responseText){
				if('0'!=o.responseText){
					var arr=eval('('+o.responseText+')');
					show_frame_css(arr);
					}			
				status_all_input(false);
				}
			}
			oajax.send();
			
		}
	}



function show_frame_css(Cssobj){
	var this_img_url='';
	var this_body_border_id='';
	var img_body='p_img_body';

	for(var i=1; i<=4; i++){
		
		if(Cssobj['b-'+i]){
			this_img_url=Cssobj['b-'+i]['img'];
			
			switch(i){
				case 1:
					document.getElementById(img_body).style.paddingTop=Cssobj['b-'+i]['h']+'px';
					//document.getElementById('b-'+i).style.left=Cssobj['j-'+i]['w']+'px';
				case 2:
					document.getElementById(img_body).style.paddingRight=Cssobj['b-'+i]['w']+'px';
					//document.getElementById('b-'+i).style.top=Cssobj['j-'+i]['h']+'px';
				case 3:
					document.getElementById(img_body).style.paddingBottom=Cssobj['b-'+i]['h']+'px';
					//document.getElementById('b-'+i).style.right=Cssobj['j-'+i]['w']+'px';
				case 4:
					document.getElementById(img_body).style.paddingLeft=Cssobj['b-'+i]['w']+'px';
					//document.getElementById('b-'+i).style.bottom=Cssobj['j-'+i]['h']+'px';
				break;
				}
			document.getElementById('b-'+i).style.display='inline';
			document.getElementById('b-'+i).style.width=Cssobj['b-'+i]['w']+'px';
			document.getElementById('b-'+i).style.height=Cssobj['b-'+i]['h']+'px';
			document.getElementById('b-'+i).style.backgroundImage= "url('" + this_img_url + "')";
			}
		
		if(Cssobj['j-'+i]){
			        this_img_url=Cssobj['j-'+i]['img'];
					document.getElementById('j-'+i).style.backgroundImage= "url('" + this_img_url + "')";
					document.getElementById('j-'+i).style.display='inline';
					document.getElementById('j-'+i).style.width=Cssobj['j-'+i]['w'] + 'px';
					document.getElementById('j-'+i).style.height=Cssobj['j-'+i]['h'] + 'px';
					}
		
		}
	}


function caler_frame_css(){
	document.getElementById('p_img_body')? document.getElementById('p_img_body').style.padding=0 :false;
	for(var i=1; i<=4; i++ ){
		document.getElementById('b-'+i)?document.getElementById('b-'+i).style.display='none':false;
		document.getElementById('j-'+i)?document.getElementById('j-'+i).style.display='none':false;
		
		document.getElementById('j-'+i)?document.getElementById('j-'+i).style.backgroundImage='':false;
		document.getElementById('b-'+i)?document.getElementById('b-'+i).style.backgroundImage='':false;
		}
	}


//get select frame info
function show_on_frame_info(frame_key){
	if(document.getElementById('frame_info_'+frame_key)){
		document.getElementById('on_frame_info').innerHTML=document.getElementById('frame_info_'+frame_key).innerHTML + ' <input class="delete_frame_bu" onclick="delete_on_frame();" type="button" value="Delete" />';
		}
	}


//delete fram
function delete_on_frame(){
	caler_frame_css();
	document.getElementById('on_frame_info').innerHTML='No choice!';
	checked_false();
	}


//all input status
function status_all_input(statu){
	var all_input=document.getElementsByTagName('input');
	
	for(var i=0; i<all_input.length; i++){
		all_input[i].disabled=statu;
		}
		
	if(true==statu){
		document.getElementById('select_false') ? document.getElementById('select_false').style.display='inline' :false;
		}else{
			document.getElementById('select_false') ? document.getElementById('select_false').style.display='none' :false;
			}
	
	}