// JavaScript Document
$(document).ready(function() {
	
	$('.tx-mmilluhome2-pi1').hide();
	
	var pp = 0;
	var ppLast = 0;
	
	var slices = $('.tx-apmsplashscreen-pi1 .slice').hide();
	var ctrlitems = $('.tx-apmsplashscreen-pi1 .playerControl .ctrlitem')
	var status = $('.tx-apmsplashscreen-pi1 .playerControl .status')
	var dostopCtrl = $('.tx-apmsplashscreen-pi1 .playerControl .dostop')
	var doplayCtrl = $('.tx-apmsplashscreen-pi1 .playerControl .doplay')	
	
	slices.eq(pp).show();
	ctrlitems.eq(pp).addClass('act');

	slices.each(function(i) {
		indexOfTheLastSlice = i;
	})

	//console.info(indexOfTheLastSlice,'indexOfTheLastSlice');

	var sliceWidth= slices.eq(1).width();
	var sliceHeight= slices.eq(1).height();

	$('.tx-apmsplashscreen-pi1').addClass('splashJsOn').width(sliceWidth).height(sliceHeight);
	
	
	//var tx_apmsplashscreen_pi1_conf_test = '[null,["c95","c2093","c5264","c2095"]]'
	
	
	if (tx_apmsplashscreen_pi1_conf != null) {
		var conf = jQuery.parseJSON(tx_apmsplashscreen_pi1_conf);
	}
	
	
	//l = conf_slice.length
	
	
	
	//alert(conf_slice)
	//alert(l)
	
	
	
	

	
	

	function doGrayOut (i){
		
		if(conf){
		
		conf_slice = conf [i]
		
		$('.grayedOut').attr('style', 'opacity:1;').removeClass('grayedOut');
		
		if (conf_slice) {
			$.each(conf_slice, function(key, value) { 
				$('#'+value).addClass('grayedOut').attr('style', 'opacity:0.15;');
			});
		}
		}
	}

	
	
	function doTransition (i) {
		ctrlitems.removeClass('act');
		ctrlitems.eq(i).addClass('act');
		slices.eq(ppLast).fadeOut(500);
		slices.eq(i).fadeIn(500);
	
		
		// grayout i
		doGrayOut (i);
		
		ppLast = i;
		
		
		
	}
	
	function doPlay(pp){
		doGrayOut (pp);
		autoplay(pp)
		status.addClass('playing');
		doplayCtrl.hide();
		dostopCtrl.show();
		}
	function doStop (){
		window.clearTimeout(timer)
		status.removeClass('playing');
		doplayCtrl.show();
		dostopCtrl.hide();
		}
		
	dostopCtrl.children('a').click(function() {
			doStop()
		})
	
	doplayCtrl.children('a').click(function() {
			doPlay(ppLast)
		})	

	ctrlitems.each(function(i) {
		$(this).click(function() {
			doStop()
			if (ppLast!=i) {
				doTransition(i)
				pp = i
			}
		
		})
	})
	
	var timer = null;
    function autoplay(pp) {
     
            timer = window.setTimeout(function() {

                
				pp++;
				if (pp > indexOfTheLastSlice) pp = 0;
                doTransition(pp);
				
                
				window.clearTimeout(timer);
                timer = null;
                autoplay(pp);
            },
            10000);
        
    }
	
	doPlay(pp)
	
	


})