(function () {
    tinymce.PluginManager.add('ombre_mce_button', function (editor, url) {
        editor.addButton('ombre_mce_button', {
            text: 'Ombre Shortcodes',
            icon: false,
            type: 'menubutton',
            menu: [
                {
                    text: 'Carousels',
                    menu: [
                        {
                            text: 'Models',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert Models Carousel',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'max',
                                            label: 'Maximum number of Models:',
                                            value: '99'
										},
                                        {
                                            type: 'listbox',
                                            name: 'columns',
                                            label: 'Columns:',
                                            'values': [
                                                {
                                                    text: '3',
                                                    value: '3'
                                                },
                                                {
                                                    text: '2',
                                                    value: '2'
                                                },
                                                {
                                                    text: '1',
                                                    value: '1'
                                                }
											]
										},
                                        {
                                            type: 'listbox',
                                            name: 'autoplay',
                                            label: 'Autoplay:',
                                            'values': [
                                                {
                                                    text: 'False',
                                                    value: 'false'
                                                },
                                                {
                                                    text: 'True',
                                                    value: 'true'
                                                }
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'duration',
                                            label: 'Autoplay Duration:',
                                            value: '4'
										},
                                        {
                                            type: 'textbox',
                                            name: 'categoryid',
                                            label: 'Category id (Optional):',
                                            value: ''
										},
									],
                                    onsubmit: function (e) {
                                        if (isNaN(e.data.max)) {
                                            editor.windowManager.alert('Maximum number of models must be a number.');
                                            return false;
                                        }
                                        if (isNaN(e.data.categoryid)) {
                                            editor.windowManager.alert('Category id must be a number.');
                                            return false;
                                        }
                                        if (isNaN(e.data.duration)) {
                                            editor.windowManager.alert('Duration must be a number.');
                                            return false;
                                        }
                                        editor.insertContent('[models max="' + e.data.max + '" columns="' + e.data.columns + '" autoplay="' + e.data.autoplay + '" duration="' + e.data.duration + '" categoryid="' + e.data.categoryid + '"]');
                                    }
                                });
                            }
						},
                        {
                            text: 'Our Team',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert Our Team Carousel',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'max',
                                            label: 'Maximum number of Members:',
                                            value: '99'
										},
                                        {
                                            type: 'listbox',
                                            name: 'columns',
                                            label: 'Columns:',
                                            'values': [
                                                {
                                                    text: '3',
                                                    value: '3'
                                                },
                                                {
                                                    text: '2',
                                                    value: '2'
                                                },
                                                {
                                                    text: '1',
                                                    value: '1'
                                                }
											]
										},
                                        {
                                            type: 'listbox',
                                            name: 'autoplay',
                                            label: 'Autoplay:',
                                            'values': [
                                                {
                                                    text: 'False',
                                                    value: 'false'
                                                },
                                                {
                                                    text: 'True',
                                                    value: 'true'
                                                }
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'duration',
                                            label: 'Autoplay Duration:',
                                            value: '4'
										}
									],
                                    onsubmit: function (e) {
                                        if (isNaN(e.data.max)) {
                                            editor.windowManager.alert('Maximum number of members must be a number.');
                                            return false;
                                        }
                                        if (isNaN(e.data.duration)) {
                                            editor.windowManager.alert('Duration must be a number.');
                                            return false;
                                        }
                                        editor.insertContent('[ourteam max="' + e.data.max + '" columns="' + e.data.columns + '" autoplay="' + e.data.autoplay + '" duration="' + e.data.duration + '"]');
                                    }
                                });
                            }
						},
                        {
                            text: 'Testimonials',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert Testimonials',
                                    body: [
                                        {
                                            type: 'listbox',
                                            name: 'autoplay',
                                            label: 'Autoplay:',
                                            'values': [
                                                {
                                                    text: 'False',
                                                    value: 'false'
                                                },
                                                {
                                                    text: 'True',
                                                    value: 'true'
                                                }
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'duration',
                                            label: 'Autoplay Duration:',
                                            value: '4'
										},
                                        {
                                            type: 'listbox',
                                            name: 'autoheight',
                                            label: 'Auto Height:',
                                            'values': [
                                                {
                                                    text: 'False',
                                                    value: 'false'
                                                },
                                                {
                                                    text: 'True',
                                                    value: 'true'
                                                }
											]
										}
									],
                                    onsubmit: function (e) {
                                        if (isNaN(e.data.duration)) {
                                            editor.windowManager.alert('Duration must be a number.');
                                            return false;
                                        }
                                        editor.insertContent('[testimonials autoplay="' + e.data.autoplay + '" autoheight="' + e.data.autoheight + '" duration="' + e.data.duration + '"]');
                                    }
                                });
                            }
						}
					]
                }, {
                    text: 'Lists',
                    menu: [
                        {
                            text: 'Rounded List',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Add a rounded list',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'tabnumber',
                                            label: 'Number of item:',
                                            value: '3'
										}
									],
                                    onsubmit: function (e) {
                                        if (isNaN(e.data.tabnumber)) {
                                            editor.windowManager.alert('Number of item must be a number.');
                                            return false;
                                        } else {
                                            var i = 0;
                                            editor.insertContent('[roundedlist]<br/><br/>');
                                            while (i < e.data.tabnumber) {
                                                editor.insertContent('[roundedlistitem text=""]<br/><br/>');
                                                i++;
                                            }
                                            editor.insertContent('[/roundedlist]');
                                        }
                                    }
                                });
                            }
						},
                        {
							text: 'Table',
							onclick: function() {
								editor.windowManager.open( {
									title: 'Add a Table',
									body: [
                                        {
											type: 'textbox',
											name: 'tablenumber',
											label: 'Number of item:',
											value: '3'
										}
									],
									onsubmit: function( e ) {
                                        if(isNaN(e.data.tablenumber)) {
                                            editor.windowManager.alert('Number of item must be a number.');
                                            return false;
                                        }
                                        else {
                                            var i = 0;
                                            editor.insertContent('[ombretable]<br/><br/>');
                                            while (i < e.data.tablenumber) {
                                                editor.insertContent( '[ombretableitem left="Left Text Here" right="Right Text Here" icon=""]<br/><br/>');
                                                i++;
                                            }
                                            editor.insertContent('[/ombretable]');
                                        }
									}
								});
							}
						},
                        {
                            text: 'Accordion',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Add an Accordion',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'tabnumber',
                                            label: 'Number of item:',
                                            value: '3'
										}
									],
                                    onsubmit: function (e) {
                                        if (isNaN(e.data.tabnumber)) {
                                            editor.windowManager.alert('Number of item must be a number.');
                                            return false;
                                        } else {
                                            var i = 0;
                                            editor.insertContent('[accordioncontainer]<br/><br/>');
                                            while (i < e.data.tabnumber) {
                                                editor.insertContent('[accordion title="Title Here" icon=""][/accordion]<br/><br/>');
                                                i++;
                                            }
                                            editor.insertContent('[/accordioncontainer]');
                                        }
                                    }
                                });
                            }
						},
                        {
                            text: 'Tabs',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Add a Tabs',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'tabnumber',
                                            label: 'Number of item:',
                                            value: '3'
										},
                                        {
                                            type: 'listbox',
                                            name: 'type',
                                            label: 'Type:',
                                            'values': [
                                                {
                                                    text: 'Default',
                                                    value: 'default'
                                                },
                                                {
                                                    text: 'Vertical',
                                                    value: 'vertical'
                                                }
											]
										}
									],
                                    onsubmit: function (e) {
                                        if (isNaN(e.data.tabnumber)) {
                                            editor.windowManager.alert('Number of item must be a number.');
                                            return false;
                                        } else {
                                            var i = 0;
                                            editor.insertContent('[tabgroup type="' + e.data.type + '"]<br/><br/>');
                                            while (i < e.data.tabnumber) {
                                                editor.insertContent('[tab title="Title Here"][/tab]<br/><br/>');
                                                i++;
                                            }
                                            editor.insertContent('[/tabgroup]');
                                        }
                                    }
                                });
                            }
						},
                        {
                            text: 'Social Icons',
                            onclick: function () {
                                editor.insertContent('[ombresocial]');
                            }
						}
                    ]
    }, {
                    text: 'Others',
                    menu: [
                        {
							text: 'Title with border',
							onclick: function() {
								editor.windowManager.open( {
									title: 'Add a title with border',
									body: [
                                        {
                                            type: 'textbox',
                                            name: 'title',
                                            label: 'Title:'
                                        },
                                        {
											type: 'listbox',
											name: 'level',
											label: 'Header Level:',
											'values': [
												{text: 'Heading 1', value: 'h1'},
												{text: 'Heading 2', value: 'h2'},
                                                {text: 'Heading 3', value: 'h3'},
                                                {text: 'Heading 4', value: 'h4'},
                                                {text: 'Heading 5', value: 'h5'},
                                                {text: 'Heading 6', value: 'h6'}
											]
										}
									],
									onsubmit: function( e ) {
                                            editor.insertContent( '<' + e.data.level + ' class="border">' + e.data.title + '</' + e.data.level + '>');
									}
								});
							}
						},
                        {
                            text: 'Button',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert a button',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'url',
                                            label: 'Destination url:',
                                            value: '#'
										},
                                        {
											type: 'listbox',
											name: 'target',
											label: 'Link target:',
											'values': [
												{text: 'Self', value: 'self'},
												{text: 'Blank', value: 'blank'},
                                                {text: 'Parent', value: 'parent'},
                                                {text: 'Top', value: 'top'}
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'text',
                                            label: 'Button text:',
                                            value: 'Click here'
										},
									],
                                    onsubmit: function (e) {
                                        editor.insertContent('<a href="' + e.data.url + '" class="button" target="' + e.data.target + '">' + e.data.text + '</a>');
                                    }
                                });
                            }
						},
                        {
                            text: 'Box',
                            onclick: function () {
                                editor.insertContent('[ombrebox][/ombrebox]');
                            }
						},
                        {
                            text: 'Icon Box',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert an icon box',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'title',
                                            label: 'Title:',
                                            value: ''
										},
                                        {
											type: 'listbox',
											name: 'level',
											label: 'Header Level:',
											'values': [
												{text: 'Heading 1', value: 'h1'},
												{text: 'Heading 2', value: 'h2'},
                                                {text: 'Heading 3', value: 'h3'},
                                                {text: 'Heading 4', value: 'h4'},
                                                {text: 'Heading 5', value: 'h5'},
                                                {text: 'Heading 6', value: 'h6'}
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'text',
                                            label: 'Text:',
                                            value: '',
                                            multiline: true,
                                            minWidth: 300,
                                            minHeight: 100
										},
                                        {
											type: 'container',
											html: '<a href="https://fortawesome.github.io/Font-Awesome/icons/" target="_blank">Click here to see all available Font Awesome Icons</a>'
										},
                                        {
                                            type: 'textbox',
                                            name: 'icon',
                                            label: 'Font Awesome Icon Name:',
                                            value: 'star'
										},
                                        {
                                            type: 'listbox',
                                            name: 'align',
                                            label: 'Icon Align:',
                                            'values': [
                                                {
                                                    text: 'Center',
                                                    value: 'center'
                                                },
                                                {
                                                    text: 'Left',
                                                    value: 'left'
                                                },
                                                {
                                                    text: 'Right',
                                                    value: 'right'
                                                }
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'link',
                                            label: 'Destination URL:',
                                            value: ''
										}
									],
                                    onsubmit: function (e) {
                                        editor.insertContent('[ombreicon title="' + e.data.title + '" headerlevel="' + e.data.level + '" text="' + e.data.text + '" icon="' + e.data.icon + '" align="' + e.data.align + '" link="' + e.data.link + '"]');
                                    }
                                });
                            }
						},
                        {
                            text: 'Image with Caption',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert an Image Container',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'caption',
                                            label: 'Caption:',
                                            value: ''
										}
									],
                                    onsubmit: function (e) {
                                        editor.insertContent('[fleximage imgcaption="' + e.data.caption + '"]<br/><br/>[/fleximage]');
                                    }
                                });
                            }
						},
                        {
                            text: 'Image with Blockquote',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert an Image Container',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'blockquote',
                                            label: 'Blockquote:',
                                            value: '',
                                            multiline: true,
                                            minWidth: 300,
                                            minHeight: 100

										},
                                        {
                                            type: 'textbox',
                                            name: 'cite',
                                            label: 'Cite:',
                                            value: ''
										}
									],
                                    onsubmit: function (e) {
                                        editor.insertContent('[imagequote blockquote="' + e.data.blockquote + '" cite="' + e.data.cite + '"]<br/><br/>[/imagequote]');
                                    }
                                });
                            }
						},
                        {
                            text: 'Google Map',
                            onclick: function () {
                                editor.windowManager.open({
                                    title: 'Insert a Google map',
                                    body: [
                                        {
                                            type: 'textbox',
                                            name: 'latitute',
                                            label: 'Latitute:',
                                            value: '40.714353'
										},
                                        {
                                            type: 'textbox',
                                            name: 'longitude',
                                            label: 'Longitude:',
                                            value: '-74.005973'
										},
                                        {
											type: 'container',
											html: '<a href="http://mondeca.com/index.php/en/?option=com_content&view=article&id=206&Itemid=752" target="_blank">Click here to find your coordinates</a>'
										},
                                        {
											type: 'listbox',
											name: 'zoom',
											label: 'Zoom Level:',
											'values': [
												{text: '19', value: '19'},
												{text: '18', value: '18'},
                                                {text: '17', value: '17'},
                                                {text: '16', value: '16'},
                                                {text: '15', value: '15'},
                                                {text: '14', value: '14'},
                                                {text: '13', value: '13'},
												{text: '12', value: '12'},
                                                {text: '11', value: '11'},
                                                {text: '10', value: '10'},
                                                {text: '9', value: '9'},
                                                {text: '8', value: '8'},
                                                {text: '7', value: '7'},
                                                {text: '6', value: '6'},
                                                {text: '5', value: '5'},
                                                {text: '4', value: '4'},
												{text: '3', value: '3'},
                                                {text: '2', value: '2'},
                                                {text: '1', value: '1'},
                                                {text: '0', value: '0'}
											]
										},
                                        {
											type: 'listbox',
											name: 'grayscale',
											label: 'Grayscale:',
											'values': [
												{text: 'True', value: 'true'},
												{text: 'False', value: 'false'}
											]
										},
                                        {
                                            type: 'textbox',
                                            name: 'markercolor',
                                            label: 'Marker color:',
                                            value: ''
										},
                                        {
											type: 'listbox',
											name: 'widescreen',
											label: 'Widescreen:',
											'values': [
												{text: 'True', value: 'true'},
												{text: 'False', value: 'false'}
											]
										}
									],
                                    onsubmit: function (e) {
                                        editor.insertContent('[googlemap latitute="' + e.data.latitute + '" longitude="' + e.data.longitude + '" zoom="' + e.data.zoom + '" grayscale="' + e.data.grayscale + '" markercolor="' + e.data.markercolor + '" widescreen="' + e.data.widescreen + '"]');
                                    }
                                });
                            }
						}
					]
    }]
        });
    });
})();