// picture preview onmouseover
function previewPicture(element, imgsrc, width, height, k){
	
	if($('previewPic')){
		$('previewPic').remove();	
	}
	
	var previewPic = '<div id="previewPic"><img src="'+imgsrc+'" width="'+width+'" height="'+height+'" onclick="startPreview(\''+k+'\');$(\'previewPic\').remove();" style="cursor:pointer;"></div>';

	new Insertion.After(element, previewPic);
	
	// previewPic width - th_width
	var left = -parseInt(width,10) + 86 ;
	var top = -parseInt(height,10) + parseInt(element.style.marginTop,10);
		
	$('previewPic').setStyle({
		display: 'none',
		top: top +'px',
		left: left +'px'
	});	

	$('previewPic').show();
	$('previewPic').observe('mouseout', function(){ $('previewPic').remove();	});

};

// video preview onmouseover
_fwAnim = new Object();
_fwAnim.parent = false;
_fwAnim.items = [];
_fwAnim.first = '';
_fwAnim.currItm = 0;
_fwAnim.play = false;

function previewAnim(element, pictures){

	if(pictures.length == 0) return false;
	
	_fwAnim.parent = element;
	_fwAnim.items = pictures;
	_fwAnim.first = $(element).src;
	_fwAnim.currItm = 0;
	_fwAnim.play = true;

	new PeriodicalExecuter(function(anim) {
		if(!_fwAnim.play){
			anim.stop();
			_fwAnim.parent.src = _fwAnim.first;
			_fwAnim.parent = false;
			_fwAnim.items = [];
			_fwAnim.first = '';
			_fwAnim.currItm = 0;
		}
		else {
			_fwAnim.parent.src = _fwAnim.items[_fwAnim.currItm];
			_fwAnim.currItm++;
			if(_fwAnim.currItm >= _fwAnim.items.length) _fwAnim.currItm = 0;
		}
	}, .5);
	
	$(element).observe('mouseout', function(){ _fwAnim.play = false; });
	
};

