function fetchElement($name, $value, &$node, $control_name)
{
$howmany = $value;
$doc =& JFactory::getDocument();
$root = JURI::root();
$style = "\n#{$control_name}{$name}-pane {\n\t\tborder-top-width: 0px;\n\t\tborder-right-width: 0px;\n\t\tborder-bottom-width: 0px;\n\t\tborder-left-width: 0px;\n\t}\n\t\n\t#{$control_name}{$name}-newtab {\n\t\tposition: relative;\n\t}\n\t\n\t.prev-class, .next-active {\n\t\topacity: 0.5;\n\t}\n\t\ndl.tabs dt.newtab {\n\tbackground-color: #e1e1e1;\n\tbackground-image: none;\n\tcolor: #5f5f5f;\n\tcursor: pointer;\n}\n\ndl.tabs dt.newtab span {\n\tbackground: url(" . $root . "modules/mod_ninjatabs/images/newtab.png) no-repeat 0 0;\n\tborder-color: #3c4785;\n\tpadding-right: 19px;\n\theight: 0;\n\tmargin-right: -7px;\n}\n\n\n\ndl.tabs dt.newtab {\n\twidth: 19px;\n\tpadding-right: 0;\n\tpadding-left: 7px;\n\tbackground: #fff 0;\n\topacity: 0.65;\n\tborder-width: 0;\n\tmargin: 1px 4px;\n}\n\ndl.tabs dt.newtab:hover {\n\topacity: 1;\n\tborder-width: 1px;\n\tmargin: 0 3px;\n}\n\n.panel dl.tabs dt {\n\tpadding-left: 24px;\n\tborder-bottom: 0px;\n\theight:15px;\n}\n\n.nf-tab-close {\n\tdisplay:none;\n\theight: 1.8em;\n\tposition: absolute;\n\ttop: 2px;\n\twidth: 1.8em;\n}\n\n.nf-tab-close span.ui-state-default {\n\tdisplay: block;\n\tleft: 50%;\n\tmargin-left: -8px;\n\tmargin-top: -7px;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-indent: -99999px;\n}\n\n.nf-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }\n\t.nf-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }\n\t\n\ta.nf-button { float:left; }\n\t\n\t/* remove extra button width in IE */\n\tbutton.nf-button { width:auto; overflow:visible; }\n\t\n\t.nf-button-icon-left { padding-left: 2.1em; }\n\t.nf-button-icon-right { padding-right: 2.1em; }\n\t.nf-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }\n\t.nf-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }\n\t\n\t.nf-button-icon-solo { display:block; width:8px; text-indent: -9999px; }\t /* solo icon buttons must have block properties for the text-indent to work */\t\n\t\n\t.nf-buttonset { float:left; }\n\t.nf-buttonset .nf-button { float: left; }\n\t.nf-buttonset-single .nf-button, \n\t.nf-buttonset-multi .nf-button { margin-right: -1px;}\n\t\n\t.nf-toolbar { padding: .5em; margin: 0; }\n\t.nf-toolbar .nf-buttonset { margin-right:1.5em; padding-left: 1px; }\n\t.nf-toolbar .nf-button { font-size: 1em; }\n\n\t/*demo page css*/\n\th2 { clear: both; padding-top:1.5em; margin-top:0; } \n\t.strike { text-decoration: line-through; }\n\t";
$doc->addStyleDeclaration($style);
$doc->addScript("http://*****:*****@');
$looptitle = $this->javascriptOnEval('<dt id="' . $control_name . $name . 'tab-@" style="cursor: pointer;" class=\\"closed\\"><span>' . $title . '</span></dt>');
//$newTabGroup = $this->javascriptHTML('<p style="">'.$newTabGroup->render('params', $group, '@@').'</p>');
//echo print_r($newTabGroup);
//Recover head data
$doc->addScriptDeclaration($headData['script']['text/javascript']);
echo '</pre>';
$script = "\nfunction addTabGroup(tab) {\n\ttab = (tab - 0) + 1;\n}\n\t\t\t\t\t\t\n\t\t\t\t\t\tvar tabtitle = '{$looptitle}';\n\t\t\t\t\t\tvar tabbody = '{$looptitle}';\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\$('.newtab').click(function(){\n\t\t\t\t\t\t\tvar changetitle = tabtitle;\n\t\t\t\t\t\t\tvar changebody = tabbody;\n\t\t\t\t\t\t\tvar test = \$('#{$control_name}{$name}-tabs').attr('id');\n\t\t\t\t\t\t\tvar test = test.replace(/paramstablooptab-/g, ' ');\n\t\t\t\t\t\t\t//var test = (test - 0) + 1;\n\t\t\t\t\t\t\tvar thisval = \$(this).prev().attr('id').split(\"-\");\n\t\t\t\t\t\t\t//console.log(thisval);\n\t\t\t\t\t\t\tthisval = jQuery.makeArray(thisval);\n\t\t\t\t\t\t\t//console.log(thisval);\n\t\t\t\t\t\t\tthisval++;\n\t\t\t\t\t\t\tidArray = [];\n//\t\t\t\t\t\t\tfor (i = 0; i < 10; i++)\n//\t\t\t\t\t\t\t{\n//\t\t\t\t\t\t\t\tvar idArray = \$('#{$control_name}{$name}-tabs dt:eq('+i+')').attr('id');\n//\t\t\t\t\t\t\t\tconsole.log('The number is '+ i + idArray);\n//\t\t\t\t\t\t\t\ti++;\n//\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\ttest = \$('#{$control_name}{$name}-tabs dt:not(.newtab)');\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tvar testlength = test.length;\n\t\t\t\t\t\t\t//test = test.replace(/paramstablooptab-/g, ' ');\n\t\t\t\t\t\t\tjQuery.each(test, function(i, n) {\n\t\t\t\t\t\t\t\tthisval = \$(n).attr('id').replace(/paramstablooptab-/g, ' ');\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t //return (thisval != i);\n\t\t\t\t\t\t if(!jQuery.inArray(i, test))\n\t\t\t\t\t\t {\n\t\t\t\t\t\t \t//console.log('inArray');\t\n\t\t\t\t\t\t } else if(i===testlength) {\n\t\t\t\t\t\t \t//console.log('testlength '+testlength + ' i '+i);\n\t\t\t\t\t\t } else {\n\t\t\t\t\t\t \t//console.log('true');\n\t\t\t\t\t\t }\n\t\t\t\t\t\t });\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\taddTabGroup('myname');\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//\$(title.replace(/@/g, thisval)).insertBefore(\$(this));\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//\$('#{$control_name}{$name}-tabs dt.closed:last').trigger('click');\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t//\$('#{$control_name}{$name}-tab-'+thisval).trigger('click');\n\t\t\t\t\t\t\t//\$('#{$control_name}{$name}-tabs').sortable( 'refresh' );\n\t\t\t\t\t\t\t//\$('#footer').append('<scr' + 'ipt>'+tabscript+'</scr' + 'ipt>');\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t});\n\t\t\t\t\t\t\n\t\t\t\t\t\t\$('.tabs .delete-tab').live('click', function(){\n\t\t\t\t\t\t//console.log(\$('.tabs.ui-sorable dt').length);\n\t\t\t\t\t\tif(\$('#{$control_name}{$name}-tabs .ui-sorable dt').length != 1) {\n\t\t\t\t\t\t\t//console.log(\$('.tabs.ui-sorable dt').length);\n\t\t\t\t\t\t\tvar removeMe = \$(this).parent('dt').attr('id');\n\t\t\t\t\t\t\t\$('#paramstabloop-tabs dt:only-child').slideToggle();\n\t\t\t\t\t\t\t\$('#'+removeMe).stop().fadeOut('normal', function(){ \n\t\t\t\t\t\t\t\t\$(this).remove();\n\t\t\t\t\t\t\t\t\$('.tabs dt:first').removeClass('closed').addClass('open');\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\$('.'+removeMe).stop().fadeOut('normal', function(){ \n\t\t\t\t\t\t\t\t\$(this).remove(); \n\t\t\t\t\t\t\t\t\$('.panel .current dd:first').fadeIn();\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t});\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t});";
$doc->addScriptDeclaration($script);
return ' ';
}
