$(document).ready(function(){

    if($('a.media').length){
        $('a.media').media();
    }
    
    var container=$('#status');
    container.text('').removeClass('load').addClass('error');
    var opcContact={
        rules: {
            name: {required:true },
            email: {email:true, required:true },
            message:{required:true }
        },
        messages: {
            name: {required:"The <b>Full Name</b> is required"},
            email: {email:"<b>Email</b> must be email@server.com", required:"The <b>Email</b> is required" },
            message: {required:"The <b>Message</b> is required" }
        },
        errorLabelContainer: container,
        wrapper: 'li',
        invalidHandler: function(form, validator) {
            container.addClass('error');
        },
        submitHandler: function(form) {
            container.removeClass('error').addClass('load');
            container.text('Sending message...').show();
            $(form).ajaxSubmit({
                success:  function(responseText, statusText){
                    resp=$.trim(responseText);
                    if(resp.match("OK")){
                        container.text('Message sending successfully... Thanks').removeClass('load').removeClass('error');
                        $(form).clearForm();
                    }
                    else{
                        container.text(responseText).removeClass('load').addClass('error');
                    }
                }
            });
            return false;
        }
    };

    $('#menu a.opc').mouseover(function(){ var obj=$(this); obj.css('background', obj.attr('color')); })
                .mouseout(function(){$(this).css('background', 'none'); });

    $('#menu a.select').css('background', $('#menu a.select').attr('color'));
    $('#menu a').each(function(){
        var obj=$(this);
        obj.css('border-left', '5px solid '+obj.attr('color'));
    });
        

    $('#frmContact').validate(opcContact);
});