// check location, web order script
$(document).ready(function() {
    
    var step_one_content = $("#slideout_order_right_content").html();
    var new_content = $("#hidden_order_content").html();
    
    $("#web_order_start").live("click", function() {
        $("#hidden_order_content").html("");
        $("#slideout_order_right_content").hide();
        
        $("#slideout_order_right_content").html(new_content).fadeIn(200);
        $(".slideout_back").show(200);
    });
    
    // go back to step 1
    $(".slideout_back").click(function() {
        $(this).hide(200);
        $("#slideout_order_right_content").hide();
        $("#slideout_order_right_content").html(step_one_content).fadeIn(200);    
    });
    
    // show / hide bubble - new users
    $("#new_user_mouseover").live('mouseenter', function() {
        $("#web_order_new_user").show(100);
    });
    
    $("#new_user_mouseover").live('mouseleave', function() {
        $("#web_order_new_user").hide(100);
    });
    
    // show / hide bubble - existing users
    $("#already_user_mouseover").live('mouseenter', function() {
        $("#web_order_already_user").show(100);
    });
    
    $("#already_user_mouseover").live('mouseleave', function() {
        $("#web_order_already_user").hide(100);
    });
    
    
    // check location - slideout form
    $("#qulica_auto").focus(function() {
        if($(this).val() == " Vnesi ulico") {
            $(this).val("");
            $(this).css("color", "black");
        }    
    });
    
    $("#qulica_auto").blur(function() {
        if($(this).val() == "") {
            $(this).val(" Vnesi ulico");
            $(this).css("color", "#666666");
        } 
    });
    
    // open slideouts
    $("#slideout_form").mouseenter(function() {
        $("#slideout_form").stop();
        
        var right = $(this).css("right");
        right = right.replace("px", "");
        right = parseInt(right);
        
        // open slideout
        if(right == -208) {
            $(this).animate({"right": "+=208px"}, "fast");
        }
    });
    
    $("#slideout_order").mouseenter(function() {
        $("#slideout_order").stop();
         
        var right = $(this).css("right");
        right = right.replace("px", "");
        right = parseInt(right);
        
        // open slideout
        if(right == -208) {
            $(this).animate({"right": "+=208px"}, "fast");
        }
    });
    
    // auto-close slideouts
    $("#slideout_form").mouseleave(function() {
        if(autoclose) {
            $("#slideout_form").stop();
        
            var right = $(this).css("right");
            right = right.replace("px", "");
            right = right.replace("-", "");
            right = parseInt(right);
            right = 208 - right;
            right = "-=" + right + "px";
            
            $(this).animate({"right": right}, "fast");
        }
    });
    
    $("#slideout_order").mouseleave(function() {
        $("#slideout_order").stop();
        
        var right = $(this).css("right");
        right = right.replace("px", "");
        right = right.replace("-", "");
        right = parseInt(right);        
        right = 208 - right;
        right = "-=" + right + "px";
        
        $(this).animate({"right": right}, "fast");
    });
    
    var autoclose = true;
    
    // disable auto-close for #slideout_form
    $("#qulica_auto").focus(function() {
        autoclose = false;                
    });
    
    $("#qhisna_stevilka").focus(function() {
        autoclose = false;                
    });
    
    // close slideouts
    $(".slideout_close").click(function() {
        var right = $(this).parent().css("right");
        
        $(this).parent().animate({"right": "-=208px"}, "fast");
        
        var parent = $(this).parent().attr("id");
        
        if(parent == "slideout_form") {
            autoclose = true;
        }    
    });            
});