Всякие мысли

код html <div class="head">Payment Form title</div>
<div class="cont">
<p>Номер заказа/платежа: <i>Order number</i></p>
<p>Назначение: <i>Payment description</i></p>
<p>Сумма:<strong>10.10</strong></p>
<div class="icon_menu">
<div class="all_icon">
<ul>
<li><a id="wm" class="selected"></a></li>
<li><a id="wmcard"></a></li>
<li><a id="paymer"></a></li>
<li><a id="wmcheck"></a></li>
<li><a id="wmnote"></a></li>
<li><a id="post"></a></li>
</ul>
</div>
</div>
<div class="wm_adress">
<div id="content_wm" class="div_content">
<div class="help">
<a href="http://www.webmoney.ru/"; target="_blank">Что такое WebMoney?</a><br>
<a href="http://start.webmoney.ru/"; target="_blank">Как зарегистрироваться в WebMoney?</a><br>
<a href="http://www.owebmoney.ru/kurs.shtml"; target="_blank">Краткий курс обучения WebMoney</a><br>
<a href="http://www.webmoney.ru/rus/addfunds/wmz/index.shtml"; target="_blank">Как пополнить свой WMZ-кошелёк?</a><br>
<a href="http://geo.webmoney.ru/"; target="_blank">Территория WebMoney</a>
</div>
<div class="form_input">

<!-- wm form //-->
<form method="post" accept-charset="windows-1251" action="https://merchant.webmoney.ru/lmi/payment.asp?at=authtype_8">;
<input type="hidden" name="lmi_payment_desc" value="Payment description">
<input type="hidden" name="lmi_payment_no" value="Order number">
<input type="hidden" name="lmi_payment_amount" value="10.10">
<input type="hidden" name="lmi_sim_mode" value="0">
<div>
<select id="lmi_payee_purse" name="lmi_payee_purse">
<option value="R422969418839">WebMoney RUR (WMR)</option>
<option value="Z175955416930">WebMoney USD (WMZ)</option>
<option value="E358178835082">Webmoney EUR (WME)</option>
<option value="U151974878825">Webmoney UAH (WMU)</option>
</select>

<input type="submit" style="width: 90px; padding: 2px;" value="Оплатить">
</div>
</form>

</div>
</div>
<div id="content_wmcard" class="div_content">
<div class="help">
<div><a class="link" href="http://www.webmoney.ru/rus/addfunds/wmz/aboutcards.shtml"; target="_blank">Что такое WM-карта?</a></div>
<div><a class="link" href="http://www.webmoney.ru/rus/addfunds/wmz/cardsdealers.shtml"; target="_blank">Как доставить WM-карту на дом?</a></div>
<div>Пункты продаж WM-карт в:<br>
<div>Москве <a href="http://geo.webmoney.ru/wmobjects/metroview.aspx?city=12918&type=6"; target="_blank">на схеме метро</a>, <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=55.75&lon=37.63&z=11&t=6"; target="_blank">на карте</a>;</div>
<div>Санкт-Петербурге <a href="http://geo.webmoney.ru/wmobjects/metroview.aspx?city=28610&type=6"; target="_blank">на схеме метро</a>, <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=59.93&lon=30.33&z=11&t=6"; target="_blank">на карте</a>;</div>
<div>Нижнем Новгороде <a href="http://geo.webmoney.ru/wmobjects/metroview.aspx?city=32494&type=6"; target="_blank">на схеме метро</a>, <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=56.3&lon=44&z=11&t=6"; target="_blank">на карте</a>;</div>
<div>Новосибирске <a href="http://geo.webmoney.ru/wmobjects/metroview.aspx?city=32494&type=6"; target="_blank">на схеме метро</a>, <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=55.03&lon=82.94&z=11&t=6"; target="_blank">на карте</a>;</div>
<div>Самаре <a href="http://geo.webmoney.ru/wmobjects/metroview.aspx?city=16031&type=6"; target="_blank">на схеме метро</a>, <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=53.19&lon=50.16&z=11&t=6"; target="_blank">на карте</a>;</div>
<div>Волгограде <a href="http://geo.webmoney.ru/wmobjects/metroview.aspx?city=6100&type=6"; target="_blank">на схеме метро</a>, <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=48.72&lon=44.5&z=11&t=6"; target="_blank">на карте</a>;</div>
<div><a href="http://geo.webmoney.ru/wmobjects/?t=3&lang=ru"; target="_blank">других регионах России</a>.</div>
</div>
<div>Пункты продаж WM-карт на <a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=50.45&lon=30.5&z=11&t=6"; target="_blank">Украине</a>
и в <a href="http://geo.webmoney.ru/wmobjects/"; target="_blank">других странах</a> (<a href="http://geo.webmoney.ru/wmobjects/map.aspx?lat=50.45&lon=30.5&z=3&t=6"; target="_blank">на карте</a>).
</div>
</div>
<div class="form_input">

