$(document).addEvent("domready", function() {
  var panel = new FlyingPanel(".enquiry_form", "enquiry_form_href", {
   ajaxSource: "http://" + document.location.hostname + "/Enquiry-Form.html",
   top: "50px",
   drag: false,
   wrapperHtml: '<div class="flyingContent"></div>',
   onPageLoad: function(page) {
    var inputs = page.getElements("input[type=text], textarea");
    inputs.each(function(input) {
     var dt = input.getParent().getPrevious();
     var label = dt.getElement("label");
     var text = label.get("html");
     input.set("value", text);
     input.set("defaultText", text);
     input.setStyle("color", "#ccc");
     
     dt.setStyle("opacity", 0);
     
     input.addEvent("focus",function() {
      if (this.get("value") == text) {
       this.set("value", "");
       this.setStyle("color", "#000");
      }
     });
     input.addEvent("blur",function() {
      if (this.get("value") == "") {
       this.setStyle("color", "#ccc");
       this.set("value", text);
      }
     });
    });
    
    page.getElements("input[type=image], img:not([src$='cross.gif'])").addEvent("mouseenter", function() {
     var src = this.get("src");
     this.set("src", src.substr(0,src.length - 4) + 'h.gif');
    });
    page.getElements("input[type=image], img:not([src$='cross.gif'])").addEvent("mouseleave", function() {
     var src = this.get("src");
     this.set("src", src.substr(0,src.length - 5) + '.gif');
    });
    
    
    var i1 = new Element("img", {src:"/design/images/cancelh.gif"});
    var i2 = new Element("img", {src:"/design/images/submith.gif"});
    var i3 = new Element("img", {src:"/design/images/reseth.gif"});
    
   }
  });
  
  var panel2 = new FlyingPanel(".enquiry_form", "contact_form_href", {
   ajaxSource: "http://" + document.location.hostname + "/Client-contact.html",
   top: "50px",
   drag: false,
   wrapperHtml: '<div class="flyingContent"></div>',
   onPageLoad: function(page) {
    var inputs = page.getElements("input[type=text], textarea");
    inputs.each(function(input) {
     var dt = input.getParent().getPrevious();
     var label = dt.getElement("label");
     var text = label.get("html");
     input.set("value", text);
     input.set("defaultText", text);
     input.setStyle("color", "#ccc");
     
     dt.setStyle("opacity", 0);
     
     input.addEvent("focus",function() {
      if (this.get("value") == text) {
       this.set("value", "");
       this.setStyle("color", "#000");
      }
     });
     input.addEvent("blur",function() {
      if (this.get("value") == "") {
       this.setStyle("color", "#ccc");
       this.set("value", text);
      }
     });
    });
    
    page.getElements("input[type=image], img:not([src$='cross.gif'])").addEvent("mouseenter", function() {
     var src = this.get("src");
     this.set("src", src.substr(0,src.length - 4) + 'h.gif');
    });
    page.getElements("input[type=image], img:not([src$='cross.gif'])").addEvent("mouseleave", function() {
     var src = this.get("src");
     this.set("src", src.substr(0,src.length - 5) + '.gif');
    });
    
    
    var i1 = new Element("img", {src:"/design/images/cancelh.gif"});
    var i2 = new Element("img", {src:"/design/images/submith.gif"});
    var i3 = new Element("img", {src:"/design/images/reseth.gif"});
    
   }
  });
});

