lVideos = new Array();

function lVideo( id, img, video, title, description ){
	this.id = id;
	this.img = img;
	this.video = video;
	this.title = title;
	this.description = description;
}

//

function videoDraw(){

	document.write(
	'<style>\
#videoTable td.main { }\
#videoTable td.main .rel span.aaclose { position:absolute; font-size:11px; right:-30px; _right:10px; top:-15px; }\
#videoTable table {  }\
#videoTable table td { padding:5px; font-style:italic; }\
#videoTable .submit { width:100px; height:27px; font-size:14px; font-weight:bold; }\
#videoTable .border { border-bottom:solid #777777 1px; margin:7px 0 12px 0; }\
#videoTable .main { position:relative; width:700px; height:auto; padding:0px; text-align:center; } \
#videoTable .main .rel { position:relative; text-align:right; height:20px }\
#videoTable .main .rel .close { _Aposition:absolute; color:white; z-index:1001; font-size:12px; background:black; margin-right:3px; padding:1px 3px; cursor:hand; cursor:pointer; } \
#videoTable #video_main { width:720px; _width:710px; height:500px; background:black; }\
#videoTable #video_iframe { width:100%; height:100%; }\
#videoTable #video_pre_scroll { width:700px; height:110px; _height:117px; overflow:hidden; overflow-x:scroll; margin:5px; margin-top:10px; background:#333333; padding:5px; text-align:left;  }\
#videoTable #video_pre { height:90px; overflow:hidden; background:#333333;  }\
#videoTable #video_pre img { width:120px; height:90px; margin-right:5px; margin-bottom:5px; cursor:hand; cursor:pointer; opacity:1; }\
#videoTable #video_pre img.sel { opacity:0.15; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=15); }\
</style>\
<div \
	id="videoDiv"\
	style="position:fixed; background:black; opacity:0.65; filter:alpha(opacity=\'65\');  _position:absolute; left:0; top:0; width:100%; height:100%; z-index:10001; visibility:hidden; _top:expression(tmp=document.body.scrollTop+\'px\';); "\
></div>\
<table\
	id="videoTable"\
	style="position:fixed; _position:absolute; left:0; top:0; _top:expression( tmp=document.body.scrollTop+\'px\'; ); width:100%; height:100%; z-index:10002; visibility:hidden;"\
> <tr><td colspan="3" onclick="hideVideo();" >&nbsp;</td></tr>\
		<tr><td onclick="hideVideo();" >&nbsp;</td>\
		<td class="main">\
			<div class="rel"><span class="close" onclick="hideVideo();">Закрыть</span></div>\
			<div id="video_main"><iframe scrolling="No" id="video_iframe" frameborder="0"></iframe></div>\
			<div id="video_pre_scroll"><div id="video_pre"></div></div>\
		</td>\
		<td onclick="hideVideo();" >&nbsp;</td></tr><tr><td colspan="3" onclick="hideVideo();" >&nbsp;</td></tr></table>	\
	');
	
}

function playVideo(id){
	if( lVideos[id]!=null ){
		// Показ видео
		document.all['video_iframe'].src = '/include/video/vframe.php?video='+lVideos[id].video+'&rnd='+Math.random();
		// Показ превьюшек
		preview_content = '';
		count = 0;
		for( i=0; i<lVideos.length; i++ ){
			if( lVideos[i] != null ){
				count++;
				preview_content += '<img class="'+( i == id ? 'sel' : ''  )+'" src="/flowplayer/play50.png" style="background:url('+lVideos[i].img+');" onclick="playVideo('+i+')" title="'+lVideos[i].title+'">';
			}
		}
		
		$( '#video_pre' ).css({ width:125*count+'px' });
		document.all['video_pre'].innerHTML = preview_content;			
	}
}

function showVideo(id){

	if( lVideos[id]!=null ){
		
		// Показ заставки
		if( typeof(jQuery) != 'undefined' ){
			$('#videoDiv').css({ opacity:'0', visibility:'visible' });
			$('#videoTable').css({ opacity:'0', visibility:'visible' });
			$('#videoDiv').animate({ opacity:'0.7' }, 250).queue(function(){
				$('#videoTable').css({ opacity:'1', visibility:'visible' });
				$(this).dequeue();
			}); 
		// Показ заставки, если нет JQuery
		} else {
			document.all['videoDiv'].style.visibility = 'visible';
			document.all['videoTable'].style.visibility = 'visible';
		}
		
		// Показ видео
		playVideo(id);
		
	}
	
	return false;
}

