var omessage = '';
var oemail = '';
var oname = '';
var otheme = '';
var ocode = '';
var globalid;
function jq_mail_open(id){
	Boxy.ask(formText, {"1":"Отправить", "0":"Отмена"}, function(r) {sendMail(r); }, {
        afterShow: function() {

		$("#order_image").attr('src',$("#prod_"+id+"_image").attr('src'));
		$("#order_image_saver").val($("#prod_"+id+"_image").attr('src'));
		$("#order_product_name").html($("#prod_"+id+"_name").val());
		$("#order_product_name_saver").val($("#prod_"+id+"_name").val());
		$("#order_product_locks").html($("#prod_"+id+"_locks").val());
		$("#order_product_locks_saver").val($("#prod_"+id+"_locks").val());
		$("#order_product_extra").html($("#prod_"+id+"_extra").val());
		$("#order_product_extra_saver").val($("#prod_"+id+"_extra").val());
		$("#order_product_price").html($("#prod_"+id+"_price").val()+" руб");
		$("#order_product_price_saver").val($("#prod_"+id+"_price").val()+" руб");
		$("#order_product_inside").html($("#prod_"+id+"_inside").val());
		$("#order_product_inside_saver").val($("#prod_"+id+"_inside").val());
		$("#order_product_outside").html($("#prod_"+id+"_outside").val());
		$("#order_product_outside_saver").val($("#prod_"+id+"_outside").val());
		var p=$("#prod_"+id+"_outside");
		var position = p.position();
		this.centerAt(($(window).width()/2),position.top+300);
	}});

globalid=id;
}
var first=1;


function jq_set_outside(id,val){
	$("#prod_"+id+"_outside").val($("#outside_"+id+"_"+val).html());
	$("#prod_"+id+"_outside_code").val(val);
	if(!first)
	$("#prod_"+id+"_image").fadeOut("fast",function(){
		$("#prod_"+id+"_image").attr('src',$("#prod_"+id+"_startname").val()+"_"+val+"_"+$("#prod_"+id+"_inside_code").val()+".jpg");
		$("#prod_"+id+"_image").fadeIn("fast");}); else {
	 for(var i=1;i<20;i++) $("#outside_"+id+"_"+i+"_banner").hover(
			function() {
				var tmp=$(this).attr('src').split('.jpg');
				$('#material_prew_'+id).attr('src',tmp[0]+'_big.jpg');
				$('#material_prew_'+id).fadeIn("fast");
				},
			function() {
				$('#material_prew_'+id).hide();
				}
			); 
	}
	
	for(var i=1;i<20;i++) {
			$("#outside_"+id+"_"+i).css('color','#666666');
			$("#outside_"+id+"_"+i).css('font-weight','normal');
			$("#outside_"+id+"_"+i+"_banner").css('border-width','3px');
			$("#outside_"+id+"_"+i+"_banner").css('border-color','#666666');
			$("#outside_"+id+"_"+i+"_banner").css('border-style','solid');
			}
	$("#outside_"+id+"_"+val).css('color','#D8402A');
	$("#outside_"+id+"_"+val).css('font-weight','bold');
	$("#outside_"+id+"_"+val+"_banner").css('border-color','#D8402A');

	
}

