var t = 100;
var q = new Array();
var i = 0;
var l=0;
	
$(document).ready(function()
{
	setupMenu();
	setupNav();
	setupContent();
	//$(".ibox:eq(0)").height(+20);
	var ih = 	$('#container, #container #contentbox').height();
	$('#container, #container #contentbox').height(ih+20);
});	


function setupContent(){
	media();
}


function setupMenu(){

	
	$("#menu li a").click(
		function (){
			$('#menu li a.active').each(function(){
				$(this).removeClass('active');
			});
			$(this).addClass('active');
			
			}
		)
	
	}



function setupNav(){

	l = $('.ibox').length;
	renderNav(i);
	
	$('#container').hover(function(){
		showNav();
	},
	function(){
		hideNav();
	});
	

	$("#next, #contentbox").click(function(){
		changeSlide(i+1);
	});
	$("#prev").click(function(){
		changeSlide(i-1);
	});
	

	
}

function media(){ 
	$(".ibox .media").each(function(){
		var v = $(this).attr('href');
		var w = $('#contentbox').width();
		var h = $('#contentbox').height();
		$(this).parent().flash(
			{ src: '/_swf/mediaplayer.swf', height: h, width: w, flashvars: { file: v, autostart:'true',usefullscreen:'false',allowfullscreen:'true',showdigits:'false',showicons:'true', shownavigation:'false', bgcolor:'#000000'} },
			{ version: 9},
			function(htmlOptions) {
			        var $this = $(this);
					var w = $('#contentbox').width();
					var h = $('#contentbox').height();
			        htmlOptions.src = '/_swf/mediaplayer.swf';
			        htmlOptions.width = w;
			        htmlOptions.height = h;
					htmlOptions.wmode = 'transparent';
			        this.innerHTML = '<div class="alt">'+this.innerHTML+'</div>';
			        $this.addClass('flash-replaced').prepend($.fn.flash.transform(htmlOptions));
			    }
		);
		//$(this).parent().css('z-index',1);
	})	
}


function renderNav(iii){
	var cnum = iii+1;
	var ctext = cnum+"/"+l;
	$('#counter').html(ctext);
	$('#next').removeClass('disabled');
	$('#prev').removeClass('disabled');
	if(iii>=l-1){
		$('#next').addClass('disabled');
	}
	if(iii<=0){
		$('#prev').addClass('disabled');
	}
}

function changeSlide(ii){


	if(ii<0||ii>l-1) return;
	i=ii;
	
	renderNav(ii);
	var new_w = $(".ibox:eq("+ii+")").width();
	var new_h = $(".ibox:eq("+ii+")").height()+20;


	
	$(".ibox").each(function(){
		$(this).hide();
		$(this).removeClass('active');
	})
	
	$('#container, #container #contentbox').each(function(){
		var ti = t+250;
		$this = $(".ibox:eq("+ii+")")
		if($(this).width()!=new_w||$(this).height()!=new_h){
			$(this).animate({height:new_h }, ti);
			$(this).animate({width:new_w }, ti,null ,function(){$this.show();$this.addClass('active');	});

			
		}else{
			
			$(this).height(new_h).width(new_w);
			$this.show();
			$this.addClass('active');
			
			
		}
		
		//
		//
		//

	
	})
}





function hideNav(){}

function showNav(){};