function toggleBox(e)
{
    boxCount = count(boxes);
    for(i=0; i<boxCount; i++)
    {
        
    }
}

window.addEvent('domready', function(){
    
    $('kwick_red').addEvent('click', function(e){
   	    var divR = $('box_red').setStyles({
        	display:'block',
    		opacity: 1
	    });
	    var divR = $('box_black').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divR = $('box_yellow').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divB = $('box_blue').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    
	    /* Set the styles for the tab menu */
        var divR = $('kwick_red').setStyles({
        	backgroundColor: 'rgb(206,17,39)'
	    });
	    var divR = $('kwick_black').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divR = $('kwick_yellow').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divB = $('kwick_blue').setStyles({
        	backgroundColor: '#000000'
	    });
    });
    
    $('kwick_blue').addEvent('click', function(e){
   	    var divR = $('box_red').setStyles({
        	display:'none',
    		opacity: 0
	    });
   	    var divR = $('box_black').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divR = $('box_yellow').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divB = $('box_blue').setStyles({
        	display:'block',
    		opacity: 1
	    });
	    
	    /* Set the styles for the tab menu */
        var divR = $('kwick_red').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divR = $('kwick_black').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divR = $('kwick_yellow').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divB = $('kwick_blue').setStyles({
        	backgroundColor: 'rgb(206,17,39)'
	    });
    });
    
    $('kwick_black').addEvent('click', function(e){
   	    var divR = $('box_black').setStyles({
        	display:'block',
    		opacity: 1
	    });
	    var divR = $('box_red').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divR = $('box_yellow').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divB = $('box_blue').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    
	    /* Set the styles for the tab menu */
        var divR = $('kwick_red').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divR = $('kwick_black').setStyles({
        	backgroundColor: 'rgb(206,17,39)'
	    });
	    var divR = $('kwick_yellow').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divB = $('kwick_blue').setStyles({
        	backgroundColor: '#000000'
	    });
    });
    
    $('kwick_yellow').addEvent('click', function(e){
   	    var divR = $('box_yellow').setStyles({
        	display:'block',
    		opacity: 1
	    });
	    var divR = $('box_black').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divR = $('box_red').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    var divB = $('box_blue').setStyles({
        	display:'none',
    		opacity: 0
	    });
	    
	    /* Set the styles for the tab menu */
        var divR = $('kwick_red').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divR = $('kwick_black').setStyles({
        	backgroundColor: '#000000'
	    });
	    var divR = $('kwick_yellow').setStyles({
        	backgroundColor: 'rgb(206,17,39)'
	    });
	    var divB = $('kwick_blue').setStyles({
        	backgroundColor: '#000000'
	    });
    });


	var szNormal = 108, szSmall  = 95, szFull   = 150, maxHeight = 300;
	
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			
			fx.start(o);
		});
	});
	
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
});