function jq_set_inside(id,val){

	$("#prod_"+id+"_inside").val($("#inside_"+id+"_"+val).html());
	$("#prod_"+id+"_inside_code").val(val);
	if(!first)
	$("#prod_"+id+"_image").fadeOut("fast",function(){$("#prod_"+id+"_image").attr('src',$("#prod_"+id+"_startname").val()+"_"+$("#prod_"+id+"_outside_code").val()+"_"+val+".jpg");$("#prod_"+id+"_image").fadeIn("fast");}); else {
	 for(var i=1;i<20;i++) $("#inside_"+id+"_"+i+"_banner").hover(
			function() {
				var tmp=$(this).attr('src').split('.jpg');
				$('#material_prew_'+id).attr('src',tmp[0]+'_big.jpg');
				$('#material_prew_'+id).fadeIn("fast");
				},
			function() {
				$('#material_prew_'+id).hide();
				}
			); 
	}

	for(var i=1;i<20;i++) {
			$("#inside_"+id+"_"+i).css('color','#666666');
			$("#inside_"+id+"_"+i).css('font-weight','normal');
			$("#inside_"+id+"_"+i+"_banner").css('border-width','3px');
			$("#inside_"+id+"_"+i+"_banner").css('border-color','#666666');
			$("#inside_"+id+"_"+i+"_banner").css('border-style','solid');
			}
	$("#inside_"+id+"_"+val).css('color','#D8402A');
	$("#inside_"+id+"_"+val).css('font-weight','bold');
	$("#inside_"+id+"_"+val+"_banner").css('border-color','#D8402A');
}



