window.addEvent('load', function(){resize();});
window.addEvent('resize', function(){bg.empty();resize();});
window.addEvent('domready', function(){

$('he1').getElement('h1').setStyles({'display':'none'});
var link = $('he1').getElement('a');
var title = link.get('title');

$('he1').set('html','<div id=logo><a href='+link+'><img src=pic/carport_power.png border=0 width=203 height=78></a></div><div id=phone></div></div><div id=web></div>');
$('phone').set('html','<img src=pic/phone.png border=0 width=356 height=32>');
$('web').set('html','<a target="_blank" href="http://www.power.si"><img src=pic/power.png border=0 width=82 height=39></a>');
//---------------pop
$$('.pop').addEvents({'click': function(e){
	new Event(e).stop();

	var title = this.get('title');
	
	var pop_max1 = new Element('div').injectInside(document.body);
	pop_max1.setStyles({width:'100%',height: window.getScrollSize().y,opacity: 0.80,background: "#000",position:'absolute',top:0,left:0,'z-index':5});
	
	var pop_max2 = new Element('div').injectInside(document.body);
	pop_max2.setStyles({width:'100%',height: window.getScrollSize().y,position:'absolute',top:0,left:0,'z-index':6});
	
	var pop_box1 = new Element('div').inject(pop_max2,'top');
	pop_box1.setStyles({width: 600,height:430,background:"#fff",position:'relative',marginLeft:'auto',marginRight:'auto',marginTop:(window.getScrollTop()+120),'z-index':7});
	
	var pop_text = new Element('div').inject(pop_box1 ,'inside');
	pop_text.setStyles({padding:10});
	
	new Request.HTML({
	url:'js/text.php',
	method: 'get',
	data: {'title':title},
	update: pop_text
	}).send();
	
	var log_close  = new Element('div').inject(pop_box1,'inside');
	log_close.setStyles({padding:'2px 5px 8px 5px',background:"red",position:'absolute',top:-30,right:0,cursor:'pointer','font-weight':700,'font-size':'30px',color:'#fff'});
	
	log_close.set('text','x');
	log_close.addEvent('click', function(e) { //zapri
	pop_max1.destroy();
	pop_max2.destroy();
	});	
	
}});
//---------------pop
//---------------form
if($chk($('form1'))){

var tel = $('tel');
var xmail = $('xmail');
var kontakt = $('kontakt');
	
$('form1').addEvent('submit', function(e) {	
new Event(e).stop();	 var regEmail = /^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/;

function yellow(var1){var1.style.background = '#FFF79C'; var1.style.border = '1px solid #f00';}
function white(var2) {var2.style.background = '#fff'; var2.style.border = '1px solid #ccc';}

if(tel.get('value') == '') {yellow(tel);} else {white(tel); var telOK=1;}
if(xmail.get('value').toUpperCase().match(regEmail)){white(xmail); var xmailOK='1';} else {yellow(xmail);}
if(kontakt.get('value') == '') {yellow(kontakt);} else {white(kontakt); var kontaktOK=1;}

		if(kontaktOK==1 && xmailOK==1 && telOK==1)
		{
			this.set('send', {
				url: 'js/form1.php',
				method: 'post',
				onRequest: function() {$('show').empty().addClass('ajax-loading');},
				onSuccess: function() {
				$('hide').setStyle('display', 'block');
				$('show').removeClass('ajax-loading');
				}
				});
				this.send();
			$('show').setStyle('display', 'none');
			$('hide').setStyle('display', 'block');
		} 
		//---
		});
	}
//---------------form
});


function resize(){
	
	$('max1').setStyles({'height':window.getScrollSize().y});
	
	width = window.getSize().x;
	height = window.getSize().y;
	
	bg = new Element('div').inject(document.body,'top');
	bg.setStyles({'position':'fixed','width':width,'height':height,'display':'block','overflow':'hidden'});
	img_bg = new Element('img',{src:'pic/bg.jpg'}).inject(bg); 
	
	image_width = 1083;
	image_height = 667;
		
	if(image_width/image_height>width/height){new_image_height = height; new_image_width = (height/image_height)*image_width;}
	else {new_image_height = (width/image_width)*image_height; new_image_width = width;}
		
	img_bg.setStyles({'width':new_image_width ,'height':new_image_height,'display':'block'});


	};
