(function( window, undefined ) {



    function h4rGetElementByName(name) {
        var els = document.getElementsByName(name);
        if (els.length > 0 ) return els[0];
        return '';
    }

    if (typeof _h4r_sform_show_overlay != 'function') {
        function _h4r_sform_show_overlay(e) {
            e.preventDefault();
            document.getElementById('h4r_search_overlay').style.display = 'block';
            return false;
        }
        function _h4r_sform_hide_overlay(e) {
            e.preventDefault();
            document.getElementById("h4r_search_overlay_result").outerHTML='';
            document.getElementById('h4r_search_overlay').style.display = 'none';
            return false;
        }        
    }

    var formhtml = "<div style='min-height: 300px; max-width: 200px;font-family: Arial,helvetica, sans-serif;'><form id='h4r_form'><input type='hidden' name='h' value='33ea3734fa'>" +
        "<table width='100%' border='0' cellpadding='5' cellspacing='5' style='background-color: #F1F1F1;color: #888888;table-layout: fixed;padding-right: 10px;'>" +
        "<tr style='background: inherit;'><td style='vertical-align: bottom;' ><b>Недвижимость Мира</b></td>" +
        "<tr style='background: inherit;vertical-align: top;' >" +
        "<td><select style='height: auto; margin: 0px; padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;' class='h4r-form-control' name='s'><option value='sell'>Sell</option><option value='rent'>Rent</option></select></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td><select id='h4r_country' style='height: auto; margin: 0px; padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  class='h4r-form-control' name='c'><option>Country</option>" +
        
        
        "<option value='ME'>Montenegro</option>" +
        
        
        
        "<option value='LV'>Latvia</option>" +
        
        
        
        "<option value='EE'>Estonia</option>" +
        
        
        "</select></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td><select id='h4r_city' style='height: auto; margin: 0px; padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  class='h4r-form-control' name='cy'><option value=''>City</option></select></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td><select style='height: auto; margin: 0px; padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  class='h4r-form-control' name='t'><option>Type</option>" +
        
        "<optgroup label='Living'>" +
        
            
            "<option value='Living__Apartment'>Apartment</option>" +
            
        
            
            "<option value='Living__Attic'>Attic</option>" +
            
        
            
            "<option value='Living__Flat'>Flat</option>" +
            
        
            
            "<option value='Living__Penthouse'>Penthouse</option>" +
            
        
            
            "<option value='Living__Studio'>Studio</option>" +
            
        
            
            "<option value='Living__Townhouse'>Townhouse</option>" +
            
        
            
            "<option value='Living__House, Villa'>House, Villa</option>" +
            
        
            
            "<option value='Living__House for 2-3 families'>House for 2-3 families</option>" +
            
        
            
            "<option value='Living__Farmhouse'>Farmhouse</option>" +
            
        
            
            "<option value='Living__Room'>Room</option>" +
            
        
            
            "<option value='Living__Other'>Other</option>" +
            
        
        "</optgroup>" +
        "<optgroup label='Commercial'>" +
        
            
            "<option value='Commercial__Land'>Land</option>" +
            
        
            
            "<option value='Commercial__Garage / Parking space'>Garage / Parking space</option>" +
            
        
            
            "<option value='Commercial__Office'>Office</option>" +
            
        
            
            "<option value='Commercial__Warehouse'>Warehouse</option>" +
            
        
            
            "<option value='Commercial__Shop'>Shop</option>" +
            
        
            
            "<option value='Commercial__Trading space'>Trading space</option>" +
            
        
            
            "<option value='Commercial__Bar / Restaurant / Cafe'>Bar / Restaurant / Cafe</option>" +
            
        
            
            "<option value='Commercial__Hotel / Hotel Room'>Hotel / Hotel Room</option>" +
            
        
            
            "<option value='Commercial__Building'>Building</option>" +
            
        
            
            "<option value='Commercial__Business'>Business</option>" +
            
        
            
            "<option value='Commercial__Other'>Other</option>" +
            
        
        "</optgroup>" +
        
        
        "</select></td>" +
        "</tr>" +
        "<tr style='background: inherit;'>" +
        "<td><input style='padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  name='pmin' class='h4r-form-control' placeholder='Min price'/></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td><input style='padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  name='pmax' class='h4r-form-control' placeholder='Max price'/></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td><input style='padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  name='rmin' class='h4r-form-control' placeholder='Min rooms'/></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td><input style='padding: 4px; width: 100%; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #888888;'  name='rmax' class='h4r-form-control' placeholder='Max rooms'/></td>" +        
        "</tr><tr style='background: inherit;'>" +
        "<td><button style='padding: 1px; width: 50px;background: #F1F1F1; color: #888888; border: solid 1px #888888;' type='submit' class='h4r-form-control'>find</button></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td></td>" +
        "</tr><tr style='background: inherit;'>" +
        "<td></td>" +        
        "</tr>" +
        
        "</table>" +
        
        "</form></div>";
    document.write(formhtml);
    
    if (!document.getElementById("h4r_search_overlay")) {
        var el = document.createElement("div");
        el.id = "h4r_search_overlay";
        
        var overlay_css = { "position" : "fixed", "top": "0", "left": "0", "height" : "100%", "width" : "100%", "z-index" : "1000000", "background-color": "#ffffff", "display" : "none", "text-align" : "center" };
        for(var prop in overlay_css) {
            el.style[prop] = overlay_css[prop];
        }
                
        document.body.appendChild(el);
        
        var elp = document.createElement("p");
        var x = document.createTextNode("\u00D7");
        var p_css = { "cursor":"pointer", "font-family":"Arial, helvetica, sans-serif", "font-size":"30px", "line-height":"30px", "position":"absolute", "top":"10px", "right":"20px", "height":"32px", "width":"32px", "border-radius":"32px", "background-color":"#cccccc", "color":"#666666", "padding":"0px", "margin":"0px", "text-align":"center" };
        for(var prop in p_css) {
            elp.style[prop] = p_css[prop];
        }        
        
        elp.id = "h4r_search_overlay_dismiss";
        elp.appendChild(x); 
        
        
        el.appendChild(elp);
    }                
    
    
    window.addEventListener('load', function() {                                
        var form = document.getElementById("h4r_form");        
        var closer = document.getElementById("h4r_search_overlay_dismiss");
        closer.addEventListener('click', _h4r_sform_hide_overlay, false);

/*
        form.addEventListener('submit', function(evt) {
            evt.preventDefault();
            _h4r_sform_show_overlay(evt);
            var el = document.getElementById('h4r_search_overlay');
            var elf = document.createElement("iframe");
            elf.id = "h4r_search_overlay_result";
            elf.frameborder = "0px";
            elf.width = "970px";
            //elf.height = "1600px";
            elf.height = window.innerHeight - 50;
            elf.style = "margin: 0px auto; border: solid 0px #fff;box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);";
            var frame_css = { "margin": "0px auto", "border": "solid 0px #fff", "box-shadow": "0 0 10px 2px rgba(0, 0, 0, 0.2)" };
            for(var prop in frame_css) {
                elf.style[prop] = frame_css[prop];
            }
            
            var h = h4rGetElementByName('h');
            var s = h4rGetElementByName('s');
            var c = h4rGetElementByName('c');
            var cy = h4rGetElementByName('cy');
            var t = h4rGetElementByName('t');
            var pmin = h4rGetElementByName('pmin');
            var pmax = h4rGetElementByName('pmax');
            var rmin = h4rGetElementByName('rmin');
            var rmax = h4rGetElementByName('rmax');
            var search = '?h='+h.value+'&c='+c.value+'&cy='+cy.value+'&t='+t.value+'&s='+s.value+'&pmin='+pmin.value+'&pmax='+pmax.value+'&rmin='+rmin.value+'&rmax='+rmax.value;
            elf.src = "http://buildnetwork.biz/search"+search;
            el.appendChild(elf);
            
            el.appendChild(elp);
            
        });
*/        


        form.addEventListener('submit', function(evt) {
            evt.preventDefault();
            
            var h = h4rGetElementByName('h');
            var s = h4rGetElementByName('s');
            var c = h4rGetElementByName('c');
            var cy = h4rGetElementByName('cy');
            var t = h4rGetElementByName('t');
            var pmin = h4rGetElementByName('pmin');
            var pmax = h4rGetElementByName('pmax');
            var rmin = h4rGetElementByName('rmin');
            var rmax = h4rGetElementByName('rmax');
            var search = '?h='+h.value+'&c='+c.value+'&cy='+cy.value+'&t='+t.value+'&s='+s.value+'&pmin='+pmin.value+'&pmax='+pmax.value+'&rmin='+rmin.value+'&rmax='+rmax.value;
            var urlsrc = "http://buildnetwork.biz/search"+search;
            window.open(urlsrc, '_blank');
            
        });
        window.onresize = function() {
            var resized = document.getElementById('h4r_search_overlay_result');
            if (resized) resized.height = window.innerHeight - 50;
        };
        
        var countryCtrl = document.getElementById("h4r_country");
        var cityCtrl = document.getElementById("h4r_city");
        
        
        
        countryCtrl.addEventListener('change', function(e){

            var val = countryCtrl.value;
            var xhr= new XMLHttpRequest();
            xhr.open('GET', 'http://buildnetwork.biz/citylist.js/33ea3734fa/'+val, true);
            xhr.onreadystatechange= function() {
                if (this.readyState!==4) return;
                if (this.status!==200) return;                
                var jsonResp = JSON.parse(this.response);
                
                while (cityCtrl.firstChild) {
                    cityCtrl.removeChild(cityCtrl.firstChild);
                }
                var opt = document.createElement("option");
                opt.value = "";
                opt.text = 'Any City';
                cityCtrl.appendChild(opt);
                
                for (var i = 0; i < jsonResp.cities.length; i++) {
                    opt = document.createElement("option");
                    opt.value = jsonResp.cities[i].typer_value;
                    opt.text = jsonResp.cities[i].typer_value;
                    cityCtrl.appendChild(opt);
                }
                
            };
            xhr.send();
        });
        
        //document.body.addEventListener("change", function(e) {
            //if (e.target.id == 'h4r_country');
        //});
        
    });
    
    
    
    
})(window);