function bannerFadeIn(div){
	
	delay = $("#"+div).attr("changeTime");
	
	tuotekaruselli_logo_w = $("#"+div).attr("itemMaxWidth");
	tuotekaruselli_logo_h = $("#"+div).attr("itemMaxHeight");
	
	
	$("#"+div+" li").each(function (index, element) {
		
		//								startOpacity, endOpacity, startWidth, endWidth, startHeight, endHeight, xIndex, delay
		
		if(index == 0){
			
			setKaruselliItemCss(element,	0.5, 	0, 		tuotekaruselli_logo_w/2, 		0, 							tuotekaruselli_logo_h/2, 	0, 							1, delay);
			setKaruselliItemAni(element,	0.5, 	0, 		tuotekaruselli_logo_w/2, 		0, 							tuotekaruselli_logo_h/2, 	0, 							1, delay); 
			
		}
		else if( index == 1){
			
			setKaruselliItemCss(element,	1, 		0.5,	tuotekaruselli_logo_w, 			tuotekaruselli_logo_w/2,	tuotekaruselli_logo_h, 		tuotekaruselli_logo_h/2, 	4, delay);
			setKaruselliItemAni(element,	1, 		0.5,	tuotekaruselli_logo_w, 			tuotekaruselli_logo_w/2,	tuotekaruselli_logo_h, 		tuotekaruselli_logo_h/2, 	4, delay);
					
		}
		else if( index == 2){
			
			setKaruselliItemCss(element,	0.5, 	1, 		tuotekaruselli_logo_w/2, 		tuotekaruselli_logo_w, 		tuotekaruselli_logo_h/2, 	tuotekaruselli_logo_h, 		3, delay);
			setKaruselliItemAni(element,	0.5, 	1, 		tuotekaruselli_logo_w/2, 		tuotekaruselli_logo_w, 		tuotekaruselli_logo_h/2, 	tuotekaruselli_logo_h, 		3, delay);
			
		}
		else if( index == 3){
			
			setKaruselliItemCss(element,	0, 		0.5, 	0,								tuotekaruselli_logo_w/2, 	0, 							tuotekaruselli_logo_h/2, 	2, delay);
			setKaruselliItemAni(element,	0, 		0.5, 	0,								tuotekaruselli_logo_w/2, 	0, 							tuotekaruselli_logo_h/2, 	2, delay);
			
			
		}
		else{
			
			setKaruselliItemCss(element,	0, 		0, 		0, 							0, 								0, 							0, 							1, delay);
			/*$(element).css({
				width: 0,
				height: 0,
				'display' : 'none'
			});*/
		}
    
	});
	

}

function setKaruselliItemCss(element,startOpacity, endOpacity, startWidth, endWidth, startHeight, endHeight, zIndex, delay ){
	
	delay = delay * 1;
	
	$(element).children().css({
		opacity: startOpacity,
		maxWidth: startWidth,
		maxHeight: startHeight
	});
	
	$(element).children().children('img').css({
		maxWidth: startWidth,
		maxHeight: startHeight
	});
	
	$(element).css({
		width: startWidth,
		height: startHeight,
		'z-index' : zIndex
	});
	
	
}

function setKaruselliItemAni(element,startOpacity, endOpacity, startWidth, endWidth, startHeight, endHeight, zIndex, delay ){
	
	delay = delay * 1;
	
	
	$(element).children().animate({ 
		opacity: endOpacity,
		maxWidth: endWidth,
		maxHeight: endHeight
	}, delay );
	
	$(element).children().children('img').animate({ 
		maxWidth: endWidth,
		maxHeight: endHeight
	}, delay );
	
	$(element).animate({
		width: endWidth,
		height: endHeight
	}, delay );
	
}

function timedCount(div) {
	
	delay = $("#"+div).attr("changeTime");
	
	var move_last = $("#"+div+" ul li:first-child");
	
	$("#"+div+" ul").append(move_last);
	
	bannerFadeIn(div);
	
	setTimeout("timedCount('"+div+"')",delay);

}

function tuotekaruselli_css(div){
	
	$("#"+div+" ul li").css({
		'float' : 'left',
		'text-align' : 'center',
		'overflow' : 'hidden',
		'list-style-position' : 'outside',
		'list-style-type' : 'none',
		'display' : 'block',
		'margin' : '0px',
		'padding' : '0px'
	});
	
	$("#"+div+" img").css({
		'border' : '0'
	});
	
	delay = $("#"+div).attr("changeTime");
	
	tuotekaruselli_logo_w = $("#"+div).attr("itemMaxWidth");
	tuotekaruselli_logo_h = $("#"+div).attr("itemMaxHeight");
	
	
	$("#"+div+" li").each(function (index, element) {
		
		//								startOpacity, endOpacity, startWidth, endWidth, startHeight, endHeight, xIndex, delay
		
		if(index == 0){
			
			setKaruselliItemCss(element,	0.5, 	0, 		tuotekaruselli_logo_w/2, 		0, 							tuotekaruselli_logo_h/2, 	0, 							1, delay);
			
		}
		else if( index == 1){
			
			setKaruselliItemCss(element,	1, 		0.5,	tuotekaruselli_logo_w, 			tuotekaruselli_logo_w/2,	tuotekaruselli_logo_h, 		tuotekaruselli_logo_h/2, 	4, delay);
					
		}
		else if( index == 2){
			
			setKaruselliItemCss(element,	0.5, 	1, 		tuotekaruselli_logo_w/2, 		tuotekaruselli_logo_w, 		tuotekaruselli_logo_h/2, 	tuotekaruselli_logo_h, 		3, delay);
			
		}
		else if( index == 3){
			
			setKaruselliItemCss(element,	0, 		0.5, 	0,								tuotekaruselli_logo_w/2, 	0, 							tuotekaruselli_logo_h/2, 	2, delay);
			
			
		}
		else{
			setKaruselliItemCss(element,	0, 		0, 		0, 								0, 							0, 							0, 							1, delay);
		}
    
	});
	
}

function aloitaTuotekaruselli(div){
	
	tuotekaruselli_css(div);
	
	timedCount(div);
	
	//bannerFadeIn(div);
	
	
}