<form method="post" accept-charset="windows-1251" action="https://merchant.webmoney.ru/lmi/payment.asp?at=authtype_3">;
<input type="hidden" name="lmi_payment_desc" value="Payment description">
<input type="hidden" name="lmi_payment_no" value="Order number">
<input type="hidden" name="lmi_payment_amount" value="10.10">
<input type="hidden" name="lmi_sim_mode" value="0">
<div>
<label>Введите email:</label><br>
<input type="text" id="lmi_paymer_email" name="lmi_paymer_email" value=""><br>
<label>Введите код:</label><br>
<input type="text" id="lmi_paymer_pinnumberinside" name="lmi_paymer_pinnumberinside" value=""><br>
<label>Выберите тип карты:</label><br>
<select id="lmi_payee_purse" name="lmi_payee_purse">
<option value="R422969418839">WebMoney RUR (WMR)</option>
<option value="Z175955416930">WebMoney USD (WMZ)</option>
<option value="E358178835082">Webmoney EUR (WME)</option>
<option value="U151974878825">Webmoney UAH (WMU)</option>
</select>

<input type="submit" style="width: 90px; padding: 2px;" value="Оплатить">
</div>
</form>

</div>
</div>
<div id="content_paymer" class="div_content">
<div class="help">
<a href="http://wiki.webmoney.ru/wiki/show/paymer"; target="_blank">Что такое Paymer?</a>
</div>
<div class="form_input">

<!-- paymer form //-->
<form method="post" accept-charset="windows-1251" action="https://merchant.webmoney.ru/lmi/payment.asp?at=authtype_6">;
<input type="hidden" name="lmi_payment_desc" value="Payment description">
<input type="hidden" name="lmi_payment_no" value="Order number">
<input type="hidden" name="lmi_payment_amount" value="10.10">
<input type="hidden" name="lmi_sim_mode" value="0">
<div>
<label>Введите email:</label><br>
<input type="text" id="lmi_paymer_email" name="lmi_paymer_email" value=""><br>
<label>Введите код:</label><br>
<input type="text" id="lmi_paymer_pinnumberinside" name="lmi_paymer_pinnumberinside" value=""><br>
<label>Выберите тип чека-пеймер:</label><br>
<select id="lmi_payee_purse" name="lmi_payee_purse">
<option value="R422969418839">WebMoney RUR (WMR)</option>
<option value="Z175955416930">WebMoney USD (WMZ)</option>
<option value="E358178835082">Webmoney EUR (WME)</option>
<option value="U151974878825">Webmoney UAH (WMU)</option>
</select>

<input type="submit" style="width: 90px; padding: 2px;" value="Оплатить">
</div>
</form>

</div>
</div>
<div id="content_wmcheck" class="div_content">
<div class="help">
<a href="http://wiki.webmoney.ru/wiki/show/Kak_priobresti_ili_popolnit_WebMoney_Check"; target="_blank">Как внести наличные в терминале?</a><br>
<a href="http://wiki.webmoney.ru/wiki/show/Oplata_s_pomoshchyu_WebMoney_Check"; target="_blank">Как совершить оплату?</a><br>
<a href="http://wiki.webmoney.ru/wiki/show/Tarify_i_ogranicheniya_servisa_WebMoney_Check"; target="_blank">Тарифы и ограничения сервиса</a><br>
</div>
<div class="form_input">

<!-- wmcheck form //-->
<form method="post" accept-charset="windows-1251" action="https://merchant.webmoney.ru/lmi/payment.asp?at=authtype_13">;
<input type="hidden" name="lmi_payment_desc" value="Payment description">
<input type="hidden" name="lmi_payment_no" value="Order number">
<input type="hidden" name="lmi_payment_amount" value="10.10">
<input type="hidden" name="lmi_sim_mode" value="0">
<div>
<label>Выберите страну:</label><br>
<select id="lmi_payee_purse" name="lmi_payee_purse">
<option value="R422969418839">Россия </option>
<option value="Z175955416930">США</option>
<option value="E358178835082">Европа</option>
<option value="U151974878825">Украина</option>
</select>
<br>
<label>Номер телефона:</label><br>
<input type="text" id="lmi_wmcheck_numberinside" name="lmi_wmcheck_numberinside" value=""><br>
<label>Введите код:</label><br>
<input type="text" id="lmi_wmcheck_codeinside" name="lmi_wmcheck_codeinside" value=""><br>
<input type="submit" style="width: 90px; padding: 2px;" value="Оплатить">
</div>
</form>

