var status = 0;

jQuery(document).ready(function($) {
    var cform = $("#overlayBodyWrap").html();
    var cname, cemail, cphone, cmessage, wheight, ppheight=435, winHeight, pheight=435;
    wheight = $("#overlayContentWrap").css("height");               
    
    cFrom = {
        screen:function(popupHeight){            
            var windowHeight = $(window).height();                               
            var height = popupHeight;
    
            if(popupHeight>windowHeight){                                
                height = windowHeight - 80;
            }else{
                height = popupHeight;
            }
            pheight = height;
            ppheight = popupHeight;
            winHeight = windowHeight;
            
            return height;
        },
        overflow: function(){
            var overflow = "hidden";
            if(ppheight>winHeight){
                overflow = "scroll";
            }
            
            return overflow;
        },
        resize: function(){
            var newWindowHeight = $(window).height()-80;
            var windowWidth = $(window).width();
            var windowHeight = $(window).height();
//            var popupHeight = $("#overlayContentWrap").height();
            var popupWidth = $("#overlayContentWrap").width();
            var top = (windowHeight/2-pheight/2)-160;    
            var overflow = "hidden";
            var position = "fixed";
            var height = ppheight;   
            
            //$(".headNote").html((ppheight) + ">" + windowHeight);

            if((ppheight+40)>windowHeight){        
                overflow = "scroll";        
                height = windowHeight - 80;
            }
            
            if(top<0){
                top = 10
            }
          
            if(newWindowHeight<ppheight){
                $("#overlayContentWrap").css({
                    "height":newWindowHeight+"px", 
                    "overflow":"scroll"
                });        
            }
    
            $("#overlayWrap").css({
                "height": windowHeight,
                "width": windowWidth
            });	
            
            $("#overlayContentWrap").css({
                "position": position,
                "top": top,
                "left": windowWidth/2-popupWidth/2,
                "height":height,
                "overflow":overflow
            });
        },
        tryagain: function(){                             
            $('#overlayContentWrap').animate({
                "height": wheight
            }, 
            300, 
            function(){
                $("#overlayBodyWrap").html(cform);
                $("#cname").val(cname);
                $("#cemail").val(cemail);
                $("#cphone").val(cphone);
                $("#cmessage").val(cmessage);
            });  
        },
        submit: function(){
            
            cname = $("#cname").val();
            cemail = $("#cemail").val();
            cphone = $("#cphone").val();
            cmessage = $("#cmessage").val();                        
            
            $.ajax({
                type: "POST",
                url: $("#dname").val(),
                data: $("#cForm").serialize(),
                beforeSend: function(){
                    $("#overlayBodyWrap").html("<div class=\"cLoader\">Sending <img src=\""+$("#blogloaderurl").val()+"\" alt=\"Sending...\" /></div>");
                    $('#overlayContentWrap').animate({
                        "height": "160px"
                    }, 
                    300); 
                },
                success: function(msg){                    
                    //                    $('#overlayContentWrap').animate({
                    //                        "height": "100px"
                    //                    }, 
                    //                    500, 
                    //                    function(){                             
                    if(msg==0){
                        $("#overlayBodyWrap").html("<div class=\"cMessage mFailed\">Sending failed.</div>");
                    }else if(msg==1){
                        $("#overlayBodyWrap").html("<div class=\"cMessage mSuccessful\">Thank you for contacting us! Your information has been sent and we should be in touch with you soon.</div>");
                    }else if(msg==3){
                        $("#overlayBodyWrap").html("<div class=\"cMessage mFailed\">Wrong email format.</div><div class=\"cTryAgain\"><button type=\"button\" id=\"tryagain\" onclick=\"cFrom.tryagain();\">Try Again</button></div>");
                    }else{
                        $("#overlayBodyWrap").html("<div class=\"cMessage mFailed\">Error sending your request. Please contact administrator.</div>");
                    }
                //                    });  
                
                },
                error:function (xhr, ajaxOptions, thrownError){
                    alert(xhr.status);
                    alert(thrownError);
                }
            });
        }
    };
    $("#showContact").click(function(){   
        $("#overlayContentWrap").css({
            "height":"435px"
        });
        loadOverlayPopup();
        centerOverlayPopup();                 
        $(".inquireSelect").val(""); 
        
        $(window).resize(function() {
            cFrom.resize();
        });
    });        
    
    $("#overlayclose").click(function(){
        $(".optionWrapper").slideUp("fast");
        disableOverlayPopup();
    });
    
    $("#tryagain").click(function(){        
        $("#overlayBodyWrap").html(cform);
    });
    
    $("#submitContact").click(function(){   

        });
        
    $("#myInquiry").change(function(){
        if($(this).val()=="Web Design"){            
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(695)+"px"
            }, 
            100, 
            function(){
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".webdesignWrap").slideDown("slow");  
            });                         
        }else if($(this).val()=="Web Development"){
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(605)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".webdevWrap").slideDown("slow");                
            });      
        }else if($(this).val()=="Ecommerce"){
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(695)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".ecommerceWrap").slideDown("slow");                
            });      
        }else if($(this).val()=="Search Engine Marketing"){
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(655)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".semWrap").slideDown("slow");                
            });      
        }else if($(this).val()=="Personalized URL"){
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(605)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".purlWrap").slideDown("slow");                
            });      
        }else if($(this).val()=="Employment"){
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(655)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".employWrap").slideDown("slow");                
            });      
        }else if($(this).val()=="General"){
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(605)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".generalWrap").slideDown("slow");                
            });      
        }else{
            $(".optionWrapper").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(435)+"px"
            }, 
            100, 
            function(){                
                //$(".optionWrapper").slideUp("slow");
                });      
        }
    });
    
    $("#shoppingcart").change(function(){
        if($(this).val()=="Other"){            
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(745)+"px"
            }, 
            100, 
            function(){                
                $('#overlayContentWrap').css({"overflow":cFrom.overflow()});
                $(".preferredcart").slideDown("slow");
            });   
        }else{
            $(".preferredcart").slideUp("fast");
            $('#overlayContentWrap').animate({
                "height": cFrom.screen(695)+"px"
            }, 
            100, 
            function(){                                
                }); 
        }
    });
});