function ReplaceSelect(){
    var this1 = this;
    var showing = false;
    var sel = document.getElementById("select_select");
    if(!sel) return;
    var parent_of_sel = sel.parentNode;
        parent_of_sel.removeChild(sel);
        
    var opts = sel.getElementsByTagName("OPTION");
    var hidden_f  = document.createElement("HIDDEN");
    var container = document.createElement("DIV");
    var button_d  = document.createElement("IMG");
    var spacer_d  = document.createElement("IMG");
    var options_d = document.createElement("DIV");
    var bbr       = document.createElement("BR");
    var span_d    = document.createElement("SPAN");

    document.onclick = function(){
        options_d.style.display = "none";
        showing = false;
    }

    options_d.className = "cs-select-items";
    button_d.className  = "cs-select-image";
    container.className = "cs-select";
    options_d.style.position = "absolute";
    options_d.style.display = "none";
    button_d.style.cssFloat = "right";
    button_d.style.styleFloat = "right";
    button_d.src = "/themes/rybovod/images/drop_down_blue.png";
    spacer_d.src = "/images/spacer.gif";
    spacer_d.style.height = "25px";
    spacer_d.style.width = "1px";
    spacer_d.style.verticalAlign = "middle";
    bbr.style.clear = "right";
    hidden_f.name = sel.name;

    span_d.innerHTML = opts.item(0).innerHTML;

    for(var i=0; i<opts.length; i++){
        var t = document.createElement("DIV");
        t.className = "cs-select-item";
        t._option = opts.item(i);
        options_d.appendChild(t);
        t.innerHTML = opts.item(i).innerHTML;

        t.onclick = function (){
            hidden_f.value = this._option.value;
            span_d.innerHTML = this._option.innerHTML;
            options_d.style.display = "none";
            showing = false;
        }
        
        t.onmouseover = function(){
            this.style.background = "silver";
        }
        t.onmouseout = function(){
            this.style.background = "none";
        }


        if(t._option.selected){
            span_d.innerHTML = t._option.innerHTML;
            hidden_f.value = t._option.value;
        }
    }

    set_ev('click', button_d, function (){
        if(showing){
            options_d.style.display = "none";
            showing = false;
        }else{
            var crds = getOffsetSum(container);
            options_d.style.left = (crds.left-4)+"px";
            options_d.style.top  = (crds.top+32)+"px";
            options_d.style.display = "block";
            showing = true;
        }
    });
    set_ev('click', container, function (){
        if(showing){
            options_d.style.display = "none";
            showing = false;
        }else{
            var crds = getOffsetSum(container);
            options_d.style.left = (crds.left-4)+"px";
            options_d.style.top  = (crds.top+32)+"px";
            options_d.style.display = "block";
            showing = true;
        }
    });
    container.appendChild(button_d);
    container.appendChild(span_d);
    container.appendChild(spacer_d);
    container.appendChild(bbr);
    parent_of_sel.appendChild(container);
    document.body.appendChild(options_d);
}






function getOffsetSum(elem) {
    var top=0, left=0;
    while(elem) {
        top = top + parseInt(elem.offsetTop);
        left = left + parseInt(elem.offsetLeft);
        elem = elem.offsetParent;
    }

   var ie7 = (navigator.appVersion.indexOf("MSIE 7")==-1) ? false : true;
    return {top: top, left: ie7?left-78:left};
}

function set_ev(ev, o, f){
    if (o.addEventListener){
        o.addEventListener(ev, function(e){f();halt(e || event)}, false);
    } else {
        o.attachEvent('on'+ev, function(e){f();halt(e || event)});
    }
}

function halt(e){
    if (e.stopPropagation){
        e.stopPropagation();
        e.preventDefault();
    }else{
        e.cancelBubble = true;
        e.returnValue  = false;
    }
}



