$(window).load(function() {
	var blocks = ['design', 'handel', 'technik'];
	var aktiv = [];
	var rel;
	var temp = [];
	for( i = 0; i < blocks.length; i++) {
		aktiv[i] = 0;
		$('#block_' + blocks[i]).ccslider({
			effectType : '3d',
			effect : 'cubeLeft',
			_3dOptions : {
				imageWidth : 197,
				imageHeight : 225,
				innerSideColor : '#FFF',
				makeShadow : false,
				slices : 1,
				delay : 100,
				easing : 'easeOutBack',
				fallBack : 'fadeSlide',
				fallBackSpeed : 1200
			},
			animSpeed : 1200,
			startSlide : 0,
			directionNav : true,
			controlLinks : false,
			controlLinkThumbs : false,
			controlThumbLocation : '',
			autoPlay : false,
			pauseOnHover : true,
			captions : false
		});
		$('#block_' + blocks[i]).attr('rel', i);
		$('#block_' + blocks[i]).mouseover(function() {
			rel = '';
			rel = $(this).attr("rel");
			if (aktiv[rel] == 1){
				return;
			}
			aktiv[rel] = 1;
			$('a.next', this).click();
			setTimeout(function() {
				aktiv[rel] = 0;
			}, 2000);
		});
		$('#block_' + blocks[i]).mouseleave(function() {
			rel = '';
			rel = $(this).attr("rel");
			if (aktiv[0]==1){
				setTimeout(function() {
					temp = $('#block_' + blocks[0]);
					$('a.prev', temp).click();
					aktiv[0] = 0;
				}, 2000);
			}
			if (aktiv[1]==1){
				setTimeout(function() {
					temp = $('#block_' + blocks[1]);
					$('a.prev', temp).click();
					aktiv[1] = 0;
				}, 2000);
			}
			if (aktiv[2]==1){
				setTimeout(function() {
					temp = $('#block_' + blocks[2]);
					$('a.prev', temp).click();
					aktiv[2] = 0;
				}, 2000);
			}
			// if(aktiv[rel] == 1) {
				// // STEP 6
				// console.log("STEP 6");
				// temp[rel] = this;
				// console.log(temp[rel]);
				// setTimeout(function() {
					// // STEP 7
					// console.log("STEP 7");
					// aktiv[rel] = 0;
					// // STEP 8
					// console.log("STEP 8");
					// $('a.prev', temp[rel]).click();
				// }, 2000);
			 else {
				// STEP 9
				console.log("STEP ");
				$('a.prev', this).click();
			}
			// aktiv = '';
		});
		// $('#block_' + blocks[i]).hover(
		// function() { $('a.next', this).click();
		// },
		// function() { while (temp == 0) {}$('a.next', this).click(); }
		// );

		$('#block_' + blocks[i]).live('click', function(e) {
			var el = $(e.target);
			if(el.attr('class') === 'slider-controls') {
				window.location.href = $(this).attr('id') + '.html';
			}
		});
	}
});