formText='none';
        $(document).ready(
		function () {
			 jQuery.post("/jqmail/mailform.php", {},
   				function(data){
     				formText =data;
   			});

			}
	);

        var diagnose = function(boxy) {
            alert("Position: " + boxy.getPosition() +
                  "\nSize: " + boxy.getSize() +
                  "\nContent size: " + boxy.getContentSize() +
                  "\nCenter: " + boxy.getCenter());
        };

	function sendMail(r){
		if(r==1){

		oorder_product_name=$('#order_product_name_saver').val();
		oorder_product_locks=$('#order_product_locks_saver').val();
		oorder_product_extra=$('#order_product_extra_saver').val();
		oorder_image_adress=$('#order_image_saver').val();
		oorder_product_price=$('#order_product_price_saver').val();
		oorder_product_inside=$("#order_product_inside_saver").val();
		oorder_product_outside=$("#order_product_outside_saver").val();
		
		omessage = $('#message').val();
		ophone = $('#phone').val();
		oemail = $('#email').val();
		oname = $('#name').val();
		otheme = $('#theme').val();
		ocode = $('#code').val();
		$.post("/jqmail/mail.php",{message:omessage,email:oemail,phone:ophone,name:oname,theme:otheme,code:ocode,order_product_name:oorder_product_name,order_product_locks:oorder_product_locks,order_product_extra:oorder_product_extra,order_image_adress:oorder_image_adress,order_product_price:oorder_product_price,order_product_inside:oorder_product_inside,order_product_outside:oorder_product_outside},
   				function(data){
     					sendResult(data);
   			});

	}
	};

	function sendResult(data){
		var res=data.split('{&}');
		id=globalid;
		if(res[0]==1) Boxy.alert(res[1],function() {},{
        afterShow: function() {
		var p=$("#prod_"+id+"_outside");
		var position = p.position();
		this.centerAt(($(window).width()/2),position.top+300);
	
	}}); else {
			Boxy.ask(formText+"<hr><span style='color:red;'>"+res[1]+"</span><br>", {"1":"Отправить", "0":"Отмена"}, function(r) {sendMail(r);},{
        afterShow: function() {
		$("#order_image").attr('src',$("#prod_"+id+"_image").attr('src'));
		$("#order_image_saver").val($("#prod_"+id+"_image").attr('src'));
		$("#order_product_name").html($("#prod_"+id+"_name").val());
		$("#order_product_name_saver").val($("#prod_"+id+"_name").val());
		$("#order_product_locks").html($("#prod_"+id+"_locks").val());
		$("#order_product_locks_saver").val($("#prod_"+id+"_locks").val());
		$("#order_product_extra").html($("#prod_"+id+"_extra").val());
		$("#order_product_extra_saver").val($("#prod_"+id+"_extra").val());
		$("#order_product_price").html($("#prod_"+id+"_price").val()+" руб");
		$("#order_product_price_saver").val($("#prod_"+id+"_price").val()+" руб");
		$("#order_product_inside").html($("#prod_"+id+"_inside").val());
		$("#order_product_inside_saver").val($("#prod_"+id+"_inside").val());
		$("#order_product_outside").html($("#prod_"+id+"_outside").val());
		$("#order_product_outside_saver").val($("#prod_"+id+"_outside").val());
		var p=$("#prod_"+id+"_outside");
		var position = p.position();
		this.centerAt(($(window).width()/2),position.top+300);
	
	}});
		$('#message').val(omessage);
		$('#phone').val(ophone);
		$('#name').val(oname);
		$('#theme').val(otheme);
		$('#capcha').attr('src','/jqmail/capcha.php?'+Math.random());
		}
	}
        $(function() {
          
          Boxy.DEFAULTS.title = '<img src="/jqmail/images/mail.png" style="float:left;" >&nbsp;&nbsp;&nbsp; Заказ товара';
          
          //
          // Diagnostics
          
          $('#diagnostics').click(function() {
              new Boxy("<div><a href='#' onclick='diagnose(Boxy.get(this));'>Diagnose</a></div>");
              return false;
          });
        
          //
          // Set content
          
          var setContent = null;
          $('#set-content-open').click(function() {
              setContent = new Boxy(
                "<div style='background-color:red'>This is content</div>", {
                  behaviours: function(c) {
                    c.hover(function() {
                      $(this).css('backgroundColor', 'green');
                    }, function() {
                      $(this).css('backgroundColor', 'pink');
                    });
                  }
                }
              );
              return false;
          });
          $('#set-content').click(function() {
              setContent.setContent("<div style='background-color:blue'>This is new content</div>");
              return false;
          });
          
          //
          // Callbacks
          
          $('#after-hide').click(function() {
              new Boxy("<div>Test content</div>", {
                afterHide: function() {
                  alert('after hide called');
                }
              });
              return false;
          });
          
          $('#before-unload').click(function() {
              new Boxy("<div>Test content</div>", {
                beforeUnload: function() {
                  alert('before unload called');
                },
                unloadOnHide: true
              });
              return false;
          });
          
          $('#before-unload-no-auto-unload').click(function() {
              new Boxy("<div>Test content</div>", {
                beforeUnload: function() {
                  alert('should not see this');
                },
                unloadOnHide: false
              });
              return false;
          });
          
          $('#after-drop').click(function() {
              new Boxy("<div>Test content</div>", {
                afterDrop: function() {
                  alert('after drop: ' + this.getPosition());
                },
                draggable: true
              });
              return false;
          });
          
          $('#after-show').click(function() {
              new Boxy("<div>Test content</div>", {
                afterShow: function() {
                  alert('after show: ' + this.getPosition());
                }
              });
              return false;
          });
          
          //
          // Z-index
          
          var zIndex = null;
          $('#z-index').click(function() {
              zIndex = new Boxy(
                "<div>Test content</div>", { clickToFront: true }
              );
              return false;
          });
          
          $('#z-index-latest').click(function() {
              zIndex.toTop();
              return false;
          });
          
          //
          // Modals
          
          function newModal() {
              new Boxy("<div><a href='#'>Open a stacked modal</a> | <a href='#' onclick='alert(Boxy.isModalVisible()); return false;'>test for modal dialog</a></div>", {
                modal: true, behaviours: function(c) {
                  c.find('a:first').click(function() {
                    newModal();
                  });
                }
              });
          };
          
          $('#modal').click(newModal);
          
          //
          // No-show
          
          var noShow;
          $('#no-show').click(function() {
              noShow = new Boxy("<div>content</div>", {show: false});
              return false;
          });
          
          $('#no-show-now').click(function() {
              noShow.show();
              return false;
          });
          
          // Actuator
          
          $('#actuator').click(function() {
              var ele = $('#actuator-toggle')[0];
              new Boxy("<div>test content</div>", {actuator: ele, show: false});
              return false;
          });
          $('#actuator-toggle').click(function() {
              Boxy.linkedTo(this).toggle();
              return false;
          });
          
        });