// metaluna
// js (c) goodmedia 2009 - www.goodmedia.pl
// Andrzej Kordaczuk

//var menu_l0=Array(); var menu_l1=Array(); var menu_l2=Array();


/*<object width="160" height="144"
classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="sample.mov">
<param name="autoplay" value="true">
<param name="controller" value="false">

<embed src="sample.mov" width="160" height="144"
autoplay="true" controller="false"
pluginspage="http://www.apple.com/quicktime/download/">
</embed>

</object> */

var menu_ids=['#level0', '#level1', '#level2', '#level3'];

var loaded_imgs=Array();

function show_text(data)
{
	$('html').css('overflow','auto');

	if ($('.site').css('display')=='none')
	{
		$('#intro').slideUp('normal', function(){
			$('#intro').html('');
			$('.site').css('display','');
			//$('.site').show();
		});
	}
	
	ghtml='<div class="main">';
	ghtml+='	<div class="desc">';
	ghtml+=data.html;
	ghtml+='	</div>';
	ghtml+='</div>';
	$(".gallery").html(ghtml).fadeIn('fast');
	
	$(".gallery a[href^=http://]").attr("target", "blank");
	$(".gallery a[href^=http://]").attr("rel", "external");

}

function show_gallery(data)
{
	$('html').css('overflow','auto');

	if ($('.site').css('display')=='none')
	{
		$('#intro').slideUp('normal', function(){
			$('#intro').html('');
			$('.site').css('display','');
			//$('.site').show();
		});
	}

	//$(".gallery").fadeOut('fast').html('');
//	, function(){
//		$(this).html('');
		$.each(data, function(i,item){
			var name=item.name;
			if (name.length<2) name="0"+name;
			
			if (item.title.length>0)
				var title=item.title;
			else
				var title="&nbsp;";
			
			if (item.desc.length>0)
			{
				var desc=item.desc;
				var desc_expand=' <a href="#" class="desc_expand">[+]</a>';
			}
			else
			{
				var desc="";
				var desc_expand="";
			}
				
			var ghtml='';
			files='';
			for (var j=0; j<item.files.length; j++)
			{
				if (item.files[j].lastIndexOf('.mov')<0)
				{
					files+='<a href="'+item.files[j]+'" class="full"><img src="thumb.php?'+item.files[j]+'" /></a>';
				}
				else
				{
					// explode filename
					var tmp=item.files[j].split('/');
					var fname=tmp.pop();
					var thumb=tmp.join('/')+"/thumbs/"+fname+".jpg";
					files+='<a href="'+item.files[j]+'" class="mov"><img src="'+thumb+'" /></a>';
				}
			}
			ghtml='<div class="main"><a name="g_'+i+'" id="g_'+i+'" class="anchor"></a><div class="show"></div><div class="thumbs">'+files+'</div>';
			ghtml+='<div class="desc">';
			ghtml+='	<div class="in_num">'+name+'</div>';
			ghtml+='		<h2>'+title+desc_expand+'</h2>';
			ghtml+='		<div class="info" style="display:none;">'+desc+'</div>';
			ghtml+='	</div>';
			ghtml+='</div>';
			$(".gallery").append(ghtml);
		});
		
//		$('.info').truncate({max_length: 96});
		
		$('.desc_expand').click(function(){
			if ($(this).hasClass('expanded'))
			{
				$(this).removeClass('expanded').html('[+]');
				$(this).parent().parent().find('.info').hide('fast');
				return false;
			}
			else
			{
				$(this).addClass('expanded').html('[-]');
				$(this).parent().parent().find('.info').show('fast');
				return false;
			}

		});
		
		$('.full, .mov').mouseover(function(){
			$(this).children('img').stop().fadeTo('fast', 0.8);
		}).mouseout(function(){
			$(this).children('img').stop().fadeTo('fast', 1);
		});

		$('.mov123').click(function() {
			var id=make_random_name();
			var _anchor=$(this).parent().parent().find('.anchor');
			
			if ($(this).hasClass('clicked'))
				return false;
			
			$('.clicked').removeClass('clicked');
			$(this).addClass('clicked');
			if ($(this).parent().parent().find('.show').hasClass('current')==false)
			{
				if ($(this).parent().parent().find('.show object').length==0)
				{
					var movHtml='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">';
					movHtml+='<param name="src" value="'+$(this).attr('href')+'">';
					movHtml+='<param name="autoplay" value="true">';
					movHtml+='<param name="controller" value="true">';
					movHtml+='<embed src="'+$(this).attr('href')+'" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/">';
					movHtml+='</embed>';
					movHtml+='</object>';
					$(this).parent().parent().find('.show').append(movHtml);
					$(this).parent().parent().find('.show').addClass('current');
					$("#"+id).parent().slideDown('normal', function(){
						var target_offset = $(_anchor).offset();
						var target_top = target_offset.top-12;
						$('html, body').animate({scrollTop:target_top}, 500);
					});
					$("#"+id).show();
				}
			}
			else
			{
				$(this).parent().parent().find('.show').html('<img id="'+id+'" src="'+$(this).attr('href')+'" />');
				$("#"+id).css('opacity', '0');
			}
			return false;
		});

		$('.mov').click(function() {
			var id=make_random_name();
			var _anchor=$(this).parent().parent().find('.anchor');
			
			if ($(this).hasClass('clicked'))
				return false;
			
			$('.clicked').removeClass('clicked');
			$(this).addClass('clicked');
			if ($(this).parent().parent().find('.show').hasClass('current')==false)
				$('.current').slideUp('normal').removeClass('current');

			if ($(this).parent().parent().find('.show img').length>0)
				$(this).parent().parent().find('.show img').animate({opacity : 0},'fast').remove();
			
			if ($(this).parent().parent().find('.show object').length>0)
				$(this).parent().parent().find('.show object').remove();
				
			var movHtml='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" id="'+id+'" width="600" height="450" bgcolor="#000000">';
			movHtml+='<param name="src" value="'+$(this).attr('href')+'">';
			movHtml+='<param name="cache" value="true">';
			movHtml+='<param name="autoplay" value="true">';
			movHtml+='<param name="controller" value="true">';
			movHtml+='<embed src="'+$(this).attr('href')+'" width="600" height="450" bgcolor="#000000" autoplay="true" controller="true" cache="true"  pluginspage="http://www.apple.com/quicktime/download/">';
			movHtml+='</embed>';
			movHtml+='</object>';
			$(this).parent().parent().find('.show').append(movHtml);
			$("#"+id).css('opacity', '0');
		
			$(this).parent().parent().find('.show').addClass('current');

			$("#"+id).parent().slideDown('normal', function(){
				var target_offset = $(_anchor).offset();
				var target_top = target_offset.top-12;
				$('html, body').animate({scrollTop:target_top}, 500);
				$("#"+id).animate({opacity : 1},'fast');
			});
			
/*			if ($.inArray($("#"+id).attr('src'), loaded_imgs)>=0)
			{
				$("#"+id).animate({opacity : 1},'fast');
				$("#"+id).click(function(){
					$('.current').slideUp('normal').removeClass('current');
				});
			}
			else
			{
				$("#"+id).load(function(){
					$(this).animate({opacity : 1},'fast');
					$(this).unbind('load');
					$(this).click(function(){
						$('.current').slideUp('normal').removeClass('current');
					});
					loaded_imgs.push($(this).attr('src'));
				});
				
			}*/
			return false;
		});

		
		$('.full').click(function() {
			var id=make_random_name();
			var _anchor=$(this).parent().parent().find('.anchor');
			
			if ($(this).hasClass('clicked'))
				return false;
			
			$('.clicked').removeClass('clicked');
			$(this).addClass('clicked');
			if ($(this).parent().parent().find('.show').hasClass('current')==false)
				$('.current').slideUp('normal').removeClass('current');

			if ($(this).parent().parent().find('.show img').length>0)
				$(this).parent().parent().find('.show img').animate({opacity : 0},'fast').attr('src', $(this).attr('href')).attr('id', id);
			else
			{
				$(this).parent().parent().find('.show').html('<img id="'+id+'" src="'+$(this).attr('href')+'" />');
				$("#"+id).css('opacity', '0');
			}
		
			$(this).parent().parent().find('.show').addClass('current');

			$("#"+id).parent().slideDown('normal', function(){
				var target_offset = $(_anchor).offset();
				var target_top = target_offset.top-12;
				$('html, body').animate({scrollTop:target_top}, 500);
			});
			
			if ($.inArray($("#"+id).attr('src'), loaded_imgs)>=0)
			{
				$("#"+id).animate({opacity : 1},'fast');
				$("#"+id).click(function(){
					$('.current').slideUp('normal').removeClass('current');
				});
			}
			else
			{
				$("#"+id).load(function(){
					$(this).animate({opacity : 1},'fast');
					$(this).unbind('load');
					$(this).click(function(){
						$('.current').slideUp('normal').removeClass('current');
					});
					loaded_imgs.push($(this).attr('src'));
				});
				
			}
		return false;
		});
	
		$(".gallery").fadeIn('slow');

//	});

}

