//////////COLORS
$(document).ready(function(){
	var colors = ["#00FF77","#FF0077","#77FF00","#00FFFF"];
	var curco = colors[0];
	function mateme(){
		var rn = Math.floor(Math.random() * (colors.length - 0) + 0);
		var nc = colors[rn];
		while(nc==curco){
			rn = Math.floor(Math.random() * (colors.length - 0) + 0);
			nc = colors[rn];
		}			
		curco = nc;	
		$('.bgr').animate( {
				backgroundColor:curco,
				color:curco
			},
			{
				step:function(now){
					$('a.visit').css({color:$(this).css('color')});
					$('a.colored').css({color:$(this).css('color')});
				},
				duration: 300000,
				complete: mateme,
				easing: 'linear'
		});
	}
	var rand = Math.floor(Math.random() * (colors.length - 0) + 0);
	$('.bgr').css({color:colors[rand],backgroundColor:colors[rand]});
	/*$('#works').accordion({header:'h3',active:-1,collapsible:true});*/
	$('#works>li>div').each(function(i,e){
		$(e)
			.wrap(
			$('<div class="accoholder" />')
				.css({overflow:'hidden',height:0,opacity:0})
		);
	});
	$('#works li h3 a').click(function(){
		$('#works li h3 a').removeClass('colored').removeClass('active').css({color:'#666'});
		var trg = $(this).parent().next('.accoholder');
		var ind = $('li', $(trg).parent().parent()).index($(trg).parent());
		$('#works li:not(:nth-child('+(ind+1)+')) div.accoholder').animate({
			height:0,
			opacity:0
			
		},{
			queue:false	
		})
		.removeClass('open');
		if(!$(trg).hasClass('open')){
			$(this).addClass('colored').addClass('active');
			$(trg).animate({
				opacity:1
			},
			{
				queue:false,
				duration:1000
			});
			$(trg).animate({
				height:$(trg).children('div').height()
			},
			{
				queue:false,
				complete:function(){
					 //$('#works div.accoholder.open div').parent().parent().effect("highlight", {color:$('.bgr').css('color')}, 2000);
				}
			})
			.addClass('open');
		}else{
			$(this).removeClass('active');
			$(trg).animate({
				height:0,
				opacity:0
			},
			{
				queue:false
			})
			.removeClass('open');
		}
		return false;
	});
	$('a').mouseover(function(){
		$(this).addClass('colored');
	});
	$('a').mouseout(function(){
		if(!$(this).hasClass('active')){
			$(this).css({color:'#666'});
			$(this).removeClass('colored');
		}
	});
	mateme();
	$('a[href^="http://"]:not(a[href^="http://blog"]):not(a[href^="http://www.bungalo-codedesign.de"])').attr('target','_blank');
	$('body').css({overflowX:'hidden',overflowY:'scroll'});
	$('#fla').flash(
        { src: '/swf/main.swf',
          width: '100%',
          height: '100%' }
    );
});