</div>
</div>
<div id="content_wmnote" class="div_content">
<div class="help">
<div><a href="http://wiki.webmoney.ru/wiki/show/VM_nota"; target="_blank">Что такое WM-ноты?</a></div>
<div><a href="http://www.webmoney.eu"; target="_blank">WebMoney.eu</a></div>
</div>
<div class="form_input">

<!-- wmnote form //-->
<form method="post" accept-charset="windows-1251" action="https://merchant.webmoney.ru/lmi/payment.asp?at=authtype_10">;
<input type="hidden" name="lmi_payment_desc" value="Payment description">
<input type="hidden" name="lmi_payment_no" value="Order number">
<input type="hidden" name="lmi_payment_amount" value="10.10">
<input type="hidden" name="lmi_payee_purse" value="">
<input type="hidden" name="lmi_sim_mode" value="0">
<div>
<label>Введите email:</label><br>
<input type="text" id="lmi_paymer_email" name="lmi_paymer_email" value=""><br>
<label>Введите код:</label><br>
<input type="text" id="lmi_wmnote_pinnumberinside" name="lmi_wmnote_pinnumberinside" value="">
<input type="submit" style="width: 90px; padding: 2px;" value="Оплатить">
</div>
</form>

</div>
</div>
<div id="content_post" class="div_content">
<div class="help">
<a target="_blank" href="http://www.russianpost.ru/">Почта России</a><br>
<a target="_blank" href="http://geo.webmoney.ru/wmobjects/city.aspx?type=5">Ближайшее отделение почты</a><br>
<a target="_blank" href="https://transfer.guarantee.ru/GRNTPostMerchant.aspx?amount=10.10&purse=R422969418839">Получить бланк перевода</a><br>
</div>
<div class="form_input">

<!-- post form //-->
<form method="post" accept-charset="windows-1251" action="https://merchant.webmoney.ru/lmi/payment.asp">;
<input type="hidden" name="lmi_payment_desc" value="Payment description">
<input type="hidden" name="lmi_payment_no" value="Order number">
<input type="hidden" name="lmi_payment_amount" value="10.10">
<input type="hidden" name="lmi_payee_purse" value="R422969418839">
<input type="hidden" name="lmi_cashier_atmnumberinside" value="303">
<input type="hidden" name="AtmKioskId" value="">
<input type="hidden" name="AtmKioskName" value="Почта России">
<input type="hidden" name="AtmPurse" value="R422969418839">
<div>
Код платежа (16 символов):<br>
<input type="text" name="AtmInvId" style="width:250px"><br>
Дата платежа (день/месяц/год, прим. 20/11/2010):<br>
<input type="text" name="AtmDateD" style="width:50px"> / <input type="text" name="AtmDateM" style="width:50px"> / <input type="text" name="AtmDateY" style="width:50px"> <input type="submit" style="width: 90px; padding: 2px;" value="Оплатить">
</div>
</form>

</div>
</div>
</div>
</div>

скрипты $(document).ready(function(){
form_bind_tab_click();
});
function form_bind_tab_click(){
$($(".wm_adress div.div_content")[0]).show();
$(".all_icon a").each(function(){
$(this).click(function(){
form_ontabclick($(this).attr("id"));
form_showcontent($(this).attr("id"));
});
});
}
function form_ontabclick(id){
$(".all_icon a").removeClass("selected");
$("#"+ id).addClass("selected");
return false;
}
function form_showcontent(id){
$(".wm_adress div.div_content").hide();
$(".wm_adress div#content_" + id).show();
}

