function loadShow(){
	$('.show img').hide();
	$('#replay').hide();
	loadMM();
	loadPRJ();
	loadPRO();
	setTimeout("replay()", 9000);
	
	
}

function loadMM(){
	loadGraphMM(2300);
	loadDesc("#mm_wd",4300);
}

function loadPRJ(){
	loadGraphPRJ(2300);
	loadDesc("#prj_wd",5300);

}

function loadPRO(){
	loadGraphPRO(2300);
	loadDesc("#pro_wd",7300);
}


function movieMM(){
	
	 cssObj = {
      'position' : 'absolute',
      'top' : '40',
      'left' : '305',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#slamp_mm").css(cssObj);
    $("#slamp_mm").show();    
    $('#slamp_mm').animate({left: 105},2500);
    //rotate(90);
    
    
}


function loadDesc(product,timeout){
	setTimeout("$('"+product+" .product-title').animate({top: '300'},2000);",timeout);
}



function rotate(degree) {

          // For webkit browsers: e.g. Chrome
        $('#slamp_mm').css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
          // For Mozilla browser: e.g. Firefox
        $('#slamp_mm').css({ '-moz-transform': 'rotate(' + degree + 'deg)'});

          // Animate rotation with a recursive call
        setTimeout(function() { rotate(++degree); },5);
    }

function loadGraphMM(start){
	
	movieMM();
	
	defineGraphMM();
	
	setTimeout("$('#s1_mm').show()", 100 + start);;
	setTimeout("appearImg('#s1_mm',18,87,1000)",start);
	
	setTimeout("appearImg('#s4_mm',0,3,1000)",  800 + start);
	setTimeout("appearImg('#s5_mm',50,3,1000)", 1000 + start);
	setTimeout("appearImg('#s8_mm',0,205,1000)", 1200 + start);
	setTimeout("appearImg('#s9_mm',50,205,1000)", 1500 + start);
	
	setTimeout("$('#s83_mm').show()", 2500 + start);
	setTimeout("$('#s81_mm').show()", 2500 + start);
	setTimeout("$('#s82_mm').show()", 2500 + start);
	
	setTimeout("$('#s93_mm').show()", 2500 + start);
	setTimeout("$('#s91_mm').show()", 2500 + start);
	setTimeout("$('#s92_mm').show()", 2500 + start);
	setTimeout("$('#s9_mm').hide()", 2600 + start);
	
	setTimeout("$('#s81_mm').animate({width: 300},1000)", 2900 + start);
	setTimeout("$('#s82_mm').animate({left: 573},1000)", 2900 + start);
	
	setTimeout("$('#s91_mm').animate({width: 300},1000)", 3200 + start);
	setTimeout("$('#s92_mm').animate({left: 573},1000)", 3200 + start);

	
	
	setTimeout("$('#s3_mm').show('fade',{}, 1000)", 2000 + start);
	setTimeout("$('#s2_mm').show('fade',{}, 1000)", 2000 + start);
	setTimeout("$('#s6_mm').show('fade',{}, 1000)", 2000 + start);
	setTimeout("$('#s7_mm').show('fade',{}, 1000)", 2000 + start);

	

}


function loadGraphPRJ(start){
	defineGraphPRJ();

	
	setTimeout("$('#s3_prj').show()", 3200 + start);
	setTimeout("$('#s3_prj').animate({left: 0},1000)", 3200 + start);
	
	setTimeout("$('#s2_prj').show()", 3200 + start);
	setTimeout("$('#s2_prj').animate({left: 100},1000)", 3200 + start);
	
	setTimeout("$('#s11_prj').show()", 3500 + start);
	setTimeout("$('#s11_prj').animate({left: 0},1000)", 3500 + start);
	
	
	setTimeout("$('#s5_prj').show()", 3500 + start);
	setTimeout("$('#s5_prj').animate({left: 220},1000)", 3500 + start);
	
	setTimeout("$('#s6_prj').show()", 3500 + start);
	setTimeout("$('#s6_prj').animate({left: 0},1000)", 3500 + start);
	
	setTimeout("$('#s4_prj').show()", 3700 + start);
	setTimeout("$('#s4_prj').animate({left: 0},2000)", 3700 + start);
	
	setTimeout("$('#s_arrow_1_prj').show()", 3800 + start);
	
	
	setTimeout("$('#s32_prj').show()", 4000 + start);
	setTimeout("$('#s33_prj').show()", 4000 + start);
	setTimeout("$('#s34_prj').show()", 4000 + start);
	setTimeout("$('#s33_prj').animate({left: 262},1000)", 4000 + start);
	setTimeout("$('#s34_prj').animate({width: 100},1000)", 4000 + start);
	
	
	setTimeout("$('#s42_prj').show()", 4400 + start);
	setTimeout("$('#s43_prj').show()", 4400 + start);
	setTimeout("$('#s44_prj').show()", 4400 + start);
	
	setTimeout("$('#s43_prj').animate({left: 345},1000)", 4400 + start);
	setTimeout("$('#s44_prj').animate({width: 100},1000)", 4400 + start);
	
	setTimeout("$('#s_arrow_2_prj').show()", 4400 + start);
	
	setTimeout("$('#s41_prj').show()", 5000 + start);
	setTimeout("$('#s41_prj').animate({width: 100},1000)", 5500 + start);
	
	
	
	
}


function loadGraphPRO(start){
	defineGraphPRO();
	
	setTimeout("$('#s11_pro').show()", 4800 + start);
	setTimeout("$('#s12_pro').show()", 4800 + start);
	setTimeout("$('#s12_pro').animate({left: 100},1000)", 4800 + start);
	setTimeout("$('#s11_pro').animate({left: 0},1000)", 4800 + start);
	
	setTimeout("$('#s13_pro').show()", 5500 + start);
	setTimeout("$('#s13_pro').animate({left: -20},1000)", 5500 + start);
	setTimeout("$('#s13_pro').animate({left: -40},500)", 6000 + start);
	setTimeout("$('#s13_pro').animate({left: -30},500)", 6500 + start);
	setTimeout("$('#s13_pro').animate({left: -25},500)", 7000 + start);
	
	//setTimeout("$('#pro_wd .show img').show()", 100 + start);
	
	setTimeout("$('#s24_pro').show('fade',{}, 1000)", 6000 + start);
	setTimeout("$('#s23_pro').show('fade',{}, 1000)", 6700 + start);
	setTimeout("$('#s27_pro').show('fade',{}, 300)", 6500 + start);
	setTimeout("$('#s28_pro').show('fade',{}, 300)", 6500 + start);
	setTimeout("$('#s29_pro').show('fade',{}, 1000)", 6700 + start);
	
	setTimeout("$('#s21_pro').show('fade',{}, 1000)", 6900 + start);
	setTimeout("$('#s22_pro').show('fade',{}, 1000)", 7000 + start);
	setTimeout("$('#s25_pro').show('fade',{}, 500)", 6900 + start);
	setTimeout("$('#s26_pro').show('fade',{}, 500)", 7000 + start);
	
		
}


function defineGraphPRO(){
	 cssObj = {
      'width' : '100',
      'height' : '20',
      'position' : 'absolute',
      'top' : '100',
      'left' : '-100',
      'float' : 'left',
      'z-index' : '100'
    }
    $("#s11_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
      'top' : '100',
      'left' : '0',
      'float' : 'left',
      'z-index' : '100'
    }
    $("#s12_pro").css(cssObj);
	
	
	 cssObj = {
      'position' : 'absolute',
      'top' : '100',
      'left' : '-105',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s13_pro").css(cssObj);


/* ----Diagramm---- */	
	
	cssObj = {
      'position' : 'absolute',
      'top': ' -100', 
	  'left': ' 90',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s21_pro").css(cssObj);
    
    
    cssObj = {
      'position' : 'absolute',
      'top': ' -25', 
	 'left': ' 50',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s22_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
      'top': ' -10', 
	'left': ' 145',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s23_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
'top': ' 25', 
'left': ' 90',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s24_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
'top': ' -75', 
'left': ' 75'  ,
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s25_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
	'top': ' 7', 
	'left': ' 81' ,
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s26_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
 'top': ' 0', 
'left': ' 115',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s27_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
'top': ' 80', 
'left': ' 117',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s28_pro").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
      'top' : '85',
      'left' : '210',
      'float' : 'left',
      'z-index' : '124'
    }
    $("#s29_pro").css(cssObj);
    

    
    
	
		
}




function defineGraphPRJ(){
	 cssObj = {
      'width' : '70',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '-70',
      'float' : 'left',
      'z-index' : '100'
    }
    $("#s11_prj").css(cssObj);
    
     cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '0',
      'float' : 'left'
    }
	 $("#s12_prj").css(cssObj);
	 
	 
     cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '0',
      'float' : 'left'
    }
	 $("#s2_prj").css(cssObj);
	 
	cssObj = {
      'width' : '100',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '-100',
      'float' : 'left'
    }
	 $("#s3_prj").css(cssObj); 
	 
	 cssObj = {
      'width' : '220',
      'height' : '20',
      'position' : 'absolute',
      'top' : '50',
      'left' : '-220',
      'float' : 'left',
      'z-index' : '110'
    }
	 $("#s4_prj").css(cssObj);
	  
     cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '50',
      'left' : '0',
      'float' : 'left'
    }
	 $("#s5_prj").css(cssObj);
	 
	cssObj = {
      'width' : '220',
      'height' : '20',
      'position' : 'absolute',
      'top' : '50',
      'left' : '-220',
      'float' : 'left'
    }
	 $("#s6_prj").css(cssObj); 
	 
	 cssObj = {
      'width' : '52',
      'height' : '33',
      'position' : 'absolute',
      'top' : '10',
      'left' : '105',
      'float' : 'left'
    }
	 $("#s_arrow_1_prj").css(cssObj); 
	 
	 
	 cssObj = {
      'width' : '52',
      'height' : '20',
      'position' : 'absolute',
      'top' : '10',
      'left' : '105',
      'float' : 'left'
    }
	 $("#s31_prj").css(cssObj); 
	 
	 cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '25',
      'left' : '157',
      'float' : 'left'
    }
	 $("#s32_prj").css(cssObj); 
	 
	 cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '25',
      'left' : '157',
      'float' : 'left'
    }
	 $("#s33_prj").css(cssObj); 
	 
	  cssObj = {
      'width' : '0',
      'height' : '20',
      'position' : 'absolute',
      'top' : '25',
      'left' : '162',
      'float' : 'left'
    }
	 $("#s34_prj").css(cssObj); 
	 
	 
	 cssObj = {
      'width' : '0',
      'height' : '20',
      'position' : 'absolute',
      'top' : '100',
      'left' : '245',
      'float' : 'left',
      'z-index': '120'
    }
	 $("#s41_prj").css(cssObj); 
	 
	 cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '100',
      'left' : '240',
      'float' : 'left'
    }
	 $("#s42_prj").css(cssObj); 
	 
	 cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '100',
      'left' : '245',
      'float' : 'left'
    }
	 $("#s43_prj").css(cssObj); 
	 
	  cssObj = {
      'width' : '0',
      'height' : '20',
      'position' : 'absolute',
      'top' : '100',
      'left' : '245',
      'float' : 'left'
    }
	 $("#s44_prj").css(cssObj);
	 
	  $("#s43_prj").css(cssObj); 
	 
	  cssObj = {
      'position' : 'absolute',
      'top' : '60',
      'left' : '225',
      'float' : 'left'
    }
	 $("#s_arrow_2_prj").css(cssObj);
	 
	 	 
}


