//JOOsocial-JOOslide Begin

function getJOOslideCode()
{
global $site;
$sSiteUrl = BX_DOL_URL_ROOT;
if( getParam( 'enable_flash_promo' ) != 'on' )
		$sCode = '<div class="promo_code_wrapper">' . getParam( 'custom_promo_code' ) . '</div>';
	elseif(!isMember()) {
                $aImages = getPromoImagesArray();
                $sJooSlideHeight  		 = getParam( 'joo_slide_height' );
                $sJooSlideWidth  		 = getParam( 'joo_slide_width' );
                $sJooSlideSpeed  		 = getParam( 'joo_slide_speed' );
                $sJooSlideFilmPosition           = getParam( 'joo_slide_filmpos' );
                
                $sJooSlidePauseOver  		 = getParam( 'joo_slide_pauseover' );
                $sJooSlideBackcol  		 = getParam( 'joo_slide_backcol' );
                $sJooSlideBordCol  		 = getParam( 'joo_slide_bordcol' );
		$sImagesEls = '';
                
if( getParam( 'joo_slide_filmpos' ) != 'top' )
$sJOOslideButtons = 'top';
else{
$sJOOslideButtons = 'bottom';
}
if( getParam( 'joo_slide_filmpos' ) != 'top' )
$sJooSlideOverlayPos = 'top';
else{
$sJooSlideOverlayPos = 'bottom';
}
                $sJOOLoginPart = '<div class="joo_promo"><div class="subMenuOvr">';
		$sJOOLoginPart .= $GLOBALS['oSysTemplate']->parseHtmlByName('login_join.html', array());
		$sJOOLoginPart .= '</div></div>';
               foreach ($aImages as $sImg)
		{
$sImagesEls = '<img src="'.$site['imagesPromo'].$sImg.'" />';
			$sQuery = "SELECT * FROM joo_slide_block WHERE ImgName= '$sImg'";
			$aImgArray = db_arr($sQuery);
			$sImagesElsb = '<img style="height:38px;width:98px" src="'.$site['imagesPromo'].$sImg.'" />';
			$sPromoLink = $aImgArray['URL'];
$sCodea .= '<div class="panel">
	<a href="'.$sPromoLink.'">'.$sImagesEls.'</a>
	<div class="panel-overlay">
		<div style="font-size:18px;margin-top:21px;margin-right:20px;color:#333"><h2>'.$aImgArray['Title'].'</h2></div>
		</div>
</div>
';
$sCodeb .= '<li>'.$sImagesElsb.'</li>
';
}
$sCodeJOOslide =
<<<EOF
<link type="text/css" rel="stylesheet" href="{$site['url']}modules/JOOsocial/JOOslide/templates/base/css/style.css" />
<script type="text/javascript" src="{$site['url']}modules/JOOsocial/JOOslide/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="{$site['url']}modules/JOOsocial/JOOslide/js/jquery.galleryview-2.0.js"></script>
<script type="text/javascript" src="{$site['url']}modules/JOOsocial/JOOslide/js/jquery.timers-1.1.2.js"></script>

<script type="text/javascript">
	$(document).ready(function(){		
		$('#photos').galleryView({
			panel_width: {$sJooSlideWidth},
			panel_height: {$sJooSlideHeight},
			frame_width: 100,
			frame_height: 38,
			transition_speed: {$sJooSlideSpeed},
			background_color: '{$sJooSlideBackcol}',
			border: '{$sJooSlideBordCol}',
			easing: 'easeInOutBack',
			pause_on_hover: {$sJooSlidePauseOver},
			nav_theme: 'custom',
			overlay_height: 82,
			filmstrip_position: '{$sJooSlideFilmPosition}',
			overlay_position: '{$sJooSlideOverlayPos}'
		});
	});
</script>
<STYLE TYPE="text/css" MEDIA=screen>
.joo_promo {
	line-height:0;
position:absolute;
right:0;
z-index:3000;
{$sJOOslideButtons}:18px;
margin-right:15px;
}
</style>
<div id="photos" class="galleryview">
{$sCodea}
{$sJOOLoginPart}
<ul class="filmstrip">
{$sCodeb}
</ul>
</div>
EOF;
}
return $sCodeJOOslide;
}

//JOOsocial-JOOslide End