стили @charset "windows-1251";
/* CSS Document */
#formid{
font-family:Arial, Helvetica, sans-serif;
width:400px;
/*height:300px;*/
border:2px solid #6699cc;
padding-bottom:15px;
}
#formid .head{
width:400px;
background:#6699cc;
color:#fff;
line-height:1.8em;
text-align:center;
height:24px;
font-weight:bold;
}
#formid .chkbox{
margin-bottom:2px !important;
}
#formid .cont{
width:282px;
/*height:249px;*/
font-size:11px;
padding:0 10px;
}
#formid .icon_menu{
padding-top:2px;
}
#formid .all_icon{
height:22px;
position:absolute;
margin-left:5px;
}
#formid .icon_menu img{
border:none;
}
#formid .icon_menu ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#formid .icon_menu li{
margin:0 1px;
float:left;
margin-left:-4px;
padding-right:2px;
padding-bottom:2px;
}
#formid .icon_menu li a{
background-color:#edefe8 !important;
display:block;
height:25px;
margin-bottom:1px;
margin-left:1px;
margin-right:1px;
margin-top:1px;
width:26px;
border: 0px;
cursor:hand;
cursor:pointer;
}
#formid .icon_menu li a.selected {
background-color:#FFFFFF !important;
border-color:#bfbbb3 #bfbbb3;
border-style:solid solid none;
border-width:1px 1px medium;
padding-bottom:1px;
}
#formid .icon_menu li a#wm {
background:url(../img/icons_all.png) no-repeat 1px 1px;
}
#formid .icon_menu li a#wmcheck{
background:url(../img/icons_all.png) no-repeat -311px 1px;
}
#formid .icon_menu li a#wmnote{
background:url(../img/icons_all.png) no-repeat -359px 1px;
}
#formid .icon_menu li a#post {
background:url(../img/icons_all.png) no-repeat -407px 1px;
}
#formid .icon_menu li a#wmcard{
background:url(../img/icons_all.png) no-repeat -287px 1px;
}
#formid .icon_menu li a#paymer {
background:url(../img/icons_all.png) no-repeat -335px 1px;
}
#formid .icon_menu li a#sdp {
background:url(../img/icons_all.png) no-repeat -431px 1px;
}
#formid .icon_menu li a#alpha {
background:url(../img/icons_all.png) no-repeat -455px 1px;
}
#formid .icon_menu li a#cards {
background:url(../img/icons_all.png) no-repeat -480px 1px;
}


#formid .wm_adress{
width:372px;
border:1px solid #CFCBC2;
margin-top:27px;
padding-top:5px;
padding-left:6px;
}
#formid .wm_adress a{
color:#6699cc;
line-height:1.4em;
}
#formid .form_input{
margin-top:15px;
margin-left:5px;
font-size:12px;
line-height:1.4em;
padding-bottom:10px;
}
#formid .form_input div {display:block; width:330px;}
#formid .form_input select{
margin-top:1px;
margin-left:2px;
margin-bottom:2px;
}
#formid .form_input input{
margin-left:2px;
margin-top:-2px;
margin-bottom:2px;
}
#formid .form_input label{
margin-left:2px;
margin-top:-1px;
margin-bottom:4px;
line-height:1.2em !important;
}
#formid .help {
min-width: 40px;
min-height: 40px;
width:92%;
background: url(../img/quest.png) no-repeat 0 0;
background-color:#cce4ff !important;
color:#222;
padding:4px 12px;
}

#formid .help a{
color:#1E61BA;
text-decoration:underline;
border: none !important;
}
#formid .div_content { display:none;}
.bgdiv {
position:absolute;
left:0;
top:0;
height:100%;
background:#000;
opacity:0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
z-index:10000;
text-align:center;
vertical-align:middle;
display:none;
padding:0;
margin:0;
width:100%;
}

.formCode {
position:absolute;
z-index:10010;
text-align:left;
padding:2px;
margin:auto;
display:none;
width:550px;
height:350px;
background:#fff;
opacity:1;
filter:alpha(opacity=100);
-moz-opacity:0;
border: solid 2px #efede8;
}
.formCode a { border:none; text-decoration:none;}
.formCode img { border:0; text-align:center; vertical-align:center; padding:0}
.formCode .code-content
{
overflow:auto;
width:98%;
height:325px;
font-family:"Courier New";
font-size:9pt;
color:#0b0;
border: solid 1px #cdcbc0;
padding:1px;
white-space:nowrap;
}


/*IE css styles. Include with [if IE 6] [endif] heaher */
@charset "windows-1251";
/* CSS Document */
#formid{
width:283px;}
#formid .head{
width:292px;}
#formid .icon_menu{
margin-top:-10px;}
#formid .cont{
padding-right:0px;}