function make_random_name()
{
	return "img_"+(1 + Math.floor(9999 * Math.random()));
}

function display_menu(_level, _name)
{

}

function process_menu_click($this){
	var current_menu_level=parseInt($this.parent().parent().attr('rel'));
	
	$(menu_ids[current_menu_level]+' li a').removeClass('sel');
	$this.animate({'opacity': 0}, 'fast').addClass('sel').animate({'opacity': 1}, 'fast');

//	console.log("executing menu click: "+$this.attr('rel')+" curent_menu_level: "+current_menu_level);
	
	switch ($this.attr('rel'))
	{
		case 'html':	var file=$this.attr('href');
						$("#main_title").html($this.attr('title'));
						$(".gallery").fadeOut('fast').html('');
						$.getJSON("get_html.php", {file:file}, function(data){ show_text(data) });
						$("#main_title").html($this.attr('title'));
						for (var i=current_menu_level+1; i<menu_ids.length; i++)
//							$(menu_ids[i]).slideUp('normal', function() { $(this).html('') });;
							$(menu_ids[i]).slideUp('normal').html('');
						break;
						
		case 'gallery':	var dir=$this.attr('href');
						dir=dir.substr(dir.lastIndexOf("#")+1);
						$(".gallery").fadeOut('fast').html('');
						$.getJSON("xml_get_logos.php",{dir:dir}, function(data){ show_gallery(data) });
						$("#main_title").html($this.attr('title'));
						for (var i=current_menu_level+1; i<menu_ids.length; i++)
							$(menu_ids[i]).slideUp('normal').html('');
//							$(menu_ids[i]).slideUp('normal', function() { $(this).html('') });;
						break;
		default:		
						var file=$this.attr('href');
						var search_for='';
						if (file!='#')
						{
							$("#main_title").html($this.attr('title'));
							$(".gallery").fadeOut('fast').html('');
							$.getJSON("get_html.php", {file:file}, function(data){ show_text(data) });
							$("#main_title").html($this.attr('title'));
							for (var i=current_menu_level+1; i<menu_ids.length; i++)
								$(menu_ids[i]).slideUp('normal').html('');
//								$(menu_ids[i]).slideUp('normal', function() { $(this).html('') });
							search_for=file;
						}
						var submenu_class=$this.attr('rel');
						var next_menu_level=current_menu_level+1;
						if (next_menu_level>menu_ids.length) return false;
						for (var i=next_menu_level; i<menu_ids.length; i++)
							$(menu_ids[i]).slideUp('normal').html('');
//							$(menu_ids[i]).slideUp('normal', function() { $(this).html('') });

//						$(menu_ids[next_menu_level]).slideUp('normal').html(menu[next_menu_level][submenu_class]).slideDown('normal');
						$(menu_ids[next_menu_level]).slideUp('normal', function() { $(this).html(menu[next_menu_level][submenu_class]).slideDown('normal') });
						$(menu_ids[next_menu_level]+' li a').bind('click', function(){ process_menu_click($(this)); return false; });
						
						if (search_for!='')
						{
							var n_menu=$(menu_ids[next_menu_level]+' li a');
							//alert($(n_menu[0]).attr('href'));
							
							for (var i=0; i<n_menu.length; i++)
							{
								if ($(n_menu[0]).attr('href')==search_for)
									$(n_menu[0]).addClass('sel');
							}
						}
							
						break;
	}
	
	return false;
}

var current_menu_level=0;
var submenu_class='main';

$(function(){

	$('.home').click(function(){
		window.location.reload();
	});
	
	$.ajaxSetup ({ cache: false});
	
	$(menu_ids[current_menu_level]).html(menu[current_menu_level][submenu_class]);
	
	$('#level0 li a').bind('click', function(){ process_menu_click($(this)); return false; });

	$('.site').css('display','none');
	$('html').css('overflow','hidden');
	
	$.getJSON("json_get_splash.php",{}, function(data){
		$('#intro').html('<img id="intro_img" />');
		$('#intro_img').css('opacity',0);
		$('#intro_img').attr('src', data[0]);

		$("#intro_img").load(function(){
			fx=$(window).width();
			fy=$(window).height()-$(".top").height();
			$(this).attr('width', fx);
			$('#intro').css('height', fy+"px");
			$(this).animate({'opacity': 1}, 'normal');
		});
		
		$(window).resize(function(){
			if ($('#intro:visible').length>0)
			{
				fx=$(window).width();
				fy=$(window).height()-$(".top").height();
	
				$("#intro_img").attr('width', fx);
				$('#intro').css('height', fy+"px");
			}
		});
	});
});