function getPageScroll(){

    var yScroll;

    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop){     // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop;
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
    }

    arrayPageScroll = new Array('',yScroll) 
    return arrayPageScroll;
}

function getPageSize(){
    
    var xScroll, yScroll;
    
    if (window.innerHeight && window.scrollMaxY) {    
        xScroll = document.body.scrollWidth;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }
    
    var windowWidth, windowHeight;
    if (self.innerHeight) {    // all except Explorer
        windowWidth = self.innerWidth;
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }    
    
    // for small pages with total height less then height of the viewport
    if(yScroll < windowHeight){
        pageHeight = windowHeight;
    } else { 
        pageHeight = yScroll;
    }

    // for small pages with total width less then width of the viewport
    if(xScroll < windowWidth){    
        pageWidth = windowWidth;
    } else {
        pageWidth = xScroll;
    }


    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
    return arrayPageSize;
}

function objednavka_show()
{

    var arrayPageSize = getPageSize();
    var arrayPageScroll = getPageScroll();

    var objBox = document.getElementById('tango_formular');  
    objBox.style.zIndex = '100';
    var sirka = 596;
    objBox.style.width = sirka + "px";
    objBox.style.top = "50px"; 
    
    //var objBoxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objBox.style.height) / 2);
    var objBoxLeft = ((arrayPageSize[0] - 20 - sirka) / 2);
    objBox.style.left = objBoxLeft + "px";
    objBox.style.display = 'block';  
    objBox.style.position = 'absolute';

    
    /* Priesvitne pozadie */    
    var objBody = document.getElementsByTagName("body").item(0);
    var objOverlay = document.createElement("div");
    objOverlay.setAttribute('id','overlay');
    objOverlay.style.height = (arrayPageSize[1] + 'px');
    objOverlay.style.display = 'block';
    objOverlay.style.position = 'absolute';
    objOverlay.style.top = '0';
    objOverlay.style.left = '0';
    objOverlay.style.zIndex = '90';
    objOverlay.style.width = '100%';
    objBody.insertBefore(objOverlay, objBody.firstChild);
    

    var form = document.getElementById("formular");
    for(i=0; i<form.elements.length; i++)
    {
        form.elements[i].value = '';
        if (form.elements[i].name == 'email' ) {form.elements[i].value = '@';} 
    }
    
    step(1);
      
}

function objednavka_close()
{
    var objOverlay = document.getElementById('overlay');
    var objBox = document.getElementById('tango_formular'); 
    objOverlay.style.display = 'none';  
    objBox.style.display = 'none';      
}

function step(to)
{
    to = "krok" + to; 
    document.getElementById("krok1").style.display= "none" ;    
    document.getElementById("krok2").style.display= "none" ;    
    document.getElementById("krok3").style.display= "none" ;    
    document.getElementById("krok4").style.display= "none" ;    
    document.getElementById("krok5").style.display= "none" ;
    
    document.getElementById("g_krok1").setAttribute("class", "gul"); 
    document.getElementById("g_krok2").setAttribute("class", "gul"); 
    document.getElementById("g_krok3").setAttribute("class", "gul"); 
    document.getElementById("g_krok4").setAttribute("class", "gul"); 
    
    document.getElementById(to).style.display= "block" ;
    var gul;
    gul = "g_" + to; 
    if (to == "krok3") {gul = "g_krok4" }
    if (to == "krok4") {gul = "g_krok3" } 
    if (to == "krok5") {gul = "g_krok4" } 
    
    document.getElementById(gul).setAttribute("class", "gul gul_select");    
       
}

function get_params(form) {
    var c   = form.childNodes;
    var qs = '?';
 
    for(i=0; i<form.elements.length; i++)
    {
      qs += form.elements[i].name + '=' + encodeURI( form.elements[i].value ) + '&';
    }
    qs = qs.replace(/[&]$/, '');
    return qs;
}


function isValidEmail(strEmail){
  validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
  //strEmail = document.forms[0].email.value;
     alert(strEmail);
    // search email text for regular exp matches
    if (strEmail.search(validRegExp) == -1) 
    {
      return false;
    } 
    return true; 
}



function validator(form)
{
    var valid = true;
    var el;

    
    for(i=0; i<form.elements.length; i++)
    {
        el = form.elements[i];
        
        if ( el.name == "meno" ) {
            if ( el.value == "" ) 
            { 
                el.className='inbox_error'; 
                valid = false;  
            }
            else
            {
                el.className='inbox'; 
            }
        }
        
        if ( el.name == "adresa" ) {
            if ( el.value == "" ) 
            { 
                el.className='inbox_error'; 
                valid = false;  
            }
            else
            {
                el.className='inbox'; 
            }
        }
        
        if ( el.name == "tel" ) {
            if ( el.value == "" ) 
            { 
                el.className='inbox_error'; 
                valid = false;  
            }
            else
            {
                el.className='inbox'; 
            }
        }
        
        if ( el.name == "mesto" ) {
            if ( el.value == "" ) 
            { 
                el.className='inbox_error'; 
                valid = false;  
            }
            else
            {
                el.className='inbox'; 
            }
        }
                 
        if ( el.name == "email" ) {
            if ( echeck(el.value)==false ) 
            { 
                el.className='inbox_error'; 
                valid = false;  
            }
            else
            {
                el.className='inbox'; 
            }
        }
        
        
        
    }
    if (valid) { document.getElementById("objednavka_error").style.display = 'none'; }
    else { document.getElementById("objednavka_error").style.display = 'block'; };
    
    return valid;

}


function echeck(str) 
{
    var at="@"
    var dot="."
    var lat=str.indexOf(at)
    var lstr=str.length
    var ldot=str.indexOf(dot)
    if (str.indexOf(at)==-1){
       return false
    }

    if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
       return false
    }

    if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
        return false
    }

     if (str.indexOf(at,(lat+1))!=-1){
        return false
     }

     if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
        return false
     }

     if (str.indexOf(dot,(lat+2))==-1){
        return false
     }

     if (str.indexOf(" ")!=-1){
        return false
     }

      return true                    
}


function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            //alert(http_request.responseText);
            result = http_request.responseText;
            document.getElementById('myspan').innerHTML = result;            
         } else {
            alert('There was a problem with the request.');
         }
      }
   }



 function makeRequest(url, parameters) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
             // set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      http_request.onreadystatechange = alertContents;
      http_request.open('GET', url + parameters, true);
      http_request.send(null);
      step(5);
}


function submit()
{
    var form = document.getElementById("formular");
    if (validator(form)) { makeRequest('/ajaxservis/send', get_params(form)) };
    
}