// show cleanfeedBox onclick
function showCleanfeed(id, data){

	if($('cleanfeed_dd')){
		$('cleanfeed_dd').remove();	
	}
	
	
	
	if(data.length == 0) return false;
	
	var box = '';
	for(k=0;k<data.length-1;k++) box += '<p><a href="#" onclick="tracker(\''+data[k][5].replace(/\'/g,"\\\'")+'\',\''+data[k][4]+'\',\'download hires-'+data[k][0]+'\');downloadFile(\''+data[k][3]+'\');return false;">'+data[k][0]+'</a><br />'+data[k][1]+', '+data[k][2]+'</p>';
	box += '<p class="bottom"><a href="#" onclick="tracker(\''+data[k][5].replace(/\'/g,"\\\'")+'\',\''+data[k][4]+'\',\'download hires-'+data[k][0]+'\');downloadFile(\''+data[k][3]+'\');return false;">'+data[k][0]+'</a><br />'+data[k][1]+', '+data[k][2]+'</p>';
	
	var bbox = document.createElement('div');
	bbox.setAttribute('id', 'cleanfeed_dd');
	document.body.appendChild(bbox);
	$('cleanfeed_dd').innerHTML = box;
	
	
	var left = 0 ;
	var top = 0;
	if(String(id).substr(String(id).length-1,1)=="p"){
		top = $('cfl_'+id).cumulativeOffset().top + $('cfl_'+id).getHeight() - $('cleanfeed_dd').getHeight() + 4;
		left = $('cfl_'+id).cumulativeOffset().left + $('cfl_'+id).getWidth() + 20;
	} else {
		top = $('cfl_'+id).cumulativeOffset().top + $('cfl_'+id).getHeight();
		left = $('cfl_'+id).cumulativeOffset().left;
	}
	
	
	$('cleanfeed_dd').setStyle({
		position: 'absolute',
		display: 'none',
		top: top +'px',
		left: left +'px',
		zIndex: 9999
	});
	Effect.BlindDown('cleanfeed_dd', { duration: 0.4 });
	
	document.observe('click', function(event){
		var targ = getEventTarg(event, 'tg');
		if(targ.parentNode.id == 'cleanfeed_dd' /*|| targ.tagName == 'A'*/ ) void(0);
		else $('cleanfeed_dd').hide();
	});
	
};

// build mediafilter dropdown
buildMediafilter = function() {	
	var i;
	
	$('media_type').observe('click', function(event){
	
		var box = "";
		var targ = getEventTarg(event, 'tg');
		
		if($('catdropdown_menu')) $('catdropdown_menu').remove();
		
		var fullurl = SWFAddress.getBaseURL()+SWFAddress.getPath();
		var relurl = SWFAddress.getPath();
		var urltparams = SWFAddress.getParameterNames();
		var urlparams = [];
		
		for(i=0;i<urltparams.length;i++){
			if(urltparams[i].length > 0 && urltparams[i] != 'media') urlparams.push(urltparams[i]+'='+SWFAddress.getParameter(urltparams[i]));
		}
		
		urlparams = urlparams.join('&');
		
		fullurl += '?'+urlparams;
		relurl += '?'+urlparams;
		
		box = '	<div id="catdropdown_menu" style="width:107px;">\
							<p><a style="width:97px;" href="'+((urlparams.length>0)?fullurl:fullurl.substr(0,fullurl.length-1))+'" rel="'+((urlparams.length>0)?relurl:relurl.substr(0,relurl.length-1))+'" onclick="SWFAddress.setValue(this.rel);return false;this.blur();">All media types</a></p>\
							<p><a style="width:97px;" href="'+fullurl+'&media=videos&" rel="'+relurl+'&media=videos&" onclick="SWFAddress.setValue(this.rel);return false;this.blur();">Videos</a></p>\
							<p class="bottom"><a style="width:97px;" href="'+fullurl+'&media=pictures&" rel="'+relurl+'&media=pictures&" onclick="SWFAddress.setValue(this.rel);return false;this.blur();">Pictures</a></p>\
						</div>';

		//new Insertion.After(s, box);
		new Insertion.After($('website_container'), box);
		
		//var left = dd_left + $('media_type').getWidth()*3;
		var left = dd_left + $('media_type').getWidth()*3 +(((dd_left*2)+5)*3);
		
		var dd_top = $('media_type').getHeight()+$('media_type').cumulativeOffset().top;
		if(navigator.userAgent.indexOf('MSIE')>=0) dd_top+=1;
		var dd_left = $('media_type').cumulativeOffset().left-4;
		if(navigator.userAgent.indexOf('MSIE')>=0) dd_left+=1;
		
		$('catdropdown_menu').setStyle({
			position: 'absolute',
			display: 'none',
			top: dd_top+'px',
			left: dd_left+'px'
		});			
		
		Effect.BlindDown('catdropdown_menu', { duration: 0.2 });
  
	});
	
	$('media_type').observe('mouseover', function(){ this.className = 'catchooser_dd active'; });
	$('media_type').observe('mouseout', function(){ this.className = 'catchooser_dd'; });

	// on click outside the box --> hide it
	document.observe('click', function(event){
		var targ = getEventTarg(event, 'tg');
		if(targ.parentNode.id == 'catdropdown_menu' ){
			//
		} else {
			try{$('catdropdown_menu').hide();}catch(e){}
		}
	});
  
};

// download
var dlFile = '';
function downloadFile(f){
	dlFile = f;
	showTerms();
	return false;
};
function startDLFile(){
	var f = dlFile;
	if(f.indexOf('http') >= 0) $('dlmgr').src = f;
	else $('dlmgr').src = 'download.php?f='+f;
	hideTerms();
	return false;
};
function showTerms(){
	if($('flash_content').innerHTML.length > 0) $('flash_content').style.visibility='hidden';
	$('terms_check').checked = false;
	$('terms_download').disabled = true;
	document.body.style.overflow = "hidden";
	$('bg_terms').style.zIndex = 9998;
	$('terms_container').style.zIndex = 9999;
	new Effect.Appear($('bg_terms'), { duration: 0.5, to: 0.9 });
	var top = document.viewport.getHeight()/2 - $('terms_container').getHeight()/2 + $(document.body).cumulativeScrollOffset()[1];
	var left = document.viewport.getWidth()/2 - $('terms_container').getWidth()/2;
	$('terms_container').setStyle({
		position: 'absolute',
		top: Math.round(top) +'px',
		left: Math.round(left) +'px'
	});
	$('terms_container').show();
};
function hideTerms(){
	if($('flash_content').innerHTML.length > 0) $('flash_content').style.visibility='visible';
	document.body.style.overflow = "auto";
	$('bg_terms').hide();
	$('terms_container').hide();
};

// preview
_curClip = -1;
_curList = [];
startPreview = function(k){
	var ro, jo, ot, df;
	
	k = parseInt(k,10);
	if(k < 0 || k > _curList.length-1) k = 0;
	
	ro = $$('div.result')[k];
	jo = _curList[k];
	
	_curClip = k;	
	
	
	document.body.style.overflow = "hidden";
	$('bg').setStyle({
									 position: 'absolute',
									 left: '0px',
									 top:  $(document.body).cumulativeScrollOffset()[1] + 'px',
									 width: document.viewport.getWidth()+'px',
									 height: document.viewport.getHeight()+'px'
									 });
	new Effect.Appear($('bg'), { duration: 0.5, to: 0.9 });
	
	setPlayerMeta(ro);
	setPlayerNav();
	$('player_container').show();
	setFloaterPos();
	
	if(jo.media == 'video'){
	
		so1.addVariable("vidID",jo.id);
		so1.addVariable("l",'1');
		so1.write("flash_content");
		
	} else if(jo.media == 'picture') {
		var turl, ttw, tth, tml, tmt;
		
		turl = jo.thumb.url;
		
		
		ttw = 432;
		tth = jo.thumb.height/(jo.thumb.width/432);
		
		if(tth > 295){
			ttw = ttw/(tth/295);
			tth = 295;
		}
		
		tml = (432-ttw)/2;
		tmt = (295-tth)/2;
		
		$('flash_content').innerHTML = '<img src="http://sap.flowcenter.de/mfc/thumbnail.cgi?file='+turl+'&width='+ttw+'&height='+tth+'&cache=1&" width="'+ttw+'" height="'+tth+'" alt="'+jo.titel+'" style="position:relative;margin-left:'+tml+'px;margin-top:'+tmt+'px;" />';
	}
	
	setTimeout('adBCheck()', 1000);
	
};