function appearImg(img,t,l,time){
	var w=$(img).width();
	var h=$(img).height();
	var t0=t+h*.5;
	var l0=l+w*.5;
	var cssObj = {
      'width' : '0',
      'height' : '0',
      'position' : 'absolute',
      'top' : t0+'px',
      'left' : l0+'px',
      'float' : 'left'
    }
    $(img).css(cssObj);
    $(img).show();
    $(img).animate({width: w,height: h, top: t, left: l}, time);
    
}





function defineGraphMM(){
	

	    
    cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '205px',
      'float' : 'left'
    }
    $("#s83_mm").css(cssObj);
    
     
    cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '273px',
      'float' : 'left'
    }
    $("#s82_mm").css(cssObj);
    
     
    cssObj = {
      'width' : '63',
      'height' : '20',
      'position' : 'absolute',
      'top' : '0',
      'left' : '210px',
      'float' : 'left'
    }
    $("#s81_mm").css(cssObj);
    
    
    
 
    
    cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '50',
      'left' : '205',
      'float' : 'left'
    }
    $("#s93_mm").css(cssObj);
    
    cssObj = {
      'width' : '5',
      'height' : '20',
      'position' : 'absolute',
      'top' : '50',
      'left' : '273',
      'float' : 'left'
    }
    $("#s92_mm").css(cssObj);
    
    cssObj = {
      'width' : '63',
      'height' : '20',
      'position' : 'absolute',
      'top' : '50',
      'left' : '210',
      'float' : 'left'
    }
    $("#s91_mm").css(cssObj);
    
    
    cssObj = {
      'position' : 'absolute',
      'top' : '10',
      'left' : '64',
      'float' : 'left'
    }
    $("#s3_mm").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
      'top' : '34',
      'left' : '64',
      'float' : 'left'
    }
    $("#s2_mm").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
      'top' : '10',
      'left' : '180',
      'float' : 'left'
    }
    $("#s6_mm").css(cssObj);
    
    cssObj = {
      'position' : 'absolute',
      'top' : '34',
      'left' : '180',
      'float' : 'left'
    }
    $("#s7_mm").css(cssObj);
}

function replay(){
	
	$('#replay').show();
	$('#replay').click(function() {
		loadShow();
	});
	//$('#replay').hover(function(){$(this).fadeOut(100);});

}