function ReplaceBrone(){
    var brone_form = document.getElementById("brone_form");
    if(!brone_form) return;

    var splash = document.createElement("DIV");
    var wind = document.createElement("DIV");
    splash.className = "opacity";
    splash.style.position = "absolute";
    splash.style.background = "#000";
    splash.style.left = "0px";
    splash.style.top = "0px";
    splash.style.width  = getDocumentWidth()+"px";
    splash.style.height = getDocumentHeight()+"px";
    wind.style.position = "absolute";
    wind.style.width = "540px";
    wind.style.height = "600px";
    wind.style.left = (getScreenWidth()/2-270)+getScrollLeft()+"px";
    wind.style.top = (getScreenHeight()/2-300)+getScrollTop()+"px";
    wind.style.background = "white";

    document.brone_form = brone_form;
    
    brone_form.parentNode.removeChild(brone_form);
    brone_form.style.display= "block";

    wind.appendChild(brone_form);

    
    brone_form.splash = splash;
    brone_form.wind = wind;
    HideBrone();

    document.body.appendChild(splash);
    document.body.appendChild(wind);

}


function RedrawBrone(){
    var brone_form = document.brone_form;
    if(!brone_form || !brone_form.splash)return;
    brone_form.splash.style.width  = getDocumentWidth()+"px";
    brone_form.splash.style.height = getDocumentHeight()+"px";
    brone_form.wind.style.left = (getScreenWidth()/2-270)+getScrollLeft()+"px";
    brone_form.wind.style.top = (getScreenHeight()/2-300)+getScrollTop()+"px";
}


function getDocumentHeight(){
    var de = document.body.parentNode;
    var db = document.body;
    return ((db.clientHeight>de.clientHeight)?db.clientHeight:de.clientHeight);
}

function getDocumentWidth(){
    var de = document.body.parentNode;
    var db = document.body;
    return ((db.clientWidth>de.clientWidth)?db.clientWidth:de.clientWidth);
}

function getScreenHeight(){
    var de = document.body.parentNode;
    var db = document.body;
    if (window.opera) {
	return db.clientHeight;
    }
    if (document.compatMode=='CSS1Compat'){
	return de.clientHeight;
    }
    else {
	return db.clientHeight;
    }
}

function getScreenWidth(){
    var de = document.body.parentNode;
    var db = document.body;
    if(window.opera){
	return db.clientWidth;
    }
    if (document.compatMode=='CSS1Compat'){
	return de.clientWidth;
    }
    else {
    	return db.clientWidth;
    }
}

function ShowBrone(id){
    var brone_form = document.brone_form;
    brone_form.splash.style.display = "block";
    brone_form.wind.style.display = "block";
    var bid = document.getElementById("id_of_base");
    bid.value = id;
}

function HideBrone(){
    var brone_form = document.brone_form;
    brone_form.splash.style.display = "none";
    brone_form.wind.style.display = "none";
}



function getScrollTop(){
    return document.documentElement.scrollTop || document.body.scrollTop;
}

function getScrollLeft(){
    return document.documentElement.scrollLeft || document.body.scrollLeft;
}


function FormSubmit(form){
    var loading = document.getElementById("preload_area");
    loading.innerHTML = "<img align=\"right\" src=\"/images/preview.gif\" width=\"32\" height=\"32\" />"
    var inputs = form.getElementsByTagName("INPUT");
    var textareas = form.getElementsByTagName("TEXTAREA");
    var inpts = new Object();
    for(var i = 0; i<inputs.length; i++){
        var item = inputs.item(i);
        if(item.name)inpts[item.name] = item.value;
    }
    for(var i = 0; i<textareas.length; i++){
        var item = textareas.item(i);
        if(item.name)inpts[item.name] = item.value;
    }

 _gaq.push(['_trackEvent', 'Бронирование', 'Бронирование', 'Бронирование']);    SubmitBroneForm(inpts);
}

var temp_name = window.onload;
window.onload = function(){
    ReplaceSelect();
    ReplaceBrone();
    if(temp_name)temp_name();
    window.onresize = function(){
        RedrawBrone();
    }
    window.onscroll = function () {
        RedrawBrone();
    }
}