var $activityControls = $( '#marketing_activity' ),
$captionElement = $activityControls.children ( '.activity_caption' ),
$contentControls = $activityControls.children ( '.activity_content_controls' ),
$formControls = $contentControls.children ('.activity_form_controls'),
$formElement = $formControls.children ('form'),
$input1Element = $formElement.find ('.activity_form_element .input_1_controls').find ('input[type="text"], input[type="password"], textarea, select'),
$input1RadioElement = $formElement.find ('.activity_form_element .input_1_controls').find ('input[type="radio"], input[type="checkbox"]').parent ('label.inline'),
$input2Element = $formElement.find ('.activity_form_element .input_2_controls').find ('input[type="text"], input[type="password"], textarea, select'),
$input2RadioElement = $formElement.find ('.activity_form_element .input_2_controls').find ('input[type="radio"], input[type="checkbox"]').parent ('label.inline'),
$buttonChooseElement = $formElement.children ('input:hidden#activity_form_button_choose'),
$button1Element = $formElement.find ('.activity_button_element > #activity_button_1'),
$button2Element = $formElement.find ('.activity_button_element > #activity_button_2'),
$closeElement = $contentControls.children ( '.activity_close' );
if ($captionElement.children ('img').size () == 0) {
$activityControls.css ({
'margin-left': '-' + $captionElement.outerWidth () + 'px'
});
} else {
$captionElement.children ('img').on ('load', function () {
$activityControls.css ({
'margin-left': '-' + $( this ).outerWidth () + 'px'
});
});
}
$input1Element.css ({
'color': '#ffffffff',
'border-color': '#ccccccff',
'box-shadow': 'none'
}).off ('mouseenter focus').on ('mouseenter focus', function () {
$( this ).css ({
'border-color': '#999999ff',
'box-shadow': '0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #999999ff'
});
}).off ('mouseleave blur').on ('mouseleave blur', function () {
if (!$( this ).is (':focus')) {
$( this ).css ({
'border-color': '#ccccccff',
'box-shadow': 'none'
});
}
}).outerWidth ();
$input1RadioElement.css ({
'color': '#ffffffff'
});
$input2Element.css ({
'color': '#ffffffff',
'border-color': '#ccccccff',
'box-shadow': 'none'
}).off ('mouseenter focus').on ('mouseenter focus', function () {
$( this ).css ({
'border-color': '#999999ff',
'box-shadow': '0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #999999ff'
});
}).off ('mouseleave blur').on ('mouseleave blur', function () {
if (!$( this ).is (':focus')) {
$( this ).css ({
'border-color': '#ccccccff',
'box-shadow': 'none'
});
}
}).outerWidth ();
$input2RadioElement.css ({
'color': '#ffffffff'
});
$button1Element.css ({
'color': '#ffffffff',
'background-color': '#5f4326ff',
'border-color': '#c2a67fff',
}).off ('mouseenter').on ('mouseenter', function () {
$( this ).css ({
'color': '#fefefeff',
'background-color': '#c2a67fff',
'border-color': '#fefefeff',
});
}).off ('mouseleave').on ('mouseleave', function () {
$( this ).css ({
'color': '#ffffffff',
'background-color': '#5f4326ff',
'border-color': '#c2a67fff',
});
}).on ('click', function () {
if ($buttonChooseElement.size () != 0) {
$buttonChooseElement.val ('1');
}
if ($button2Element.size () != 0) {
$formElement.submit ();
}
});
$button2Element.css ({
'color': '#ffffffff',
'background-color': '#5f4326ff',
'border-color': '#c2a67fff',
}).off ('mouseenter').on ('mouseenter', function () {
$( this ).css ({
'color': '#fefefeff',
'background-color': '#c2a67fff',
'border-color': '#fefefeff',
});
}).off ('mouseleave').on ('mouseleave', function () {
$( this ).css ({
'color': '#ffffffff',
'background-color': '#5f4326ff',
'border-color': '#c2a67fff',
});
}).on ('click', function () {
if ($buttonChooseElement.size () != 0) {
$buttonChooseElement.val ('2');
}
$formElement.submit ();
});
$captionElement.on ('click', function () {
$activityControls.addClass ('open');
});
$closeElement.on ('click', function () {
$activityControls.removeClass ('open');
});
$formElement.validationEngine ('attach', {
promptPosition: 'topRight',
scroll: false,
binded: false,
onSuccess: function () {
//open_page_load ();
}
});
$formElement.on ('submit', function () {
var formData = $formElement.serializeArray (),
ajaxData = {};
$.each (formData, function (i, v) {
ajaxData[v.name] = v.value;
});
post ('/record_activity.js', ajaxData, function (result, textStatus, jqXHR) {
return true;
}, 'json');
$( 'input:hidden#activity_form_id' ).remove ();
$( 'input:hidden#activity_form_button_choose' ).remove ();
});