function hideVideo(){
	if( typeof(jQuery) != 'undefined' ){
		$('#videoTable').css({ visibility:'hidden' });
		$('#videoDiv').animate({ opacity:'0' }, 250).queue(function(){
			$(this).css({ visibility:'hidden' });
			$('#videoTable').css({ visibility:'hidden' });
			$(this).dequeue();
		}); ; 
	} else {
		document.all['videoDiv'].style.visibility = 'hidden';
		document.all['videoTable'].style.visibility = 'hidden';		
	}

	// Скрытие
	document.all['video_iframe'].src = 'about:blank';

	return false;
}





function resumeDraw(){

	document.write(
	'<style>\
#resumeTable td.main { }\
#resumeTable td.main .rel span.aaclose { position:absolute; font-size:11px; right:-30px; _right:10px; top:-15px; }\
#resumeTable table {  }\
#resumeTable table td { padding:5px; font-style:italic; }\
#resumeTable .submit { width:100px; height:27px; font-size:14px; font-weight:bold; }\
#resumeTable .border { border-bottom:solid #777777 1px; margin:7px 0 12px 0; }\
#resumeTable .main { position:relative; width:700px; height:auto; padding:0px; text-align:center; } \
#resumeTable .main .rel { position:relative; text-align:right; height:20px }\
#resumeTable .main .rel .close { _Aposition:absolute; color:white; z-index:1001; font-size:12px; background:black; margin-right:3px; padding:1px 3px; cursor:hand; cursor:pointer; } \
#resumeTable #resume_main { width:720px; _width:710px; height:500px; background:#eeeeee; padding:30px; overflow-y:auto; }\
</style>\
<div \
	id="resumeDiv"\
	style="position:fixed; background:black; opacity:0.65; filter:alpha(opacity=\'65\');  _position:absolute; left:0; top:0; width:100%; height:100%; z-index:10001; visibility:hidden; _top:expression(tmp=document.body.scrollTop+\'px\';); "\
></div>\
<table\
	id="resumeTable"\
	style="position:fixed; _position:absolute; left:0; top:0; _top:expression( tmp=document.body.scrollTop+\'px\'; ); width:100%; height:100%; z-index:10002; visibility:hidden;"\
> <tr><td colspan="3" onclick="hideResume();" >&nbsp;</td></tr>\
		<tr><td onclick="hideResume();" >&nbsp;</td>\
		<td class="main">\
			<div class="rel"><span class="close" onclick="hideResume();">Закрыть</span></div>\
			<div id="resume_main"></div>\
		</td>\
		<td onclick="hideResume();" >&nbsp;</td></tr><tr><td colspan="3" onclick="hideResume();" >&nbsp;</td></tr></table>	\
	');
	
}


function showResume(id){

	if( lVideos[id]!=null ){
		// Показ заставки
		document.all['resume_main'].innerHTML = lVideos[id].description;
		if( typeof(jQuery) != 'undefined' ){
			$('#resumeDiv').css({ opacity:'0', visibility:'visible' });
			$('#resumeTable').css({ opacity:'0', visibility:'visible' });
			$('#resumeDiv').animate({ opacity:'0.7' }, 250).queue(function(){
				$('#resumeTable').css({ opacity:'1', visibility:'visible' });
				$(this).dequeue();
			}); 
		// Показ заставки, если нет JQuery
		} else {
			document.all['resumeDiv'].style.visibility = 'visible';
			document.all['resumeTable'].style.visibility = 'visible';
		}
	}

	return false;
}

function hideResume(){
	if( typeof(jQuery) != 'undefined' ){
		$('#resumeTable').css({ visibility:'hidden' });
		$('#resumeDiv').animate({ opacity:'0' }, 250).queue(function(){
			$(this).css({ visibility:'hidden' });
			$('#resumeTable').css({ visibility:'hidden' });
			$(this).dequeue();
		}); ; 
	} else {
		document.all['resumeDiv'].style.visibility = 'hidden';
		document.all['resumeTable'].style.visibility = 'hidden';		
	}

	// Скрытие
	document.all['resume_iframe'].src = 'about:blank';

	return false;
}