function ClientWidth() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function ClientHeight() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}	

function ScrollLeft() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.scrollLeft:document.body.scrollLeft;
}

function ScrollTop() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.scrollTop:document.body.scrollTop;
}

	function doLoad(value,path) {
     	
         var req = new JsHttpRequest();
         req.onreadystatechange = function() 
               {
             if (req.readyState == 4 ) 
                    {
                    if (req.responseText) alert(req.responseText);

                    switch (req.responseJS.action)
                         {
                         case 'window':
	                         {
	                         	des=document.getElementById('up_window');
	                         	if (req.responseJS.content && des)
	                         		des.innerHTML = req.responseJS.content;
	                         	
	                         	showWindow('window');
	                         }
                         break;
                         
                         case 'types':
	                         {
	                         	des=document.getElementById('types');
	                         	if (req.responseJS.content && des) {
	                         		des.innerHTML = req.responseJS.content;
	                         		des.className='open_tab';	
	                         	}
	                         }
                         break;     
                         
                         case 'contacts':
	                         {
	                         	des=document.getElementById('contacts');
	                         	if (req.responseJS.content && des) {
	                         		des.innerHTML = req.responseJS.content;
	                         		des.className='open_tab';	
	                         		des.paddingTop='0px';
	                         	}
	                         }
                         break; 
                             
                         case 'select':
                            {
                            	if (req.responseJS.type){
                            		
	                              var info = document.getElementById('types').getElementsByTagName("label");
	                              if (info)
									for (c = 0; c < info.length; c++) 
										info[c].className = '';
										
									var _label = document.getElementById('lab_'+req.responseJS.type);
										if (_label) {
										  _label.className = 'bg_on';
										  _label.getElementsByTagName('input')[0].checked=true;
										}
                            	}	                
                            	              
                            	if (req.responseJS.design){
                            		
                            	  var des = document.getElementById('design');
                            	  if (des){
                            	  
		                              d_info = des.getElementsByTagName("label");
		                              if (d_info)
										for (c = 0; c < d_info.length; c++) 
											d_info[c].className = '';

										var d_label = document.getElementById('dlab_'+req.responseJS.design);
											if (d_label) {
											  d_label.className = 'bg_on';
											  d_label.getElementsByTagName('input')[0].checked=true;
											}
										
									   des.innerHTML = req.responseJS.content;
									   des.className='open_tab';	
                            	  }
                            	}
                            }
                         break;
                         /*
                         case 'keymaps':
                            {
                            	//if (req.responseJS.enter==1){
                            		
                            		if (document.getElementById('order_name').value!='' && document.getElementById('order_contacts').value!='' && document.getElementById('order_button')){
                            			document.getElementById('order_button').style.background = '#4dbe50';
                            			document.getElementById('order_button').innerHTML = '<input type="submit" name="order_submit" value="" class="sub">';
                            		} else {
                            			document.getElementById('order_button').style.background = '#CB2000';
                            			document.getElementById('order_button').innerHTML = '<img src="/DESIGN/SROB/images/button_bg.jpg"/ onClick="doLoad(\'\',\'/ajax/order/\')">';	
                            		}
                            	//}	                
                            }
                         break;
                         */
                         }
                    }
               }

          if (value!="")
               {
               value=document.getElementById(value);
               }     

         req.open('', path, true);
         req.send( { 'data': value } );
     }  
     
      function discardElement(f)
     {
     }
     

function closeWindow(block){
	var oursblock = document.getElementById(block);
	if (oursblock)
		oursblock.style.display = 'none';
}

function showWindow(block){
	var oursblock = document.getElementById(block);
	if (oursblock) {
		oursblock.style.display = 'block';

		inn_block=oursblock.getElementsByTagName('div')[0];
		
		resLeft=((ClientWidth()-inn_block.clientWidth)/2)+ScrollLeft();
		resTop=((ClientHeight()-inn_block.clientHeight)/2)+ScrollTop();
		
		inn_block.style.left=resLeft+'px';
		inn_block.style.top=resTop+'px';
	}	
}

function chooseInWindow(id) {
	doLoad('','/ajax/select/'+id+'/');closeWindow('window');
}

function isValidEmail(email) {
	reg='^[a-z0-9]+([-_\.]?[a-z0-9])+@[a-z0-9]+([-_\.]?[a-z0-9])+\.[a-z]{2,4}';
	return email.match(reg);
}

function isValidPhone(phone) {
	reg='^([0-9 \(\)+\-]+){5,15}$';
	return phone.match(reg);
}

function keymapsOrder() {
	order_name=document.getElementById('order_name').value;
	order_phone=document.getElementById('order_phone').value;
	order_email=document.getElementById('order_email').value;
	
	if (order_name.length>5&&isValidEmail(order_email)&&isValidPhone(order_phone)) {
		document.getElementById('choose_send').style.background = '#4dbe50';
		document.getElementById('choose_send').innerHTML = '<input type="submit" name="order_submit" value="">';
	} else {
		document.getElementById('choose_send').style.background = '#CB2000';
		document.getElementById('choose_send').innerHTML = '<img src="/DESIGN/SROB/images/send_button.jpg"/>';	
	}
}

function keymapsIndex() 
{
	if (document.getElementById('order_name').value!='' && document.getElementById('order_contacts').value!='' && document.getElementById('order_button')){
		document.getElementById('order_button').style.background = '#4dbe50';
		document.getElementById('order_button').innerHTML = '<input type="submit" name="order_submit" value="" class="sub">';
	} else {
		document.getElementById('order_button').style.background = '#CB2000';
		document.getElementById('order_button').innerHTML = '<img src="/DESIGN/SROB/images/button_bg.jpg"/ onClick="doLoad(\'\',\'/ajax/order/\')">';	
	}
}