//--------------------------------
//********************************
//******** Class button***********
//********************************
//--------------------------------


//********************************
//********* Constructors *********
//********************************
function pan_button()
{
  
}

function owk_pan_button_create(i_parent,i_region,i_visible,i_dragable)
{
   this.set_parent(i_parent);
   this.ancestor_create(i_region,i_visible,false, i_dragable);  
   i_parent.push_back_layer(this);
}


function owk_pan_button_load_patterns(i_url)
{
   this.m_top = new button();
   this.m_left = new button();
   this.m_right = new button();
   this.m_bottom = new button();
   
   this.m_top.set_parent(this);
   this.m_left.set_parent(this);
   this.m_right.set_parent(this);
   this.m_bottom.set_parent(this); 
   
   var xmlDoc = null;

   var xmlDoc = null;

   if (window.ActiveXObject) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "top/info.xml");
   }
   else if (window.XMLHttpRequest) {
       var xmlDoc2 = new window.XMLHttpRequest();
       xmlDoc2.open("GET", i_url + "top/info.xml", false);
       xmlDoc2.send("");
       xmlDoc = xmlDoc2.responseXML;
   }
   else if (ActiveXObject("Microsoft.XMLDOM")) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "top/info.xml");
   }  
  
   var x=xmlDoc.getElementsByTagName("image_size");

   var top_width = x[0].getElementsByTagName("width")[0].childNodes[0].nodeValue;
   var top_height = x[0].getElementsByTagName("height")[0].childNodes[0].nodeValue;

   if (window.ActiveXObject) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "left/info.xml");
   }
   else if (window.XMLHttpRequest) {
       var xmlDoc2 = new window.XMLHttpRequest();
       xmlDoc2.open("GET", i_url + "left/info.xml", false);
       xmlDoc2.send("");
       xmlDoc = xmlDoc2.responseXML;
   }
   else if (ActiveXObject("Microsoft.XMLDOM")) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "left/info.xml");
   }
   x=xmlDoc.getElementsByTagName("image_size");
   var left_width = x[0].getElementsByTagName("width")[0].childNodes[0].nodeValue;
   var left_height = x[0].getElementsByTagName("height")[0].childNodes[0].nodeValue;

   if (window.ActiveXObject) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "right/info.xml");
   }
   else if (window.XMLHttpRequest) {
       var xmlDoc2 = new window.XMLHttpRequest();
       xmlDoc2.open("GET", i_url + "right/info.xml", false);
       xmlDoc2.send("");
       xmlDoc = xmlDoc2.responseXML;
   }
   else if (ActiveXObject("Microsoft.XMLDOM")) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "right/info.xml");
   }
   x=xmlDoc.getElementsByTagName("image_size");
   var right_width = x[0].getElementsByTagName("width")[0].childNodes[0].nodeValue;
   var right_height = x[0].getElementsByTagName("height")[0].childNodes[0].nodeValue;

   if (window.ActiveXObject) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "bottom/info.xml");
   }
   else if (window.XMLHttpRequest) {
       var xmlDoc2 = new window.XMLHttpRequest();
       xmlDoc2.open("GET", i_url + "bottom/info.xml", false);
       xmlDoc2.send("");
       xmlDoc = xmlDoc2.responseXML;
   }
   else if (ActiveXObject("Microsoft.XMLDOM")) {
       xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
       xmlDoc.async = false;
       xmlDoc.load(i_url + "bottom/info.xml");
   }
   x=xmlDoc.getElementsByTagName("image_size");
   var bottom_width = x[0].getElementsByTagName("width")[0].childNodes[0].nodeValue;
   var bottom_height = x[0].getElementsByTagName("height")[0].childNodes[0].nodeValue;

   //Create the 4 button
   this.m_top.create(this, new rectangle(0, 0, top_width*1, top_height*1), true, "");
   this.m_left.create(this, new rectangle(0, top_height*1, left_width*1, top_height*1+left_height*1), true, "");       
   this.m_right.create(this,new rectangle(left_width*1, top_height*1, left_width*1+right_width*1, top_height*1+right_height*1), true, "");         
   this.m_bottom.create(this, new rectangle(0, top_height*1+left_height*1, bottom_width*1, top_height*1+left_height*1+bottom_height*1), true, false, false);       
  
   //Resizer le layer
   //this.region().set_right(this.region().left()*1 + bottom_width*1);
   //this.region().set_bottom(this.region().left()*1 + top_height*1+left_height*1+bottom_height*1+5);
   //this.set_region(this.region());    
  
   this.m_top.load_patterns(i_url + "top", true, false, false);   
   this.m_left.load_patterns(i_url + "left", true, false, false);   
   this.m_right.load_patterns(i_url + "right", true, false, false);  
   this.m_bottom.load_patterns(i_url + "bottom", true, false, false);   
}

function owk_pan_button_button_top()
{
   return this.m_top;
}

function owk_pan_button_button_bottom()
{
   return this.m_bottom;
}

function owk_pan_button_button_left()
{
   return this.m_left;
}

function owk_pan_button_button_right()
{
   return this.m_right;
}


pan_button.prototype = new layer_group;
pan_button.prototype.load_patterns = owk_pan_button_load_patterns;
pan_button.prototype.create = owk_pan_button_create;
pan_button.prototype.ancestor_create = owk_layer_create;
pan_button.prototype.button_top = owk_pan_button_button_top;
pan_button.prototype.button_bottom = owk_pan_button_button_bottom;
pan_button.prototype.button_left = owk_pan_button_button_left;
pan_button.prototype.button_right = owk_pan_button_button_right;