(function(){

	tinymce.create('tinymce.plugins.creativ_shortcodes', {
	
		/* Create button */
		createControl : function(id, controlManager) {
			if (id == 'creativ_shortcodes_button') {
				var button = controlManager.createButton('creativ_shortcodes_button', {
					title : 'Creativ Shortcodes',
					image : '../wp-content/plugins/creativ-shortcodes/images/toolbar-icon.png',
					onclick : function() {
						/* Show the popup */
						var width = jQuery(window).width(), H = jQuery(window).height(), W = ( 720 < width ) ? 720 : width;
						W = W - 80;
						H = H - 84;
						tb_show( 'Creativ Shortcodes', '#TB_inline?width=' + W + '&height=' + H + '&inlineId=creativ-shortcodes-form' );
					}
				});
				return button;
			}
			return null;
		}
	});
	
	/* Register Plugin */
	tinymce.PluginManager.add('creativ_shortcodes', tinymce.plugins.creativ_shortcodes);
	
	jQuery(function(){
	
		/* Social Links */

var social_icons = '<a href="#" class="button creativ-shortcodes-toggle-icon-list creativ-shortcodes-toggle-social-list" style="float:left;display:block;">Choose icon</a><div class="social-icon"></div>\
<i class="current-social-icon ja-social-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none;">\
<p style="margin-bottom:0px">Icons from <a href="http://zocial.smcllns.com/" target="_blank">Zocial</a> (via <a href="http://fontello.com/" target="_blank">Fontello</a>) and <a href="http://icondock.com/free/vector-social-media-icons" target="_blank">Icon Dock</a></p>\
<ul class="creativ-shortcodes-icon-list">\
<li><a href="#"><i class="ja-social-icon-twitter"></i> <span>ja-social-icon-twitter</span></a></li>\
<li><a href="#"><i class="ja-social-icon-facebook"></i> <span>ja-social-icon-facebook</span></a></li>\
<li><a href="#"><i class="ja-social-icon-linkedin"></i> <span>ja-social-icon-linkedin</span></a></li>\
<li><a href="#"><i class="ja-social-icon-pinterest"></i> <span>ja-social-icon-pinterest</span></a></li>\
<li><a href="#"><i class="ja-social-icon-delicious"></i> <span>ja-social-icon-delicious</span></a></li>\
<li><a href="#"><i class="ja-social-icon-paypal"></i> <span>ja-social-icon-paypal</span></a></li>\
<li><a href="#"><i class="ja-social-icon-gplus"></i> <span>ja-social-icon-gplus</span></a></li>\
<li><a href="#"><i class="ja-social-icon-stumbleupon"></i> <span>ja-social-icon-stumbleupon</span></a></li>\
<li><a href="#"><i class="ja-social-icon-fivehundredpx"></i> <span>ja-social-icon-fivehundredpx</span></a></li>\
<li><a href="#"><i class="ja-social-icon-foursquare"></i> <span>ja-social-icon-foursquare</span></a></li>\
<li><a href="#"><i class="ja-social-icon-forrst"></i> <span>ja-social-icon-forrst</span></a></li>\
<li><a href="#"><i class="ja-social-icon-digg"></i> <span>ja-social-icon-digg</span></a></li>\
<li><a href="#"><i class="ja-social-icon-spotify"></i> <span>ja-social-icon-spotify</span></a></li>\
<li><a href="#"><i class="ja-social-icon-reddit"></i> <span>ja-social-icon-reddit</span></a></li>\
<li><a href="#"><i class="ja-social-icon-flickr"></i> <span>ja-social-icon-flickr</span></a></li>\
<li><a href="#"><i class="ja-social-icon-rss"></i> <span>ja-social-icon-rss</span></a></li>\
<li><a href="#"><i class="ja-social-icon-skype"></i> <span>ja-social-icon-skype</span></a></li>\
<li><a href="#"><i class="ja-social-icon-youtube"></i> <span>ja-social-icon-youtube</span></a></li>\
<li><a href="#"><i class="ja-social-icon-vimeo"></i> <span>ja-social-icon-vimeo</span></a></li>\
<li><a href="#"><i class="ja-social-icon-myspace"></i> <span>ja-social-icon-myspace</span></a></li>\
<li><a href="#"><i class="ja-social-icon-amazon"></i> <span>ja-social-icon-amazon</span></a></li>\
<li><a href="#"><i class="ja-social-icon-ebay"></i> <span>ja-social-icon-ebay</span></a></li>\
<li><a href="#"><i class="ja-social-icon-github"></i> <span>ja-social-icon-github</span></a></li>\
<li><a href="#"><i class="ja-social-icon-lastfm"></i> <span>ja-social-icon-lastfm</span></a></li>\
<li><a href="#"><i class="ja-social-icon-soundcloud"></i> <span>ja-social-icon-soundcloud</span></a></li>\
<li><a href="#"><i class="ja-social-icon-tumblr"></i> <span>ja-social-icon-tumblr</span></a></li>\
<li><a href="#"><i class="ja-social-icon-instagram"></i> <span>ja-social-icon-instagram</span></a></li>\
<li style="clear:left"><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/500px.png" alt="" /><span>500px</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/aboutme.png" alt="" /><span>aboutme</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/amazon.png" alt="" /><span>amazon</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/app-store.png" alt="" /><span>app-store</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/bebo.png" alt="" /><span>bebo</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/behance.png" alt="" /><span>behance</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/blogger.png" alt="" /><span>blogger</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/coroflot.png" alt="" /><span>coroflot</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/delicious.png" alt="" /><span>delicious</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/deviant-art.png" alt="" /><span>deviant-art</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/digg.png" alt="" /><span>digg</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/dribbble.png" alt="" /><span>dribbble</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/ebay.png" alt="" /><span>ebay</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/etsy.png" alt="" /><span>etsy</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/facebook.png" alt="" /><span>facebook</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/flickr.png" alt="" /><span>flickr</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/foodspotting.png" alt="" /><span>foodspotting</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/forrst.png" alt="" /><span>forrst</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/foursquare.png" alt="" /><span>foursquare</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/friendfeed.png" alt="" /><span>friendfeed</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/friendster.png" alt="" /><span>friendster</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/github.png" alt="" /><span>github</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/google-plus.png" alt="" /><span>google-plus</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/gowalla.png" alt="" /><span>gowalla</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/hyves.png" alt="" /><span>hyves</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/instagram.png" alt="" /><span>instagram</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/lastfm.png" alt="" /><span>lastfm</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/linkedin.png" alt="" /><span>linkedin</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/metacafe.png" alt="" /><span>metacafe</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/myspace.png" alt="" /><span>myspace</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/photobucket.png" alt="" /><span>photobucket</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/picasa.png" alt="" /><span>picasa</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/pinterest.png" alt="" /><span>pinterest</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/reddit.png" alt="" /><span>reddit</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/rss.png" alt="" /><span>rss</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/scribd.png" alt="" /><span>scribd</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/skype.png" alt="" /><span>skype</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/slashdot.png" alt="" /><span>slashdot</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/slideshare.png" alt="" /><span>slideshare</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/soundcloud.png" alt="" /><span>soundcloud</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/spotify.png" alt="" /><span>spotify</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/stumbleupon.png" alt="" /><span>stumbleupon</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/technorati.png" alt="" /><span>technorati</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/tumblr.png" alt="" /><span>tumblr</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/twitter.png" alt="" /><span>twitter</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/vimeo.png" alt="" /><span>vimeo</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/virb.png" alt="" /><span>virb</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/wordpress.png" alt="" /><span>wordpress</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/yahoo-buzz.png" alt="" /><span>yahoo-buzz</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/yahoo.png" alt="" /><span>yahoo</span></a></li>\
<li><a href="#"><img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/youtube.png" alt="" /><span>youtube</span></a></li>\
</ul>\
</div>';


var fa_icons = '<ul class="creativ-shortcodes-icon-list">\
<li><a href="#"><i class="fa-icon-">&#xf000;</i> <span>glass</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf001;</i> <span>music</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf002;</i> <span>search</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf003;</i> <span>envelope</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf004;</i> <span>heart</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf005;</i> <span>star</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf006;</i> <span>star-empty</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf007;</i> <span>user</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf008;</i> <span>film</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf009;</i> <span>th-large</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf00a;</i> <span>th</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf00b;</i> <span>th-list</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf00c;</i> <span>ok</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf00d;</i> <span>remove</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf00e;</i> <span>zoom-in</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf010;</i> <span>zoom-out</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf011;</i> <span>off</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf012;</i> <span>signal</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf013;</i> <span>cog</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf014;</i> <span>trash</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf015;</i> <span>home</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf016;</i> <span>file</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf017;</i> <span>time</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf018;</i> <span>road</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf019;</i> <span>download-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf01a;</i> <span>download</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf01b;</i> <span>upload</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf01c;</i> <span>inbox</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf01d;</i> <span>play-circle</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf01e;</i> <span>repeat</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf021;</i> <span>refresh</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf022;</i> <span>list-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf023;</i> <span>lock</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf024;</i> <span>flag</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf025;</i> <span>headphones</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf026;</i> <span>volume-off</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf027;</i> <span>volume-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf028;</i> <span>volume-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf029;</i> <span>qrcode</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf02a;</i> <span>barcode</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf02b;</i> <span>tag</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf02c;</i> <span>tags</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf02d;</i> <span>book</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf02e;</i> <span>bookmark</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf02f;</i> <span>print</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf030;</i> <span>camera</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf031;</i> <span>font</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf032;</i> <span>bold</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf033;</i> <span>italic</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf034;</i> <span>text-height</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf035;</i> <span>text-width</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf036;</i> <span>align-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf037;</i> <span>align-center</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf038;</i> <span>align-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf039;</i> <span>align-justify</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf03a;</i> <span>list</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf03b;</i> <span>indent-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf03c;</i> <span>indent-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf03d;</i> <span>facetime-video</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf03e;</i> <span>picture</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf040;</i> <span>pencil</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf041;</i> <span>map-marker</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf042;</i> <span>adjust</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf043;</i> <span>tint</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf044;</i> <span>edit</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf045;</i> <span>share</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf046;</i> <span>check</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf047;</i> <span>move</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf048;</i> <span>step-backward</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf049;</i> <span>fast-backward</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf04a;</i> <span>backward</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf04b;</i> <span>play</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf04c;</i> <span>pause</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf04d;</i> <span>stop</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf04e;</i> <span>forward</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf050;</i> <span>fast-forward</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf051;</i> <span>step-forward</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf052;</i> <span>eject</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf053;</i> <span>chevron-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf054;</i> <span>chevron-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf055;</i> <span>plus-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf056;</i> <span>minus-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf057;</i> <span>remove-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf058;</i> <span>ok-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf059;</i> <span>question-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf05a;</i> <span>info-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf05b;</i> <span>screenshot</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf05c;</i> <span>remove-circle</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf05d;</i> <span>ok-circle</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf05e;</i> <span>ban-circle</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf060;</i> <span>arrow-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf061;</i> <span>arrow-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf062;</i> <span>arrow-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf063;</i> <span>arrow-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf064;</i> <span>share-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf065;</i> <span>resize-full</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf066;</i> <span>resize-small</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf067;</i> <span>plus</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf068;</i> <span>minus</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf069;</i> <span>asterisk</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf06a;</i> <span>exclamation-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf06b;</i> <span>gift</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf06c;</i> <span>leaf</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf06d;</i> <span>fire</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf06e;</i> <span>eye-open</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf070;</i> <span>eye-close</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf071;</i> <span>warning-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf072;</i> <span>plane</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf073;</i> <span>calendar</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf074;</i> <span>random</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf075;</i> <span>comment</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf076;</i> <span>magnet</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf077;</i> <span>chevron-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf078;</i> <span>chevron-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf079;</i> <span>retweet</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf07a;</i> <span>shopping-cart</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf07b;</i> <span>folder-close</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf07c;</i> <span>folder-open</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf07d;</i> <span>resize-vertical</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf07e;</i> <span>resize-horizontal</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf080;</i> <span>bar-chart</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf081;</i> <span>twitter-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf082;</i> <span>facebook-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf083;</i> <span>camera-retro</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf084;</i> <span>key</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf085;</i> <span>cogs</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf086;</i> <span>comments</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf087;</i> <span>thumbs-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf088;</i> <span>thumbs-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf089;</i> <span>star-half</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf08a;</i> <span>heart-empty</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf08b;</i> <span>signout</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf08c;</i> <span>linkedin-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf08d;</i> <span>pushpin</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf08e;</i> <span>external-link</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf090;</i> <span>signin</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf091;</i> <span>trophy</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf092;</i> <span>github-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf093;</i> <span>upload-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf094;</i> <span>lemon</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf095;</i> <span>phone</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf096;</i> <span>check-empty</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf097;</i> <span>bookmark-empty</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf098;</i> <span>phone-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf099;</i> <span>twitter</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf09a;</i> <span>facebook</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf09b;</i> <span>github</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf09c;</i> <span>unlock</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf09d;</i> <span>credit-card</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf09e;</i> <span>rss</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a0;</i> <span>hdd</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a1;</i> <span>bullhorn</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a2;</i> <span>bell</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a3;</i> <span>certificate</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a4;</i> <span>hand-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a5;</i> <span>hand-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a6;</i> <span>hand-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a7;</i> <span>hand-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a8;</i> <span>circle-arrow-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0a9;</i> <span>circle-arrow-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0aa;</i> <span>circle-arrow-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ab;</i> <span>circle-arrow-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ac;</i> <span>globe</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ad;</i> <span>wrench</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ae;</i> <span>tasks</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0b0;</i> <span>filter</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0b1;</i> <span>briefcase</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0b2;</i> <span>fullscreen</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c0;</i> <span>group</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c1;</i> <span>link</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c2;</i> <span>cloud</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c3;</i> <span>beaker</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c4;</i> <span>cut</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c5;</i> <span>copy</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c6;</i> <span>paper-clip</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c7;</i> <span>save</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c8;</i> <span>sign-blank</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0c9;</i> <span>reorder</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ca;</i> <span>list-ul</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0cb;</i> <span>list-ol</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0cc;</i> <span>strikethrough</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0cd;</i> <span>underline</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ce;</i> <span>table</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d0;</i> <span>magic</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d1;</i> <span>truck</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d2;</i> <span>pinterest</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d3;</i> <span>pinterest-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d4;</i> <span>google-plus-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d5;</i> <span>google-plus</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d6;</i> <span>money</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d7;</i> <span>caret-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d8;</i> <span>caret-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0d9;</i> <span>caret-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0da;</i> <span>caret-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0db;</i> <span>columns</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0dc;</i> <span>sort</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0dd;</i> <span>sort-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0de;</i> <span>sort-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e0;</i> <span>envelope-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e1;</i> <span>linkedin</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e2;</i> <span>undo</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e3;</i> <span>legal</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e4;</i> <span>dashboard</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e5;</i> <span>comment-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e6;</i> <span>comments-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e7;</i> <span>bolt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e8;</i> <span>sitemap</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0e9;</i> <span>umbrella</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ea;</i> <span>paste</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0eb;</i> <span>lightbulb</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ec;</i> <span>exchange</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ed;</i> <span>cloud-download</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0ee;</i> <span>cloud-upload</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f0;</i> <span>user-md</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f1;</i> <span>stethoscope</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f2;</i> <span>suitcase</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f3;</i> <span>bell-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f4;</i> <span>coffee</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f5;</i> <span>food</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f6;</i> <span>file-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f7;</i> <span>building</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f8;</i> <span>hospital</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0f9;</i> <span>ambulance</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0fa;</i> <span>medkit</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0fb;</i> <span>fighter-jet</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0fc;</i> <span>beer</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0fd;</i> <span>h-sign</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf0fe;</i> <span>plus-sign-alt</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf100;</i> <span>double-angle-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf101;</i> <span>double-angle-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf102;</i> <span>double-angle-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf103;</i> <span>double-angle-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf104;</i> <span>angle-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf105;</i> <span>angle-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf106;</i> <span>angle-up</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf107;</i> <span>angle-down</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf108;</i> <span>desktop</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf109;</i> <span>laptop</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf10a;</i> <span>tablet</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf10b;</i> <span>mobile-phone</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf10c;</i> <span>circle-blank</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf10d;</i> <span>quote-left</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf10e;</i> <span>quote-right</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf110;</i> <span>spinner</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf111;</i> <span>circle</span></a></li>\
<li><a href="#"><i class="fa-icon-">&#xf112;</i> <span>reply</span></a></li>\
</ul>';
	
		/* The form */
		var form = jQuery('<style type="text/css">\
#TB_ajaxContent { padding: 0 0 30px 0; width: 100%!important; overflow: hidden; }\
.creativ-shortcodes-form { display: block; overflow: hidden; height: 100%; position: relative; font-family: Helvetica, Arial; color: #333; font-size: 12px; text-align: left; background: #FFF; }\
.creativ-shortcodes-form a { text-decoration: none; }\
.creativ-shortcodes-form .creativ-shortcodes-form-top { overflow: auto; height: 100%; position: relative; padding: 0 0 0 120px; margin: 0 0 0 0; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types { position: absolute; top: 0px; left: 0px; width: 120px; height: 100%; min-height: 100%; background: #f9f9f9; border-right: 1px solid #EEE; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types .creativ-shortcodes-form-title { display: block; padding: 14px 20px 14px 40px; position: relative; font-size: 12px; line-height: 14px; color: #333; border-bottom: 1px solid #EEE; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types .creativ-shortcodes-form-title img { position: absolute; top: 13px; left: 12px; } \
.creativ-shortcodes-form .creativ-shortcodes-form-types ul { list-style: none; margin: 0px; padding: 0px; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types ul li { display: block; border-bottom: 1px solid #EEE; margin: 0px; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types ul li.active { width: 121px; font-weight: bold; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types ul li a { display: block; padding: 14px 20px; font-size: 12px; color: #333; }\
.creativ-shortcodes-form .creativ-shortcodes-form-types ul li.active a,  .creativ-shortcodes-form .creativ-shortcodes-form-types ul li a:hover { background: #FFF; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs { background: #FFF; padding: 20px 20px 70px 20px; overflow: hidden; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tab { display: none; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs h2 { display: block; padding: 0 10px 10px 10px; line-height: normal; font-size: 18px; margin: 0 0 10px 0; border-bottom: 1px solid #EEE; }\
.creativ-shortcodes-form .creativ-shortcodes-form-fields { overflow: auto; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table { width: 100%; border: none; font-size: 12px; text-align: left; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table th,  .creativ-shortcodes-form .creativ-shortcodes-form-tabs table td { padding: 14px 10px 14px 0; border-bottom: 1px solid #EEE; vertical-align: top; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table th { font-weight: normal; text-align: left; width: 120px; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table th label { padding: 5px 0 0 10px; display: block; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td input, .creativ-shortcodes-form .creativ-shortcodes-form-tabs table td textarea { border: 1px solid #DDD; box-shadow: inset 1px 1px 4px #f9f9f9; padding: 6px 8px; font-family: Helvetica; font-size: 12px; color: #888; width: 80%; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td .wp-picker-container input[type="text"] { width: 80px!important; margin: 0 5px 0 0; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td .wp-picker-container input.button { width: auto!important; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td textarea { height: 100px; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td textarea:disabled { background: #EEE; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td input:focus, .creativ-shortcodes-form .creativ-shortcodes-form-tabs table td textarea:focus { color: #333; border-color: #BBB; background: #FFF; outline: none; }\
.creativ-shortcodes-form .creativ-shortcodes-form-tabs table td span.tip { display: block; padding: 5px 0; color: #999; }\
.creativ-shortcodes-form .creativ-shortcodes-submit { clear: both; height: 70px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: #EEE; border-top: 1px solid #DDD; }\
.creativ-shortcodes-form .creativ-shortcodes-submit .button-primary { position: absolute; right: 20px; top: 20px; }\
.creativ-shortcodes-form .current-icon, .creativ-shortcodes-form .current-social-icon { margin: 0 0 0 10px; font-size: 14px; width: 24px; text-align:center; height: 24px; line-height: 24px; }\
.creativ-shortcodes-toggle-social-list { margin: 0 0 20px 0; }\
.creativ-shortcodes-form .social-icon, .creativ-shortcodes-form .current-social-icon { margin: 0 0 0 10px; display: block; float: left; }\
.creativ-shortcodes-form .current-social-icon { display: none; }\
.creativ-shortcodes-form .social-icon img { width: 21px; height: 21px; margin: 1px 0 0 0; }\
.creativ-shortcodes-form .creativ-shortcodes-social-link-field { float: left; width: 220px!important; margin: 0 0 0 10px; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list-holder { clear: both; overflow: hidden; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list { padding: 10px 0 0 0; display: block; list-style: none; margin: 0px; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list li { display: block; float: left; width: 40px; height: 40px; margin: 0 10px 10px 0; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list li a { display: block; float: left; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #f9f9f9; border: 1px solid #EEE; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list li a:hover { border: 1px solid #CCC; box-shadow: 1px 1px 2px #EEE; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list li a i { font-size: 14px; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list li a img { width: 20px; height: 20px; margin-top: 10px; }\
.creativ-shortcodes-form .creativ-shortcodes-icon-list li a span { display: none; }\
.creativ-shortcodes-form .column-structures { display: block; padding: 0 0 0 10px; }\
.creativ-shortcodes-form .column-structures a { display: block; width: 100px; height: 40px; float: left; margin: 0 10px 20px 0; }\
.creativ-shortcodes-form .column-structures a span { float:left; position: relative; display: block; height: 40px; overflow: hidden; }\
.creativ-shortcodes-form .column-structures a i { background: #EEE; position: absolute; left: -2px; top: 0px; display: block; height: 40px; line-height: 40px; font-size: 14px; text-align: center; width: 100%; }\
.creativ-shortcodes-form .column-structures a:hover i, .creativ-shortcodes-form .column-structures a.active i { background: #999; color: #FFF; }\
.creativ-shortcodes-form .column-structures label { margin: 0 0 14px 0; display: block; font-size: 14px; }\
.creativ-shortcodes-form .clearfix { clear: both; }\
#creativ-shortcodes-form-tab_tabs td label,\
#creativ-shortcodes-form-tab_accordion td label { display: block; padding: 5px 0 10px 0; color: #999; }\
#creativ-shortcodes-form-tab_tabs input,\
#creativ-shortcodes-form-tab_accordion input,\
#creativ-shortcodes-form-tab_accordion .creativ-shortcodes-toggle-icon-list { margin: 0 0 10px 0; }\
</style>\
		<div id="creativ-shortcodes-form"><div class="creativ-shortcodes-form">\
		<div class="creativ-shortcodes-form-top">\
		<div class="creativ-shortcodes-form-types">\
			<span class="creativ-shortcodes-form-title"><img src="../wp-content/plugins/creativ-shortcodes/images/toolbar-icon.png" alt="" />Creativ Shortcodes</span>\
			<ul>\
				<li class="creativ-shortcodes-form-type-button active" type="button"><a href="#">Buttons</a></li>\
				<li class="creativ-shortcodes-form-type-columns" type="columns"><a href="#">Columns</a></li>\
				<li class="creativ-shortcodes-form-type-social" type="social"><a href="#">Social</a></li>\
                <li class="creativ-shortcodes-form-type-media" type="media"><a href="#">Videos</a></li>\
				<li class="creativ-shortcodes-form-type-toggle" type="toggle"><a href="#">Toggles</a></li>\
				<li class="creativ-shortcodes-form-type-accordion" type="accordion"><a href="#">Accordion</a></li>\
				<li class="creativ-shortcodes-form-type-tabs" type="tabs"><a href="#">Tabs</a></li>\
				<li class="creativ-shortcodes-form-type-map" type="map"><a href="#">Google Map</a></li>\
				<li class="creativ-shortcodes-form-type-alertbox" type="alertbox"><a href="#">Alert Boxes</a></li>\
				<li class="creativ-shortcodes-form-type-pullleft" type="pullleft"><a href="#">Quote Left</a></li>\
				<li class="creativ-shortcodes-form-type-pullright" type="pullright"><a href="#">Quote Right</a></li>\
			</ul>\
		</div><!-- end types -->\
		<div class="creativ-shortcodes-form-tabs">\
<!-- BUTTON -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_button" style="display:block">\
				<h2>Add a button</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>URL must incl. http://</label></th>\
						<td><input type="text" value="" fieldname="url" /></td>\
					</tr>\
					<tr>\
						<th><label>Icon (optional)</label></th>\
						<td>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Text Label</label></th>\
						<td><input type="text" value="" fieldname="label" /></td>\
					</tr>\
					<tr>\
						<th><label>Color</label></th>\
						<td>\
							<select fieldname="colour">\
								<option value="red">Red</option>\
								<option value="blue">Blue</option>\
								<option value="green">Green</option>\
								<option value="light-gray">Light Gray</option>\
								<option value="dark-gray">Dark Gray</option>\
								<option value="orange">Orange</option>\
								<option value="purple">Purple</option>\
								<option value="theme">Theme Default (if available)</option>\
							</select>\
							<span class="tip">or add a hex value</span>\
							<input type="text" class="creativ-shortcodes-button_colour_custom" fieldname="colour_custom" value="" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Size</label></th>\
						<td>\
							<select fieldname="size">\
								<option value="small">Small</option>\
								<option value="medium" selected="selected">Medium</option>\
								<option value="large">Large</option>\
							</select>\
						</td>\
					</tr>\
					<tr>\
						<th><label>Style</label></th>\
						<td>\
							<select fieldname="edge">\
								<option value="straight">Straight</option>\
								<option value="rounded">Rounded</option>\
							</select>\
						</td>\
					</tr>\
					<tr>\
						<th><label>Link to open in</label></th>\
						<td>\
							<select fieldname="target">\
								<option value="_self">Current Tab/Window</option>\
								<option value="_blank">New Tab/Window</option>\
							</select>\
						</td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- SOCIAL ICONS -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_social">\
				<h2>Add social links and icons</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Social Link 1</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 2</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 3</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 4</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 5</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 6</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 7</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 8</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 9</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Social Link 10</label></th>\
						<td>'+social_icons+'\
							<input type="text" value="" fieldname="service" style="display:none" />\
							<input type="text" value="" class="creativ-shortcodes-social-link-field" fieldname="link" />\
						</td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- COLUMNS -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_columns">\
				<h2>Add columns</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<td colspan="2">\
							<div class="column-structures">\
							<label>Choose a column structure</label>\
<a href="#" class="active" split="50|50"><span style="width:50%"><i>&frac12;</i></span><span style="width:50%"><i>&frac12;</i></span></a>\
<div class="clearfix"></div>\
<a href="#" split="33|33|33"><span style="width:33%"><i>&frac13;</i></span><span style="width:33%"><i>&frac13;</i></span><span style="width:33%"><i>&frac13;</i></span></a>\
<a href="#" split="67|33"><span style="width:67%"><i>&frac23;</i></span><span style="width:33%"><i>&frac13;</i></span></a>\
<a href="#" split="33|67"><span style="width:33%"><i>&frac13;</i></span><span style="width:67%"><i>&frac23;</i></span></a>\
<div class="clearfix"></div>\
<a href="#" split="25|25|25|25"><span style="width:25%"><i>&frac14;</i></span><span style="width:25%"><i>&frac14;</i></span><span style="width:25%"><i>&frac14;</i></span><span style="width:25%"><i>&frac14;</i></span></a>\
<a href="#" split="50|25|25"><span style="width:50%"><i>&frac12;</i></span><span style="width:25%"><i>&frac14;</i></span><span style="width:25%"><i>&frac14;</i></span></a>\
<a href="#" split="25|25|50"><span style="width:25%"><i>&frac14;</i></span><span style="width:25%"><i>&frac14;</i></span><span style="width:50%"><i>&frac12;</i></span></a>\
<a href="#" split="25|50|25"><span style="width:25%"><i>&frac14;</i></span><span style="width:50%"><i>&frac12;</i></span><span style="width:25%"><i>&frac14;</i></span></a>\
							<input style="display:none" type="text" fieldname="structure" value="50|50" />\
							</div>\
						</td>\
					</tr>\
					<tr>\
						<th><label>Column 1</label></th>\
						<td><textarea fieldname="col"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Column 2</label></th>\
						<td><textarea fieldname="col"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Column 3</label></th>\
						<td><textarea fieldname="col" disabled="disabled"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Column 4</label></th>\
						<td><textarea fieldname="col" disabled="disabled"></textarea></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- MEDIA -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_media">\
				<h2>Add Media</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Type</label></th>\
						<td>\
							<select fieldname="type">\
								<option value="youtube">YouTube</option>\
								<option value="vimeo">Vimeo</option>\
							</select>\
						</td>\
					</tr>\
					<tr>\
						<th><label>Video URL - copy/paste the URL from the browser window of the video here</label></th>\
						<td><input type="text" value="" fieldname="url" /></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- TOGGLE -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_toggle">\
				<h2>Add toggles</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Icon (optional)</label></th>\
						<td>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Heading</label></th>\
						<td><input type="text" value="" fieldname="heading" /></td>\
					</tr>\
					<tr>\
						<th><label>Text</label></th>\
						<td><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>On page load...</label></th>\
						<td>\
							<select fieldname="onload">\
								<option value="closed">Show Closed</option>\
								<option value="open">Show Open</option>\
							</select>\
						</td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- ACCORDION -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_accordion">\
				<h2>Add an accordion</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Accordion 1</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 2</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 3</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 4</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 5</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 6</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 7</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 8</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 9</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
					<tr>\
						<th><label>Accordion 10</label></th>\
						<td><label>Icon (optional)</label>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						<label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea>\
						<label>On page load...</label><select fieldname="onload">\
							<option value="closed">Show Closed</option>\
							<option value="open">Show Open</option>\
						</select></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- TABS -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_tabs">\
				<h2>Add tabs</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Tab 1</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 2</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 3</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 4</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 5</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 6</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 7</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 8</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 9</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
					<tr>\
						<th><label>Tab 10</label></th>\
						<td><label>Label</label><input type="text" value="" fieldname="label" />\
						<label>Text</label><textarea fieldname="text"></textarea></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- ALERTBOX -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_alertbox">\
				<h2>Add an Alert Box</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Icon (optional)</label></th>\
						<td>\
<a href="#" class="button creativ-shortcodes-toggle-icon-list">Choose an icon</a>\
<i class="current-icon fa-icon-"></i>\
<div class="creativ-shortcodes-icon-list-holder" style="display:none">\
<p style="margin-bottom:0px">Icons by <a href="http://fortawesome.github.com/Font-Awesome/" target="_blank">Font Awesome</a></p>'+fa_icons+'</div>\
						<input type="text" style="display:none" value="" fieldname="icon" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Color</label></th>\
						<td>\
							<select fieldname="colour">\
								<option value="red">Red</option>\
								<option value="blue">Blue</option>\
								<option value="green">Green</option>\
								<option value="light-gray">Light Gray</option>\
								<option value="yellow">Yellow</option>\
								<option value="custom">Custom Colors</option>\
								<option value="theme">Theme Default (if available)</option>\
							</select>\
							<span class="tip">or add a hex value</span>\
							<input type="text" class="creativ-shortcodes-button_colour_custom" fieldname="colour_custom" value="" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Alert Text</label></th>\
						<td><textarea fieldname="text"></textarea></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- PULL QUOTE LEFT -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_pullleft">\
				<h2>Add a Pull Quote Left</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Color</label></th>\
						<td>\
							<select fieldname="colour">\
								<option value="red">Red</option>\
								<option value="blue">Blue</option>\
								<option value="green">Green</option>\
								<option value="light-gray">Light Gray</option>\
								<option value="yellow">Yellow</option>\
								<option value="custom">Custom Colors</option>\
								<option value="theme">Theme Default (if available)</option>\
							</select>\
							<span class="tip">or add a hex value</span>\
							<input type="text" class="creativ-shortcodes-button_colour_custom" fieldname="colour_custom" value="" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Quote Text</label></th>\
						<td><textarea fieldname="text"></textarea></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- PULL QUOTE RIGHT -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_pullright">\
				<h2>Add a Pull Quote Right</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<th><label>Color</label></th>\
						<td>\
							<select fieldname="colour">\
								<option value="red">Red</option>\
								<option value="blue">Blue</option>\
								<option value="green">Green</option>\
								<option value="light-gray">Light Gray</option>\
								<option value="yellow">Yellow</option>\
								<option value="custom">Custom Colors</option>\
								<option value="theme">Theme Default (if available)</option>\
							</select>\
							<span class="tip">or add a hex value</span>\
							<input type="text" class="creativ-shortcodes-button_colour_custom" fieldname="colour_custom" value="" />\
						</td>\
					</tr>\
					<tr>\
						<th><label>Quote Text</label></th>\
						<td><textarea fieldname="text"></textarea></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
<!-- MAP -->\
			<div class="creativ-shortcodes-form-tab" id="creativ-shortcodes-form-tab_map">\
				<h2>Add a Google map</h2>\
				<div class="creativ-shortcodes-form-fields">\
				<table cellpadding="0" cellspacing="0">\
					<tr>\
						<td colspan="2">To get the latitude and longitude values for a location, go to <a style="color:blue" href="http://itouchmap.com/latlong.html" target="_blank">http://itouchmap.com/latlong.html</a> and add the address/zip code etc. to the "Address" field, click the "Go" button and you should see the latitude/longitude appear on the map. The latitude is the first number and the longitude is the second number (make sure you include the minus if there is one).</td>\
					</tr>\
					<tr>\
						<th><label>Latitude</label></th>\
						<td><input type="text" value="" fieldname="latitude" /></td>\
					</tr>\
					<tr>\
						<th><label>Longitude</label></th>\
						<td><input type="text" value="" fieldname="longitude" /></td>\
					</tr>\
					<tr>\
						<th><label>Width</label></th>\
						<td><input type="text" value="100%" fieldname="width" /></td>\
					</tr>\
					<tr>\
						<th><label>Height</label></th>\
						<td><input type="text" value="400" fieldname="height" /></td>\
					</tr>\
					<tr>\
						<th><label>Zoom</label></th>\
						<td><input type="text" value="16" fieldname="zoom" /></td>\
					</tr>\
					<tr>\
						<th><label>Info Window Text</label></th>\
						<td><textarea fieldname="infowindow_text"></textarea></td>\
					</tr>\
				</table>\
				</div>\
			</div><!-- end tab -->\
\
		</div></div>\
		<div class="creativ-shortcodes-submit">\
			<input style="display:none" id="creativ-shortcodes-form-type" value="button" />\
			<textarea style="display:none" id="creativ-shortcodes-form-code-to-add"></textarea>\
			<input type="button" id="creativ_shortcodes-submit" class="button-primary" value="Insert Shortcode" name="submit" />\
		</div>\
	</div></div>');
		
		form.appendTo('body').hide();
		
		/* Change tab */
		var creativ_shortcode_type = "button";
		var creativ_shortcode_code = "";
		form.find('.creativ-shortcodes-form-types ul li a').click(function(){
			creativ_shortcode_type = jQuery(this).parent('li').attr('type');
			jQuery('input#creativ-shortcodes-form-type').val(creativ_shortcode_type);
			jQuery('.creativ-shortcodes-form-tab').hide();
			jQuery('#creativ-shortcodes-form-tab_'+creativ_shortcode_type).show();
			jQuery('.creativ-shortcodes-form-types .active').removeClass('active');
			jQuery(this).parent('li').addClass('active');
			jQuery('.creativ-shortcodes-form .creativ-shortcodes-form-types').css({"height":jQuery('.creativ-shortcodes-form-tabs').outerHeight()});
			return false;
		});
		
		/* Choose icon */
		jQuery('.creativ-shortcodes-toggle-icon-list').click(function() {
			jQuery(this).parent('td').find('.creativ-shortcodes-icon-list-holder').fadeToggle();
			return false;
		});
		jQuery('.creativ-shortcodes-icon-list li a').click(function() {
			jQuery(this).parentsUntil('td').parent('td').find('input[type="text"]:first').val(jQuery(this).find('span').text());
			jQuery('.creativ-shortcodes-icon-list-holder').hide();
			jQuery(this).parentsUntil('td').parent('td').find('.current-icon').attr({'class':'current-icon fa-icon- fa-icon-'+jQuery(this).find('span').text()});
			
			var icon_to_add = jQuery(this).find('span').text();
			if(icon_to_add.search('ja-social-icon') > -1) {
				jQuery(this).parentsUntil('td').parent('td').find('.current-social-icon').attr({'class':'current-social-icon ja-social-icon- '+jQuery(this).find('span').text()});
				jQuery(this).parentsUntil('td').parent('td').find('.social-icon').hide();
				jQuery(this).parentsUntil('td').parent('td').find('.current-social-icon').show();
			} else {
				jQuery(this).parentsUntil('td').parent('td').find('.social-icon').html('<img src="../wp-content/plugins/creativ-shortcodes/images/social-icons/'+jQuery(this).find('span').text()+'.png" alt="" />');
				jQuery(this).parentsUntil('td').parent('td').find('.social-icon').show();
				jQuery(this).parentsUntil('td').parent('td').find('.current-social-icon').hide();
			}
			return false;
		});
	
		/* Color Picker */
		if(jQuery('.creativ-shortcodes-button_colour_custom').size() > 0) {
			jQuery('.creativ-shortcodes-button_colour_custom').wpColorPicker();
		}
		
		/* Choose Column Structure */
		var num_of_columns = 2;
		jQuery('.column-structures a').click(function() {
			jQuery('.column-structures a').removeClass('active');
			jQuery(this).addClass('active');
			jQuery('.column-structures input').val(jQuery(this).attr('split'));
			num_of_columns = jQuery(this).attr('split');
			num_of_columns = num_of_columns.split('|');
			num_of_columns = num_of_columns.length;
			
			jQuery('#creativ-shortcodes-form-tab_columns textarea').attr({'disabled':'disabled'});
			var i = -1;
			while(i < (num_of_columns - 1)) {
				i++;
				jQuery('#creativ-shortcodes-form-tab_columns textarea').eq(i).removeAttr('disabled');
			}
			
			return false;
		});
		
		/* On submit click */
		form.find('#creativ_shortcodes-submit').click(function(){
		
			/* Create shortcode */
			creativ_shortcode_code = '';
			
			if(creativ_shortcode_type == "social") {
				
				/* Social shortcode */
			
				creativ_shortcode_code = creativ_shortcode_code + '[creativ_' + creativ_shortcode_type + ']';
				
					jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' td').each(function() {
						if(jQuery(this).find('input:first').val() == "" || jQuery(this).find('input:first').val() == undefined) { } else {
						
							creativ_shortcode_code = creativ_shortcode_code + '[creativ_social_link service="';
							creativ_shortcode_code = creativ_shortcode_code + jQuery(this).find('input').eq(0).val();
							creativ_shortcode_code = creativ_shortcode_code + '" link="';
							creativ_shortcode_code = creativ_shortcode_code + jQuery(this).find('input').eq(1).val();
							creativ_shortcode_code = creativ_shortcode_code + '"] ';
							
						}
					});
				
				creativ_shortcode_code = creativ_shortcode_code + '[/creativ_' + creativ_shortcode_type + ']';
			
			} else if(creativ_shortcode_type == "columns") {
				
				/* Columns shortcode */
			
				creativ_shortcode_code = creativ_shortcode_code + '[creativ_' + creativ_shortcode_type + ' ';
				
				jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' input, #creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' select').each(function() {
					
					if(jQuery(this).attr('fieldname') != "" || jQuery(this).attr('fieldname') != undefined) {
						creativ_shortcode_code = creativ_shortcode_code + ' ' + jQuery(this).attr('fieldname') + '="' + jQuery(this).val() + '"';
					}
					
				});
				creativ_shortcode_code = creativ_shortcode_code + ']';
				
					/* the actual cols */
					var col_counter = 0;
					var col_class = 'a';
					jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' textarea').each(function() {
					
						if(jQuery(this).attr('disabled') == "disabled") { } else {
							
							col_counter++;
							if(col_counter == 1) { col_class = "a"; }
							if(col_counter == 2) { col_class = "b"; }
							if(col_counter == 3) { col_class = "c"; }
							if(col_counter == 4) { col_class = "d"; }
							creativ_shortcode_code = creativ_shortcode_code + '[creativ_col position="'+col_class+'"]' + jQuery(this).val() + '[/creativ_col]';
							
						}
					
					});
				
				
				creativ_shortcode_code = creativ_shortcode_code + '[/creativ_' + creativ_shortcode_type + ']';
				
				
			} else if(creativ_shortcode_type == "tabs") {
				
				/* Tabs shortcode */
			
				creativ_shortcode_code = creativ_shortcode_code + '[creativ_' + creativ_shortcode_type + ']';
				
					/* the actual tabs */
					jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' input').each(function() {
					
						if(jQuery(this).val() != "") { 
													
							creativ_shortcode_code = creativ_shortcode_code + '[creativ_tab label="' + jQuery(this).val() + '"]' + jQuery(this).parent('td').find('textarea').val() + '[/creativ_tab]';
							
						}
					
					});
				
				
				creativ_shortcode_code = creativ_shortcode_code + '[/creativ_' + creativ_shortcode_type + ']';
				
				
			} else if(creativ_shortcode_type == "accordion") {
				
				/* Accordion shortcode */
			
				creativ_shortcode_code = creativ_shortcode_code + '[creativ_' + creativ_shortcode_type + ']';
				
					/* the actual toggle */
					jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' tr').each(function() {
					
						if(jQuery(this).find('textarea').val() != "") { 
													
							creativ_shortcode_code = creativ_shortcode_code + '[creativ_toggle accordion="1" icon="' + jQuery(this).find('input').eq(0).val() + '" heading="' + jQuery(this).find('input').eq(1).val() + '" onload="' + jQuery(this).find('select').val() + '"]' + jQuery(this).find('textarea').val() + '[/creativ_toggle]';
							
						}
					
					});
				
				
				creativ_shortcode_code = creativ_shortcode_code + '[/creativ_' + creativ_shortcode_type + ']';
				
				
			}else if(creativ_shortcode_type == "toggle"){
							
				jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type).each(function() {

				 creativ_shortcode_code = creativ_shortcode_code + '[creativ_toggle icon="' + jQuery(this).find('input').eq(0).val() + '" heading="' + jQuery(this).find('input').eq(1).val() + '" onload="' + jQuery(this).find('select').val() + '"]' + jQuery(this).find('textarea').val() + '[/creativ_toggle]';


				});

			
			} else if(creativ_shortcode_type == "alertbox"){
				
				jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type).each(function() {

				 creativ_shortcode_code = creativ_shortcode_code + '[creativ_alertbox icon="' + jQuery(this).find('input').eq(0).val() + '" colour="'+ jQuery(this).find('select').val() +'" custom_colour="' + jQuery(this).find('input').eq(1).val() + '"]' + jQuery(this).find('textarea').val() + '[/creativ_alertbox]';


				});	
							
			} else {
				
				/* Basic shortcodes */
			
				creativ_shortcode_code = creativ_shortcode_code + '[creativ_' + creativ_shortcode_type + ' ';
				
				jQuery('#creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' input, #creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' select, #creativ-shortcodes-form-tab_' + creativ_shortcode_type + ' textarea').each(function() {
					
					if(jQuery(this).attr('fieldname') != "" && jQuery(this).attr('fieldname') != undefined) {
						creativ_shortcode_code = creativ_shortcode_code + ' ' + jQuery(this).attr('fieldname') + '="' + jQuery(this).val() + '"';
					}
					
				});
				creativ_shortcode_code = creativ_shortcode_code + ']';
				
			}
				
			/* Insert shortcode */
			tinyMCE.activeEditor.execCommand('mceInsertContent', 0, creativ_shortcode_code);
			tb_remove();
			
			return false;
			
		});
	});
})()