$(function(){
  if(iphone) {
    $('#main-stage')
      .html('')
      .css({
        background:'url(\'images/contact-2.png\') no-repeat top left transparent',
        textAlign:'left'
      })
      .append('<div><input type=text id=f1 /></div>')
      .append('<div><input type=text id=f2 /></div>')
      .append('<div><input type=text id=f3 /></div>')
      .append('<div><textarea id=f4></textarea><input type=image src="images/csubmit.png"></div>')
    ;
    $('#main-stage div:first')
      .css({padding:'68px 0px 0px 139px'})
      .next()
      .css({padding:'3px 0px 0px 139px'})
      .next()
      .css({padding:'2px 0px 0px 139px'})
      .next()
      .css({padding:'21px 0px 0px 55px'})
      .children('input[type=image]')
      .css({margin:'0px 0px 0px 10px'})
      .click(function(){
        // submit stuff
        $.ajax({type:'POST',url:'_your_say.php',data:{
          fname:    document.getElementById('f1').value,
          fphone:   document.getElementById('f2').value,
          femail:   document.getElementById('f3').value,
          fcomment: document.getElementById('f4').value
        }});
        $(this).unbind().hide();
        $('#main-stage > div').fadeOut('normal');
        $('#main-stage').css('background','url(\'images/contact-f.png\') no-repeat top left transparent');
      })
    ;
    $('#main-stage input[type=text]')
      .css({
        padding:'0px 0px 0px 0px',
        border:'1px solid black',
        width:'153px',
        height:'20px',
        fontSize:'8pt'
      })
    ;
    $('#main-stage textarea')
      .css({
        border:'1px solid black',
        width:'237px',
        height:'102px',
        fontSize:'8pt'
      })
    ;
  }
});

