<?php
/**
 * @version    $Id$
 * @package    JSN.ImageShow
 * @subpackage JSN.ThemeClassic
 * @author     JoomlaShine Team <support@joomlashine.com>
 * @copyright  Copyright (C) 2012 JoomlaShine.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Websites: http://www.joomlashine.com
 * Technical Support:  Feedback - http://www.joomlashine.com/contact-us/get-support.html
 */
defined('_JEXEC') or die('Restricted access');

?>
<table id="theme-classic-javascript" width="100%" class="jsn-showcase-theme-settings" cellpadding="0" cellspacing="0" border="0">
	<tr>
		<td valign="top" id="js-showcase-theme-detail-wrapper">
			<div class="jsn-showcase-theme-detail">
				<div class="jsn-showcase-tabs">
					<ul>
						<li><a class="js-image-container" href="#js-jsn-container-panel"><?php echo JText::_('GENERAL_CONTAINER'); ?></a></li>
						<li><a class="js-image-panel" href="#js-jsn-image-panel"><?php echo JText::_('IMAGE_PANEL');?></a></li>
						<li><a class="js-info-panel" href="#js-jsn-info-panel"><?php echo JText::_('INFORMATION_PANEL');?></a></li>
						<li><a class="js-thumb-panel" href="#js-jsn-thumb-panel"><?php echo JText::_('THUMBNAIL_PANEL');?></a></li>
						<li><a class="js-toolbar-panel" href="#js-jsn-toolbar-panel"><?php echo JText::_('TOOLBAR_PANEL');?></a></li>
						<li><a class="js-slideshow-panel" href="#js-jsn-slideshow-panel"><?php echo JText::_('SLIDESHOW');?></a></li>
					</ul>
					<div id="js-jsn-container-panel" class="jsn-bootstrap">
						<div class="jsn-accordion" >
							<div class="jsn-accordion-control"> <span class="expand-all"><?php echo JText::_('EXPAND_ALL');?></span>&nbsp;&nbsp;|&nbsp; <span class="collapse-all"><?php echo JText::_('COLLAPSE_ALL');?></span> </div>
							<h3 id="js-container-panel-general"><a href="#"><?php echo JText::_('GENERAL'); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('GENERAL_TITLE_OUTSITE_BACKGROUND_COLOR'));?>::<?php echo htmlspecialchars(JText::_('GENERAL_DES_OUTSITE_BACKGROUND_COLOR')); ?>"><?php echo JText::_('GENERAL_TITLE_OUTSITE_BACKGROUND_COLOR');?></label>
											<div class="controls">
												<input class="input-mini" type="text" size="10" readonly="readonly" name="general_background_color" id="js_general_background_color" value="<?php echo (!empty($items_javascript->general_background_color))?$items_javascript->general_background_color:'#ffffff'; ?>" />
												<div class="color-selector" id="js_general_background_color_link"><div style="background-color: <?php echo (!empty($items_javascript->general_background_color))?$items_javascript->general_background_color:'#ffffff'; ?>"></div></div>
												<!--
												<a href="" id="js_general_background_color_link"><span id="js_span_general_background_color" class="jsn-icon-view-color" style="<?php echo (!empty($items_javascript->general_background_color))?'background:'.$items_javascript->general_background_color.';':'background:#ffffff;'; ?>"></span><span class="color-selection"><?php echo JText::_('SELECT_COLOR')?></span></a>
												 -->
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('GENERAL_TITLE_ROUND_CORNER'));?>::<?php echo htmlspecialchars(JText::_('GENERAL_DES_ROUND_CORNER')); ?>"><?php echo JText::_('GENERAL_TITLE_ROUND_CORNER'); ?></label>
											<div class="controls">
												<input class="input-mini" type="text" size="5" name="general_round_corner_radius" value="<?php echo (!empty($items_javascript->general_round_corner_radius))?$items_javascript->general_round_corner_radius:'0'; ?>" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" />&nbsp;<?php echo JText::_('px'); ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('GENERAL_TITLE_BORDER_STOKE'));?>::<?php echo htmlspecialchars(JText::_('GENERAL_DES_BORDER_STOKE')); ?>"><?php echo JText::_('GENERAL_TITLE_BORDER_STOKE'); ?></label>
											<div class="controls">
												<input class="input-mini" type="text" size="5" name="general_border_stroke" value="<?php echo (!empty($items_javascript->general_border_stroke))?$items_javascript->general_border_stroke:'0'; ?>" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" />&nbsp;<?php echo JText::_('px'); ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('GENERAL_TITLE_BORDER_COLOR'));?>::<?php echo htmlspecialchars(JText::_('GENERAL_DES_BORDER_COLOR')); ?>"><?php echo JText::_('GENERAL_TITLE_BORDER_COLOR'); ?></label>
											<div class="controls">
												<input class="input-mini" type="text" size="10" id="js_general_border_color" readonly="readonly" name="general_border_color" value="<?php echo (!empty($items_javascript->general_border_color))?$items_javascript->general_border_color:'#000000'; ?>" />
												<div class="color-selector" id="js_general_border_color_link"><div style="background-color: <?php echo (!empty($items_javascript->general_border_color))?$items_javascript->general_border_color:'#000000'; ?>"></div></div>
												<!--
												<a href="" id="js_general_border_color_link"><span id="js_span_general_border_color" class="jsn-icon-view-color" style="<?php echo (!empty($items_javascript->general_border_color))?'background:'.$items_javascript->general_border_color.';':'background:#000000;'; ?>"></span><span class="color-selection"><?php echo JText::_('SELECT_COLOR')?></span></a>
												 -->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="js-jsn-image-panel" class="jsn-bootstrap">
						<div class="jsn-accordion">
							<div class="jsn-accordion-control"> <span class="expand-all"><?php echo JText::_('EXPAND_ALL');?></span>&nbsp;&nbsp;|&nbsp; <span class="collapse-all"><?php echo JText::_('COLLAPSE_ALL');?></span> </div>
							<h3 id="js-image-panel-image-presentation"><a href="#"><?php echo JText::_('IMAGE_PRESENTATION'); ?></a></h3>
							<div class="form-horizontal" id="js-acc-image-presentation">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_DEFAULT_PRESENTATION_MOD'));?>::<?php echo htmlspecialchars(JText::_('DES_DEFAULT_PRESENTATION_MOD')); ?>"><?php echo JText::_('TITLE_DEFAULT_PRESENTATION_MOD'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsImgPanelPresentationMode']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_PRESENTATION_MODE_CONFIGURATION'));?>::<?php echo htmlspecialchars(JText::_('DES_PRESENTATION_MODE_CONFIGURATION')); ?>"><?php echo JText::_('TITLE_PRESENTATION_MODE_CONFIGURATION'); ?></label>
											<div class="controls">
												<div id="js-acc-image-presentation-tabs">
													<ul>
														<li><a href="#js-acc-image-presentation-fit-in"><?php echo JText::_('FIT_IN');?></a></li>
														<li><a href="#js-acc-image-presentation-expand-out"><?php echo JText::_('EXPAND_OUT');?></a></li>
													</ul>
													<div id="js-acc-image-presentation-fit-in">
														<div class="control-group">
															<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_IMAGE_CLICK_ACTION'));?>::<?php echo htmlspecialchars(JText::_('DES_IMAGE_CLICK_ACTION')); ?>"><?php echo JText::_('TITLE_IMAGE_CLICK_ACTION'); ?></label>
															<div class="controls">
																<?php echo $lists_javascript['jsImgPanelImgClickActionFit']; ?>
															</div>
														</div>
														<div id="js-jsn-img-open-link-in-fit" class="control-group">
															<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_IMAGE_OPEN_LINK_IN'));?>::<?php echo htmlspecialchars(JText::_('DES_IMAGE_OPEN_LINK_IN')); ?>"><?php echo JText::_('TITLE_IMAGE_OPEN_LINK_IN'); ?></label>
															<div class="controls">
																<?php echo $lists_javascript['jsImgPanelImgOpenLinkInFit']; ?>
															</div>
														</div>
													</div>
													<div id="js-acc-image-presentation-expand-out">
														<div class="control-group">
															<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_IMAGE_CLICK_ACTION'));?>::<?php echo htmlspecialchars(JText::_('DES_IMAGE_CLICK_ACTION')); ?>"><?php echo JText::_('TITLE_IMAGE_CLICK_ACTION'); ?></label>
															<div class="controls">
																<?php echo $lists_javascript['jsImgPanelImgClickActionExpand']; ?>
															</div>
														</div>
														<div id="js-jsn-img-open-link-in-expand" class="control-group">
															<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_IMAGE_OPEN_LINK_IN'));?>::<?php echo htmlspecialchars(JText::_('DES_IMAGE_OPEN_LINK_IN')); ?>"><?php echo JText::_('TITLE_IMAGE_OPEN_LINK_IN'); ?></label>
															<div class="controls">
																<?php echo $lists_javascript['jsImgPanelImgOpenLinkInExpand']; ?>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<h3 id="js-image-panel-background"><a href="#"><?php echo JText::_('BACKGROUND'); ?></a></h3>
							<div id="js-acc-background" class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_BACKGROUND_TYPE'));?>::<?php echo htmlspecialchars(JText::_('DES_BACKGROUND_TYPE')); ?>"><?php echo JText::_('TITLE_BACKGROUND_TYPE'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsImgPanelBgType']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_BACKGROUND_VALUE'));?>::<?php echo htmlspecialchars(JText::_('DES_BACKGROUND_VALUE')); ?>"><?php echo JText::_('TITLE_BACKGROUND_VALUE'); ?></label>
											<div class="controls">
												<input class="<?php echo $classJSImagePanel; echo ($items_javascript->imgpanel_bg_type == 'solid-color')?' input-mini':' input-xxlarge'; ?>" type="text" value="<?php echo $items_javascript->imgpanel_bg_value; ?>" name="imgpanel_bg_value[]" id="js_imgpanel_bg_value" onchange="JSNISClassicTheme.ChangeVisual(this.name, this.value);" readonly="readonly"/>
												<div class="color-selector" id="js_solid_color" style="display:<?php echo ($items_javascript->imgpanel_bg_type == 'solid-color')?'':'none'; ?>;"><div style="background-color: <?php echo (@$items_javascript->imgpanel_bg_value)?@$items_javascript->imgpanel_bg_value:'#595959'; ?>"></div></div>
												<p id="js_pattern_title" style="<?php echo ($items_javascript->imgpanel_bg_type == 'pattern')?'display:"";':'display: none'; ?>;">
													<?php echo JText::_('SELECT_PATTERN')?>:&nbsp;
													<span id="js_pattern_value" style="<?php echo ($items_javascript->imgpanel_bg_type == 'pattern')?'display:"";':'display: none'; ?>;">
													<a class="jsn-modal" rel="{handler: 'iframe', size: {x: 590, y: 320}}" href="index.php?option=com_imageshow&controller=media&tmpl=component&act=pattern&e_name=text&event=loadMedia&theme=<?php echo $this->_showcaseThemeName; ?>"><?php echo JText::_('PREDEFINED')?></a>&nbsp;&nbsp;-&nbsp;
													<a class="jsn-modal" rel="{handler: 'iframe', size: {x: 590, y: 410}}" href="index.php?option=com_imageshow&controller=media&tmpl=component&act=custom&e_name=text&event=loadMedia&theme=<?php echo $this->_showcaseThemeName; ?>"><?php echo JText::_('CUSTOM')?></a>
													</span>
												</p>
												<p id="js_image_title" style="<?php echo ($items_javascript->imgpanel_bg_type == 'image')?'display:"";':'display: none'; ?>;">
													<span id="js_background_value" style="<?php echo ($items_javascript->imgpanel_bg_type == 'image')?'display:"";':'display: none'; ?>;">
													<a class="jsn-modal" rel="{handler: 'iframe', size: {x: 590, y: 410}}" href="index.php?option=com_imageshow&controller=media&tmpl=component&act=custom&e_name=text&event=loadMedia&theme=<?php echo $this->_showcaseThemeName; ?>">
													<?php echo JText::_('SELECT_IMAGE')?>
													</a>
													</span>
												</p>
											</div>
										</div>
									</div>
								</div>
							</div>
		 				</div>
					</div>
					<div id="js-jsn-thumb-panel" class="jsn-bootstrap">
						<div class="jsn-accordion">
							<div class="jsn-accordion-control"> <span class="expand-all"><?php echo JText::_('EXPAND_ALL');?></span>&nbsp;&nbsp;|&nbsp; <span class="collapse-all"><?php echo JText::_('COLLAPSE_ALL');?></span> </div>
							<h3 id="js-thumb-panel-thumbnail"><a href="#"><?php echo JText::_('GENERAL'); ?></a></h3>
							<div class="form-horizontal">
								<div class="form-horizontal">
									<div class="row-fluid show-grid">
										<div class="span12">
											<div class="control-group">
												<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_SHOW_THUMBNAIL_PANEL'));?>::<?php echo htmlspecialchars(JText::_('DES_SHOW_THUMBNAIL_PANEL')); ?>"><?php echo JText::_('TITLE_SHOW_THUMBNAIL_PANEL'); ?></label>
												<div class="controls">
													<?php echo $lists_javascript['jsThumbPanelShowPanel']; ?>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_THUMBNAIL_PANEL_POSITION'));?>::<?php echo htmlspecialchars(JText::_('DES_THUMBNAIL_PANEL_POSITION')); ?>"><?php echo JText::_('TITLE_THUMBNAIL_PANEL_POSITION'); ?></label>
												<div class="controls">
													<?php echo $lists_javascript['jsThumbPanelPanelPosition']; ?>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_PANEL_BACKGROUND_COLOR'));?>::<?php echo htmlspecialchars(JText::_('DES_PANEL_BACKGROUND_COLOR')); ?>"><?php echo JText::_('TITLE_PANEL_BACKGROUND_COLOR'); ?></label>
												<div class="controls">
													<input class="<?php echo $classJSThumbPanel;?> input-mini" type="text" size="15" value="<?php echo (!empty($items_javascript->thumbpanel_thumnail_panel_color))?$items_javascript->thumbpanel_thumnail_panel_color:'#000000'; ?>" readonly="readonly" name="thumbpanel_thumnail_panel_color" id="js_thumbpanel_thumnail_panel_color" onchange="JSNISClassicTheme.ChangeVisual(this.name, this.value);" />
													<div class="color-selector" id="js_thumnail_panel_color"><div style="background-color: <?php echo (!empty($items_javascript->thumbpanel_thumnail_panel_color))?$items_javascript->thumbpanel_thumnail_panel_color:'#000000'; ?>"></div></div>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_THUMBNAIL_NORMAL_STATE_COLOR'));?>::<?php echo htmlspecialchars(JText::_('DES_THUMBNAIL_NORMAL_STATE_COLOR')); ?>"><?php echo JText::_('TITLE_THUMBNAIL_NORMAL_STATE_COLOR'); ?></label>
												<div class="controls">
													<input class="<?php echo $classJSThumbPanel; ?> input-mini" type="text" size="15" value="<?php echo (!empty($items_javascript->thumbpanel_thumnail_normal_state))?$items_javascript->thumbpanel_thumnail_normal_state:'#ffffff'; ?>" readonly="readonly" name="thumbpanel_thumnail_normal_state" id="js_thumbpanel_thumnail_normal_state" onchange="JSNISClassicTheme.ChangeVisual(this.name, this.value);" />
													<div class="color-selector" id="js_thumnail_normal_state"><div style="background-color: <?php echo (!empty($items_javascript->thumbpanel_thumnail_normal_state))?$items_javascript->thumbpanel_thumnail_normal_state:'#ffffff'; ?>"></div></div>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_ACTIVE_STATE_COLOR'));?>::<?php echo htmlspecialchars(JText::_('DES_ACTIVE_STATE_COLOR')); ?>"><?php echo JText::_('TITLE_ACTIVE_STATE_COLOR'); ?></label>
												<div class="controls">
													<input class="<?php echo $classJSThumbPanel; ?> input-mini" type="text" size="15" value="<?php echo (!empty($items_javascript->thumbpanel_active_state_color))?$items_javascript->thumbpanel_active_state_color:'#ff6200'; ?>" readonly="readonly" name="thumbpanel_active_state_color" id="js_thumbpanel_active_state_color" onchange="JSNISClassicTheme.ChangeVisual(this.name, this.value);" />
													<div class="color-selector" id="js_active_state_color"><div style="background-color: <?php echo (!empty($items_javascript->thumbpanel_active_state_color))?$items_javascript->thumbpanel_active_state_color:'#ff6200'; ?>"></div></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<h3 id="js-thumb-panel-general"><a href="#"><?php echo JText::_('THUMBNAIL'); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_THUMBNAIL_WIDTH'));?>::<?php echo htmlspecialchars(JText::_('DES_THUMBNAIL_WIDTH')); ?>"><?php echo JText::_('TITLE_THUMBNAIL_WIDTH'); ?></label>
											<div class="controls">
												<input class="<?php echo $classJSThumbPanel; ?> input-mini" type="text" size="5" value="<?php echo ($items_javascript->thumbpanel_thumb_width!='')?$items_javascript->thumbpanel_thumb_width:50; ?>" name="thumbpanel_thumb_width" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" /> px
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_THUMBNAIL_HEIGHT'));?>::<?php echo htmlspecialchars(JText::_('DES_THUMBNAIL_HEIGHT')); ?>"><?php echo JText::_('TITLE_THUMBNAIL_HEIGHT'); ?></label>
											<div class="controls">
												<input class="<?php echo $classJSThumbPanel; ?> input-mini" type="text" size="5" value="<?php echo ($items_javascript->thumbpanel_thumb_height!='')?$items_javascript->thumbpanel_thumb_height:40; ?>" name="thumbpanel_thumb_height" id="js_thumbpanel_thumb_height" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" /> px
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_THUMBNAIL_BORDER'));?>::<?php echo htmlspecialchars(JText::_('DES_THUMBNAIL_BORDER')); ?>"><?php echo JText::_('TITLE_THUMBNAIL_BORDER');?></label>
											<div class="controls">
												<input class="<?php echo $classJSThumbPanel; ?> input-mini" type="text" size="5" value="<?php echo ($items_javascript->thumbpanel_border!='')?$items_javascript->thumbpanel_border:1; ?>" id="js_thumbpanel_border" name="thumbpanel_border" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" /> px
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="js-jsn-info-panel" class="jsn-bootstrap">
						<div class="jsn-accordion">
							<div class="jsn-accordion-control"> <span class="expand-all"><?php echo JText::_('EXPAND_ALL');?></span>&nbsp;&nbsp;|&nbsp; <span class="collapse-all"><?php echo JText::_('COLLAPSE_ALL');?></span> </div>
							<h3 id="js-info-panel-general"><a href="#"><?php echo JText::_('GENERAL'); ?></a></h3>
							<div id="js-acc-caption-general" class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_INFO_PANEL_PRESENTATION'));?>::<?php echo htmlspecialchars(JText::_('DES_INFO_PANEL_PRESENTATION')); ?>"><?php echo JText::_('TITLE_INFO_PANEL_PRESENTATION'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsInfoPanelPresentation']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_INFO_PANEL_POSITION'));?>::<?php echo htmlspecialchars(JText::_('DES_INFO_PANEL_POSITION')); ?>"><?php echo JText::_('TITLE_INFO_PANEL_POSITION'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsInfoPanelPanelPosition']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_PANEL_BACKGROUND_COLOR'));?>::<?php echo htmlspecialchars(JText::_('DES_PANEL_BACKGROUND_COLOR')); ?>"><?php echo JText::_('TITLE_PANEL_BACKGROUND_COLOR'); ?></label>
											<div class="controls">
												<input class="<?php echo $classJSInfoPanel; ?> input-mini" type="text" size="15" value="<?php echo (!empty($items_javascript->infopanel_bg_color_fill))?$items_javascript->infopanel_bg_color_fill:'#000000'; ?>" readonly="readonly" name="infopanel_bg_color_fill" id="js_infopanel_bg_color_fill" onchange="JSNISClassicTheme.ChangeVisual(this.name, this.value);" />
												<div class="color-selector" id="js_bg_color_fill"><div style="background-color: <?php echo (!empty($items_javascript->infopanel_bg_color_fill))?$items_javascript->infopanel_bg_color_fill:'#000000'; ?>"></div></div>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_INFO_OPEN_LINK_IN'));?>::<?php echo htmlspecialchars(JText::_('DES_INFO_OPEN_LINK_IN')); ?>"><?php echo JText::_('TITLE_INFO_OPEN_LINK_IN'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsInfoPanelOpenLinkIn']; ?>
											</div>
										</div>
									</div>
								</div>
							</div>
							<h3 id="js-info-panel-title"><a href="#"><?php echo JText::_("TITLE"); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_SHOW_TITLE'));?>::<?php echo htmlspecialchars(JText::_('DES_SHOW_TITLE')); ?>"><?php echo JText::_('TITLE_SHOW_TITLE'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsInfoPanelShowTitle']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_TITLE_CSS'));?>::<?php echo htmlspecialchars(JText::_('DES_TITLE_CSS')); ?>"><?php echo JText::_('TITLE_TITLE_CSS'); ?></label>
											<div class="controls">
												<textarea class="<?php echo $classJSInfoPanel; ?> input-xlarge" name="infopanel_title_css" rows="5"><?php echo $items_javascript->infopanel_title_css; ?></textarea>
											</div>
										</div>
									</div>
								</div>
							</div>
							<h3 id="js-info-panel-description"><a href="#"><?php echo JText::_('DESCRIPTION'); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_SHOW_DESCRIPTION'));?>::<?php echo htmlspecialchars(JText::_('DES_SHOW_DESCRIPTION')); ?>"><?php echo JText::_('TITLE_SHOW_DESCRIPTION'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsInfoPanelShowDes']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_DESCRIPTION_LENGTH_LIMITATION'));?>::<?php echo htmlspecialchars(JText::_('DES_DESCRIPTION_LENGTH_LIMITATION')); ?>"><?php echo JText::_('TITLE_DESCRIPTION_LENGTH_LIMITATION'); ?></label>
											<div class="controls">
												<input  class="<?php echo $classJSInfoPanel; ?> input-mini" type="text" size="5" value="<?php echo ($items_javascript->infopanel_des_lenght_limitation!='')?$items_javascript->infopanel_des_lenght_limitation:50; ?>" name="infopanel_des_lenght_limitation" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" /> <?php echo JText::_('WORDS'); ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_DESCRIPTION_CSS'));?>::<?php echo htmlspecialchars(JText::_('DES_DESCRIPTION_CSS')); ?>"><?php echo JText::_('TITLE_DESCRIPTION_CSS'); ?></label>
											<div class="controls">
												<textarea class="<?php echo $classJSInfoPanel; ?> input-xlarge" name="infopanel_des_css" rows="5"><?php echo $items_javascript->infopanel_des_css; ?></textarea>
											</div>
										</div>
									</div>
								</div>
							</div>
							<h3 id="js-info-panel-link"><a href="#"><?php echo JText::_('LINK'); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_SHOW_LINK'));?>::<?php echo htmlspecialchars(JText::_('DES_SHOW_LINK')); ?>"><?php echo JText::_('TITLE_SHOW_LINK'); ?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsInfoPanelShowLink']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_TITLE_CSS'));?>::<?php echo htmlspecialchars(JText::_('DES_TITLE_CSS')); ?>"><?php echo JText::_('TITLE_TITLE_CSS'); ?></label>
											<div class="controls">
												<textarea class="<?php echo $classJSInfoPanel; ?> input-xlarge" name="infopanel_link_css" rows="5"><?php echo $items_javascript->infopanel_link_css; ?></textarea>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="js-jsn-toolbar-panel" class="jsn-bootstrap">
						<div class="jsn-accordion">
							<div class="jsn-accordion-control"> <span class="expand-all"><?php echo JText::_('EXPAND_ALL');?></span>&nbsp;&nbsp;|&nbsp; <span class="collapse-all"><?php echo JText::_('COLLAPSE_ALL');?></span> </div>
							<h3 id="js-toolbar-panel-general"><a href="#"><?php echo JText::_('GENERAL'); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_TOOLBAR_PANEL_PRESENTATION'));?>::<?php echo htmlspecialchars(JText::_('DES_TOOLBAR_PANEL_PRESENTATION')); ?>"><?php echo JText::_('TITLE_TOOLBAR_PANEL_PRESENTATION');?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsToolBarPanelPresentation']; ?>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="js-jsn-slideshow-panel" class="jsn-bootstrap">
						<div class="jsn-accordion">
							<div class="jsn-accordion-control"> <span class="expand-all"><?php echo JText::_('EXPAND_ALL');?></span>&nbsp;&nbsp;|&nbsp; <span class="collapse-all"><?php echo JText::_('COLLAPSE_ALL');?></span> </div>
							<h3 id="js-slideshow-panel-slideshow-process"><a href="#"><?php echo JText::_('SLIDESHOW_PROCESS'); ?></a></h3>
							<div class="form-horizontal">
								<div class="row-fluid show-grid">
									<div class="span12">
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_SLIDE_TIMING'));?>::<?php echo htmlspecialchars(JText::_('DES_SLIDE_TIMING')); ?>"><?php echo JText::_('TITLE_SLIDE_TIMING');?></label>
											<div class="controls">
												<input class="<?php echo $classSlideShowPanel; ?> input-mini" type="text" size="5" value="<?php echo ($items_javascript->slideshow_slide_timing!='')?$items_javascript->slideshow_slide_timing:8; ?>" name="slideshow_slide_timing" onchange="checkInputValue(this, 0);" onfocus="getInputValue(this);" /> <?php echo JText::_('SECONDS');?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_AUTO_PLAY'));?>::<?php echo htmlspecialchars(JText::_('DES_AUTO_PLAY')); ?>"><?php echo JText::_('TITLE_AUTO_PLAY');?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsslideShowProcess']; ?>
											</div>
										</div>
										<div class="control-group">
											<label class="control-label hasTip" title="<?php echo htmlspecialchars(JText::_('TITLE_SLIDESHOW_LOOPING'));?>::<?php echo htmlspecialchars(JText::_('DES_SLIDESHOW_LOOPING')); ?>"><?php echo JText::_('TITLE_SLIDESHOW_LOOPING');?></label>
											<div class="controls">
												<?php echo $lists_javascript['jsslideShowLooping']; ?>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</td>
		<td valign="top" style="width:571px;" id="jsn-preview-wrapper">
			<div class="jsn-preview-wrapper">
				<?php include dirname(__FILE__).DS.'preview_javascript.php'; ?>
			</div>
		</td>
	</tr>
</table>
<div style="clear:both;"></div>
