var shown=false;
$(document).ready(function(){
	/**
		setup header pics
	**/
	var ul=$('#pics > ul');
	var li_f=$('#pics > ul > li:first').clone();
	var li_l=$('#pics > ul > li:last').clone();
		li_f.appendTo(ul);
		li_l.prependTo(ul);
	var w=ul.children(0).width();
	var img=$('#pics > ul > li > img');
	var c=ul.children();
	var imgW=w*img.length;
	ul.width(imgW);
	$('#next').click(function(e){
		ul.animate({left:'-='+w},250,'swing',function(){
			if ((0-(imgW-(w*2)))>ul.position().left) ul.css('left',(0-w));
		});
		this.blur();
		e.target.blur();
		return false;
	}).mouseout(function(e){
		this.blur();
		e.target.blur();
	});
	$('#prev').click(function(e){
		ul.animate({left:'+='+w},250,'swing',function(){
			if (ul.position().left>(0-w)) ul.css('left',(0-imgW+(w*2)));
		});
		this.blur();
		e.target.blur();
		return false;
	}).mouseout(function(e){
		this.blur();
		e.target.blur();
	});
	$('#show').click(function(e){
		var t=$(this);
		if (shown==false){
			shown=true;
			t.addClass('hide');
			for (i=0; i<c.length; i++){
				if ($(c[i]).position().left+ul.position().left==0){
					$('#pics').animate({height:$(c[i]).height()},250,'swing',function(){});
					ul.animate({top:0},250,'swing',function(){});
				}
			}
		}else{
			$('#pics').animate({height:100},250,'swing',function(){});
			ul.animate({top:-96},250,'swing',function(){});
			t.removeClass('hide');
			shown=false;
		}
		var txt=t.attr('txt');
		var htm=t.html();
		t.html(txt);
		t.attr('txt',htm);
		
		this.blur();
		e.target.blur();
		return false;
	}).mouseout(function(e){
		this.blur();
		e.target.blur();
	});
/*****************************************************************************************************************************************************************************************************************************/
/*
	TO-DO: start containers small, clone and remove from DOM, calculate height
*/
	$('.container').each(function(){
		var p=$(this);
		var s=p.next();
			p.attr('h',p.height());
			if (p.parent().hasClass('no-expand')==false){
				p.height('109px');
				s.css({opacity:0.0});
			}
	});
	$('.more').click(function(e){
		var t=$(this);
		var p=t.parent();
		var f=p.find('.fade');
		var s=p.next();
		var x=t.attr('txt');
		var y=t.children(0).html();
		var h=p.attr('h');
		var ban=$('#banner');
		var soc=$('#social');
		var brz=$('#bruze');
		if (t.hasClass('more')){
			f.animate({opacity:'0'},'fast');
			p.animate({height:(h)+'px'},'slow',function(){
				t.removeClass('more').addClass('less');
				t.children(0).html(x);
				t.attr('txt',y);
				ban.css({position:'relative'}).css({position:'absolute'});// IE6
				soc.css({position:'relative'}).css({position:'absolute'});// IE6
				brz.css({position:'relative'}).css({position:'absolute'});// IE6
			});
			s.animate({opacity:'1',height:'36'},'slow');
		}else{
			f.animate({opacity:'1'},'fast');
			p.animate({height:'109px'},'slow',function(){
				t.removeClass('less').addClass('more');
				t.children(0).html(x);
				t.attr('txt',y);
				ban.css({position:'relative'}).css({position:'absolute'});// IE6
				soc.css({position:'relative'}).css({position:'absolute'});// IE6
				brz.css({position:'relative'}).css({position:'absolute'});// IE6
			});
			s.animate({opacity:'0',height:'11'},'slow');
		}
		e.target.blur();
		return false;
	}).mouseout(function(e){
		this.blur();
		e.target.blur();
	});
});