cc_browser = {
    
	/* Main function initiation
	--------------------------------------------------------------*/
	init: function(){
		if(this._INIT == null){
			this._INIT = true;
			
			this.pos = 0;
			this.inMotion = false;
			
			this.oldPos = 0;
			this.maxPos = 15;
			this.minPos = 0;
		};
	},
	
	
	/* Startup function
	--------------------------------------------------------------*/
	startup: function(){
	},
	
	/* Startup function
	--------------------------------------------------------------*/
	switchPos: function(ind){
		
		// Checks in there is a motion already in course.
		// Nothing happens if it does.
		if (!this.inMotion) {
			
			this.inMotion = true;
		
			this.oldPos = this.pos;
			this.pos = this.pos + ind;
			
			if (this.pos > this.maxPos) this.pos = this.minPos;
			if (this.pos < this.minPos) this.pos = this.maxPos;
			
			this.display(ind);
		
		};
	},
	
	
	/* Startup function
	--------------------------------------------------------------*/
	display: function(ind){
		var self = this;
		
		// Initialize the two target elements to switch between
		var oldCake = $$('.cc_' + this.oldPos)[0];
		var oldLbl  = $$('.cl_' + this.oldPos)[0]; 
		var newCake = $$('.cc_' + this.pos)[0];
		var newLbl  = $$('.cl_' + this.pos)[0];
		
		// Initialize effects
		var oc_opaEffect = new Fx.Morph(oldCake, {duration: 200, transition: Fx.Transitions.Sine.easeIn, wait:true});
		var oc_posEffect = new Fx.Morph(oldCake, {duration: 200, transition: Fx.Transitions.Sine, wait:true});
		var nc_opaEffect = new Fx.Morph(newCake, {duration: 200, transition: Fx.Transitions.Sine.easeIn, wait:true});
		var nc_posEffect = new Fx.Morph(newCake, {duration: 200, transition: Fx.Transitions.Sine.easeIn, wait:true});
		
		// Start Effects
		if (ind == 1) {
			
			oldLbl.setStyle('display','none');
			
            if (navigator.appName=="Microsoft Internet Explorer") {
            
                oc_posEffect.start({'left': [145,215]}).chain(function(){
                    oldCake.setStyle('display','none');
                    newCake.setStyle('display','block');
                    newLbl.setStyle('display','block');
                    nc_posEffect.start({'left': [75,145]}).chain(function(){
                        self.inMotion = false;
                    });
                });
                
            } else {
            
                oc_opaEffect.start({'opacity': [1,0]}).chain(function(){
                    oldCake.setStyle('display','none');
                });
			
                oc_posEffect.start({'left': [145,215]}).chain(function(){
                    newCake.set('opacity', 0);
                    newCake.setStyle('display','block');
                    nc_opaEffect.start({'opacity': [0,1]});
                    newLbl.setStyle('display','block');
                    nc_posEffect.start({'left': [75,145]}).chain(function(){
                        self.inMotion = false;
                    });
                });
                
            }
 

            
			
			
		} else {
			
			oldLbl.setStyle('display','none');
            
            if (navigator.appName=="Microsoft Internet Explorer") {
			
                oc_posEffect.start({'left': [145,75]}).chain(function(){
                    oldCake.setStyle('display','none');
                    newCake.setStyle('display','block');
                    newLbl.setStyle('display','block');
                    nc_posEffect.start({'left': [215,145]}).chain(function(){
                        self.inMotion = false;
                    });
                });
                
            } else {
            
                oc_opaEffect.start({'opacity': [1,0]}).chain(function(){
                    oldCake.setStyle('display','none');
                });
			
                oc_posEffect.start({'left': [145,75]}).chain(function(){
                    newCake.set('opacity', 0);
                    newCake.setStyle('display','block');
                    nc_opaEffect.start({'opacity': [0,1]});
                    newLbl.setStyle('display','block');
                    nc_posEffect.start({'left': [215,145]}).chain(function(){
                        self.inMotion = false;
                    });
                });
            
            }
            
			
		};
	},
	
	
	/* Use may vary
	--------------------------------------------------------------*/
	empty: function(){
	},
	
	
	/* Handles window events
	--------------------------------------------------------------*/
	onWindowDomReady: function(){
        this.init();
	},
	
	onWindowLoad: function(){
	}
};


window.addEvent('domready', function(){
	cc_browser.onWindowDomReady();
});

window.addEvent('load', function(){
	cc_browser.onWindowLoad();
});