window.addEvent('domready', function(){
    var carouselPlace = 0;
    var carouselMoving = 0;
    var carouselSelected = 0;
    
	var carousel1=$('carousel1');
    carousel1.addEvent('click', function(){
    	if(carouselMoving==0 && (carouselSelected==3 || carouselSelected==6)){
    		if(carouselSelected==3)
				carouselButtonChange(carousel2);
			else if(carouselSelected==6)
				carouselButtonChange(carousel3);
			carouselSelected=0;
		    carouselMove();
			carouselButtonChange(carousel1);
        }
    });
    carousel1.fade = new Fx.Morph(carousel1, {
		duration: 150,
		wait: false
	});
    
	var carousel2=$('carousel2');
    carousel2.addEvent('click', function(){
    	if(carouselMoving==0 && (carouselSelected==0 || carouselSelected==6)){
    		if(carouselSelected==0)
				carouselButtonChange(carousel1);
			else if(carouselSelected==6)
				carouselButtonChange(carousel3);
			carouselSelected=3;
		    carouselMove();
			carouselButtonChange(carousel2);
        }
    });
    carousel2.fade = new Fx.Morph(carousel2, {
		duration: 150,
		wait: false
	});
    
	var carousel3=$('carousel3');
    carousel3.addEvent('click', function(){
    	if(carouselMoving==0 && (carouselSelected==0 || carouselSelected==3)){
    		if(carouselSelected==0)
				carouselButtonChange(carousel1);
			else if(carouselSelected==3)
				carouselButtonChange(carousel2);
			carouselSelected=6;
		    carouselMove();
			carouselButtonChange(carousel3);
        }
    });
    carousel3.fade = new Fx.Morph(carousel3, {
		duration: 150,
		wait: false
	});
	
	carouselButtonChange(carousel1);
	
	//carouselNext.setStyle('display', 'none');
	//carouselPrev.setStyle('display', 'none');
	
    //vazei ti 8a kounaei
    var carouselContent=$('carousel-content');
    var divs = carouselContent.getChildren('div');
    var carouselTotal = (divs.length+1)/2;
    // vriskei poso einai to seperator apo to padding-right tou -next
    var carouselSeperator = divs[1].getStyle('width');
    carouselSeperator = parseInt(carouselSeperator.substr(0, carouselSeperator.length - 2));
    // to width tou ka8e div mazi me to seperator
    var carouselWidth = divs[0].getStyle('width');
    carouselWidth = parseInt(carouselWidth.substr(0, carouselWidth.length - 2));
    //width ths maskas
    var carouselMaskWidth = carouselWidth*3 + carouselSeperator*2;
    $('carousel-mask').setStyle('width', carouselMaskWidth);
    // to width tou content
    carouselContent.setStyle('width', carouselWidth*carouselTotal + carouselSeperator*(carouselTotal-1));

	var carouselMovement = new Fx.Morph(carouselContent, {
        duration: 500,
        wait: false,
        onComplete: function(){
        	carouselMoving = 0;
        }
    });
    
    function carouselButtonChange(item){
		item.fade.onComplete=function(){
			var temp=item.get('rel');
			item.set('rel', item.get('src'));
			item.set('src', temp);
			item.fade.onComplete=function(){};
			item.fade.start({
				'opacity': [item.getStyle('opacity'), 1]
			});
			item.setStyle('cursor', temp.indexOf('_ov')>-1?'default':'pointer');
		}
		item.fade.start({
			'opacity': [item.getStyle('opacity'), 0.01]
		});
	}
	function carouselMove(){
		if (carouselMoving == 0) {
		    carouselMoving = 1;
			var togo = -(carouselWidth+carouselSeperator)*carouselSelected;
			
		    carouselMovement.start({
		        'left': [carouselPlace, togo]
		    });
		    carouselPlace = togo;
		}
	}
});