// closure to avoid namespace collision
(function(){
		tinymce.create('tinymce.plugins.thundercodes', {
	    createControl: function(n, cm) {
	        switch (n) {
	            case 'thundercodes_button':
	                var c = cm.createSplitButton('thundercodes_button', {
	                    title : 'ThunderCodes',
	                    image : 'http://fightforthesoulofthecities.com/wp-content/themes/skybox/style/images/thunder_icon.png',
	                    
	                });
	
	                c.onRenderMenu.add(function(c, m) {
	                    m.add({title : 'ThunderCodes', 'class' : 'mceMenuItemTitle'}).setDisabled(1);
	
	                    m.add({title : 'Button', onclick : function() {
	                    	callshortcode("button");
	                    }});
	
	                    m.add({title : 'Intro Text', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[intro]YOUR_TEXT_HERE[/intro]');                    
	                    }});
	                    
	                    m.add({title : 'Divider', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[divider]');                    
	                    }});
	                    
	                    m.add({title : 'Dropcap', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[dropcap]C[/dropcap]');                    
	                    }});
	                    
	                    m.add({title : 'Box', onclick : function() {
	                    	callshortcode("box");
	                    }});
	                    
	                    m.add({title : 'Highlight', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[highlight]YOUR_HIGHLIGHTED_TEXT[/highlight]');   
	                    }});
	                    
	                    m.add({title : 'Codebox', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[codebox]YOUR_CODE[/codebox]');   
	                    }});
	                    
	                    m.add({title : 'Sup Text', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[sup]YOUR_SUP_TEXT[/sup]');   
	                    }});
	                    
	                    m.add({title : 'Sub Text', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[sub]YOUR_SUB_TEXT[/sub]');   
	                    }});
	                    
	                    m.add({title : 'Cite Text', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[cite]YOUR_CITE_TEXT[/cite]');   
	                    }});
	                   
	                    m.add({title : 'Abbr Text', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[abbr title="abbr explanation"]YOUR_ABBR_TEXT[/abbr]');   
	                    }});
	                    
	                    m.add({title : 'HeadSubline', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[headsubline subline="YOUR_SUBLINE_TEXT"]>YOUR_HEADLINE_TEXT[/headsubline]');                    
	                    }});
	                    
	                    m.add({title : 'Latest Posts', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[latest_posts number="2"]');   
	                    }});
	                    
	                    m.add({title : 'Latest Projects Slider', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[latest_projects_slider title="YOUR_TITLE" cat_slugs="CATEGORY_SLUGS" number=12]');
	                    }});
	                    
	                     m.add({title : 'Latest Projects Carousel', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[latest_projects_carousel title="YOUR_TITLE" cat_slugs="CATEGORY_SLUGS" number=12]');
	                    }});
	                    
	                    m.add({title : 'Tabs', onclick : function() {
	                    	callshortcode("tabs");
	                    }});
	                    
	                    m.add({title : 'Toggle', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[toggle title="YOUR_TOGGLE_TITLE"]YOUR_TOGGLE_CONTENT[/toggle]');   
	                    }});
	                    
	                    m.add({title : 'Socialbar', onclick : function() {
	                    	callshortcode("socialbar");
	                    }});
	                    
	                    m.add({title : 'Testimonials', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[testimonials]<br>[quote author="AUTHOR_NAME"]THE_TEXT[/quote]<br>[quote author="AUTHOR_NAME"]THE_TEXT[/quote][/testimonials]');
	                    }});
	                    
	                    m.add({title : 'Twitter', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[twitter user="TWITTER_ACCOUNT" number="3"]');
	                    }});
	                    
	                    m.add({title : 'Facebook Page', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[facebook_page url="URL_FACEBOOK_PAGE"]');
	                    }});

	                    m.add({title : 'Dribbble', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[dribbble user="DRIBBBLE_USER" number=20]');
	                    }});
	                    
	                    m.add({title : 'flickr', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[flickr user_id="FLICKRUSER@N00" number=15]');
	                    }});
	                    
	                    m.add({title : 'Portfolio Info', onclick : function() {
	                    	tinyMCE.activeEditor.execCommand('mceInsertContent', 0, '[portfolio_info_set]<br>[portfolio_info title="Date:"]July 2, 2026[/portfolio_info]<br>[portfolio_info title="Categories:"]Category 1, Category 2[/portfolio_info]<br>[portfolio_info title="Client:"]ThunderBuddies[/portfolio_info]<br>[portfolio_info title="Link:"]http://themes.thunderbuddies4life.com[/portfolio_info][/portfolio_info_set]');   
	                    }});
	                    
	                });
	
	              // Return the new splitbutton instance
	              return c;
	        }
	
	        return null;
	    }
	});	
	
	
	
	tinymce.PluginManager.add('thundercodes', tinymce.plugins.thundercodes);

	
	function callshortcode(thundershortcode){
		switch (thundershortcode) {
		    case "button": 
		    				var form = jQuery('<div id="thundercodes-form" class="thundercodes-form"><table id="thundercodes-table" class="form-table">\
										<tr>\
				<th><label for="thundercodes-link">Link</label></th>\
				<td><input type="text" id="thundercodes-link" name="link" value="#" /><br />\
				<small>The link a button sends you when clicking</small></td>\
			</tr>\
												<tr>\
				<th><label for="thundercodes-target">Target</label></th>\
				<td><input type="text" id="thundercodes-target" name="target" value="_self" /><br />\
				<small>Where should the link be opened?</small></td>\
			</tr>\
												<tr>\
				<th><label for="thundercodes-color">Color</label></th>\
				<td><select name="color" id="thundercodes-color">\ <option value="blue">blue</option><option value="pink">pink</option><option value="purple">purple</option><option value="black">black</option><option value="green">green</option><option value="red">red</option><option value="brown">brown</option><option value="yellow">yellow</option><option value="aqua">aqua</option><option value="navy">navy</option><option value="orange">orange</option><option value="gray">gray</option>		</select><br />\
				<small>Select the hover Color</small></td>\
			</tr>\
												<tr>\
				<th><label for="thundercodes-content">Text</label></th>\
				<td><input type="text" id="thundercodes-content" name="content" value="Button" /><br />\
				<small>Text on the button</small></td>\
			</tr>\
												</table>\
										<p class="submit">\
											<input type="button" id="thundercodes-submit" class="button-primary" value="Insert Button" name="submit" onclick="submitForm()" />\
										</p>\
									</div>');
							thunder_options = Array("link","target","color"); 
							thunder_shortcode = "[button {{link}} {{target}} {{color}}]YOUR_BUTTON_TEXT[/button]";
							H = 294;
		    	break;	
		    
		    case "box": 
		    				var form = jQuery('<div id="thundercodes-form" class="thundercodes-form"><table id="thundercodes-table" class="form-table">\
										<tr>\
				<th><label for="thundercodes-style">Style</label></th>\
				<td><select name="style" id="thundercodes-style">\ <option value="info">info</option><option value="download">download</option><option value="warning">warning</option><option value="note">note</option>		</select><br />\
				<small>Define the display style of the Box</small></td>\
			</tr>\
												</table>\
										<p class="submit">\
											<input type="button" id="thundercodes-submit" class="button-primary" value="Insert Box" name="submit" onclick="submitForm()" />\
										</p>\
									</div>');
							thunder_options = Array("style"); 
							thunder_shortcode = "[box {{style}}]YOUR_BOX_TEXT[/box]";
							H = 110;
		    	break;	
		    	
		    case "projects": 
		    				var form = jQuery('<div id="thundercodes-form" class="thundercodes-form"><table id="thundercodes-table" class="form-table">\
										<tr>\
				<th><label for="thundercodes-portfolioslug">Portfolio</label></th>\
				<td><select name="portfolioslug" id="thundercodes-portfolioslug">\