<!--
    
Copyright 2017:
    
DDDDDDDDDDDDD             OOOOOOOOO               JJJJJJJJJJJ     OOOOOOOOO     
D::::::::::::DDD        OO:::::::::OO             J:::::::::J   OO:::::::::OO   
D:::::::::::::::DD    OO:::::::::::::OO           J:::::::::J OO:::::::::::::OO 
DDD:::::DDDDD:::::D  O:::::::OOO:::::::O          JJ:::::::JJO:::::::OOO:::::::O
  D:::::D    D:::::D O::::::O   O::::::O            J:::::J  O::::::O   O::::::O
  D:::::D     D:::::DO:::::O     O:::::O            J:::::J  O:::::O     O:::::O
  D:::::D     D:::::DO:::::O     O:::::O            J:::::J  O:::::O     O:::::O
  D:::::D     D:::::DO:::::O     O:::::O            J:::::j  O:::::O     O:::::O
  D:::::D     D:::::DO:::::O     O:::::O            J:::::J  O:::::O     O:::::O
  D:::::D     D:::::DO:::::O     O:::::OJJJJJJJ     J:::::J  O:::::O     O:::::O
  D:::::D     D:::::DO:::::O     O:::::OJ:::::J     J:::::J  O:::::O     O:::::O
  D:::::D    D:::::D O::::::O   O::::::OJ::::::J   J::::::J  O::::::O   O::::::O
DDD:::::DDDDD:::::D  O:::::::OOO:::::::OJ:::::::JJJ:::::::J  O:::::::OOO:::::::O
D:::::::::::::::DD    OO:::::::::::::OO  JJ:::::::::::::JJ    OO:::::::::::::OO 
D::::::::::::DDD        OO:::::::::OO      JJ:::::::::JJ        OO:::::::::OO   
DDDDDDDDDDDDD             OOOOOOOOO          JJJJJJJJJ            OOOOOOOOO     


Wanna work for us? Take a look here: http://dojofuckingyeah.de/contact/


                 ,'' | '',
               ,'    |    ',
              ;             ;
              ;             ;
              ;             ;
              ',           ,'
              ; ',       ,' ;
              ,   '''''''   ,
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
              {   ; ;       {
              }   ',',      }
              {  ,' , ',    {
              }  ; ; ; ;    }
              {,','  ; ;    {
              {      ; ;    {
              }    ,','     }
       _______}             {______         
   .-~         ~-.      .-~         ~-.    
  /      ;        \    /     ;    ;    \   
 /    ;    ;   ;   \  /   ;     ;       \  
|                   ||                   | 
|  ;     ;    ;     ||  ;    ;        ;  | 
|                   ||     ;      ;      | 
 \    ;    ;    ;  /  \                 /  
  \      ;        /    \      ;   ;    /   
   `-.         .-'      `-.         .-'    
       ~-___-~              ~-___-~         
              
              
         Enlarge your Business™
         
            enlargeyour.biz
              

-->

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>DOJO Werbeagentur &raquo; Cases</title>
    
    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
    
    <!-- TODO: Load JavaScript only if needed -->
    
    <link href="/site/templates/fuckingstyle.css" rel="stylesheet" type="text/css">

    <script src="/site/templates/js/jquery.min.js"></script>
    <script src="/site/templates/js/jquery-ui.min.js"></script>
    <script src="/site/templates/js/jquery.mousewheel.min.js"></script>
    
    <script src="/site/templates/main.js"></script>
    
   <script src="/site/templates/js/unslider.min.js"></script>
   
   <script src="/site/templates/js/validatr.min.js"></script>
    
    <script src="/site/templates/js/featherlight/featherlight.min.js"></script>
    <link href="/site/templates/js/featherlight/featherlight.min.css" rel="stylesheet" type="text/css">
    
    
    <script src="/site/templates/js/jquery.lazyload.min.js"></script>
    
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    

    <script>
        $(document).ready(function(){
            $(window).resize(function(){
                windowHeight = $(window).height();

                $('.contentSectionAutoSize').css({
                    'height': windowHeight
                });


                videoHeight = (parseInt($(window).width()) / 16) * 9;
                $('.videoBackground iframe').css({
                    'height': videoHeight
                })
            });

           $(window).trigger('resize');

            // preload header hover
            images = new Image();
            images.src = '/site/templates/' + 'images/logoHover.gif';
        });
    </script>


            <script src="/site/templates/video.js"></script>
        <script>
        $(window).load(function() {
            loadYoutubeVideoById('q_geqv73zx0', 'hd720');

            // adjust video size
            $(window).trigger('resize');
        });
        </script>
    
    
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
    <meta name="generator" content="ProcessWire">   
        
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="image" content="">
	<meta name="canonical" content="http://www.dojofuckingyeah.de/cases/">
	<meta name="generator" content="ProcessWire 2.5.3">
	<meta name="author" content="DOJO">
	<meta name="robots" content="index, follow, archive">
	<meta name="og:site_name" content="DOJO Werbeagentur">
	<meta name="og:title" content="Cases">
	<meta name="og:url" content="http://www.dojofuckingyeah.de/cases/">
	<meta name="og:description" content="">
	<meta name="og:type" content="website">
	<meta name="og:image" content="">
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@@dojofuckingyeah">
	<meta name="twitter:title" content="Cases">
	<meta name="twitter:url" content="http://www.dojofuckingyeah.de/cases/">
	<meta name="twitter:description" content="">
	<meta name="twitter:image" content="">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	
	
</head>
<body class="tpl-cases ">
    
    
    <aside class="mobilenav">
        <nav>
            <ul>
                <li><a href="/cases/" class="active">Cases</a></li><li><a href="/agency/" class="">Agentur</a></li><li><a href="/social/" class="">Social</a></li><li><a href="/contact/" class="">Kontakt</a></li><li><a href="/imprint/" class="">Impressum</a></li>            </ul>
        </nav>
        
        <div class="mobilenavSocial">
            <a href=""><span class="ss-icon">&#xf09a;</span> Facebook</a>
            <a href=""><span class="ss-icon">&#xf099;</span> Twitter</a>
            <a href=""><span class="ss-icon">&#xf16d;</span> Instagram</a>
            <a href=""><span class="ss-icon">&#xf167;</span> Youtube</a>
            
        </div>
        
    </aside>
    
    <div id="wrapper">
        <a class="mobilenavSwitch"></a>
        <header>
            <div class="inner">
                <!-- Logo -->
                <a href="/" class="logo"></a>
    
                <!-- Navigation -->
                <nav>
                    <ul>
                        <li><a href="/cases/" class="active">Cases</a></li><li><a href="/agency/" class="">Agentur</a></li><li><a href="/social/" class="">Social</a></li><li><a href="/contact/" class="">Kontakt</a></li>                    </ul>
                </nav>
            </div>
        </header>
<!-- Section: Cases -->

	<section class="contentSection contentCases">
		<!-- Section: Navigation Elements -->
		<a class="linkLeft"></a>
		<a class="linkRight"></a>
		
		
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td>
						<a class="case" data-original="/site/assets/files/1178/dojo_case_cover_mcfit_machdichwahr_2014.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/mcfit-1/">
							<span class="casehover">
								<span class="text">
									<span class="title">McFIT</span>Kampagne „Mach Dich Wahr“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1273/dojo_case_cover_berlinfestival.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/berlin-festival/">
							<span class="casehover">
								<span class="text">
									<span class="title">Berlin Festival</span>Rebranding und Kampagne
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1585/dojo_case_cover_muschi_pt2.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/muschi-2/">
							<span class="casehover">
								<span class="text">
									<span class="title">MUSCHI KREUZBERG</span>Gesammelte Werke 2013-2014
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1414/dojo_case_cover_mustafas.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/mustafas/">
							<span class="casehover">
								<span class="text">
									<span class="title">MUSTAFA’S GEMÜSEKEBAP</span>Gesammelte Werke
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1324/dojo_case_cover_comedycentral_southpark.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/coc-southpark/">
							<span class="casehover">
								<span class="text">
									<span class="title">COMEDY CENTRAL</span>Kampagne „South Park Season 17“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1388/dojo_case_cover_mcfit_willeindir_2013.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/mcfit-der-wille-in-dir-2013/">
							<span class="casehover">
								<span class="text">
									<span class="title">McFIT</span>Kampagne „Der Wille in Dir“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1122/dojo_case_cover_cola.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/coca-cola/">
							<span class="casehover">
								<span class="text">
									<span class="title">Coca-Cola</span>Kampagne „Kiss Me Happy“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1483/dojo_case_cover_zitty.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/zitty/">
							<span class="casehover">
								<span class="text">
									<span class="title">Zitty</span>Kampagne „So Berlin“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1295/dojo_case_cover_businesspunk.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/business-punk/">
							<span class="casehover">
								<span class="text">
									<span class="title">Business Punk</span>B2B-Kampagne „Die Unerreichbaren“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1469/dojo_case_cover_universal.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/universal/">
							<span class="casehover">
								<span class="text">
									<span class="title">UNIVERSAL MUSIC</span>Website
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1509/dojo_case_cover_maggi.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/maggi/">
							<span class="casehover">
								<span class="text">
									<span class="title">Maggi</span>Gesammelte Werke
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1362/dojo_case_cover_jungehelden.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/junge-helden/">
							<span class="casehover">
								<span class="text">
									<span class="title">Junge Helden</span>Anzeige „Nichts ist so wertvoll wie dein Körper“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1157/dojo_case_cover_grieneisen.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/grieneisen/">
							<span class="casehover">
								<span class="text">
									<span class="title">GRIENEISEN BESTATTUNGEN</span>Rebranding und Radiospot
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1377/dojo_case_cover_komischeoper.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/komische-oper/">
							<span class="casehover">
								<span class="text">
									<span class="title">Komische Oper</span>Anzeige „Wir sprechen auch Türkisch“
								</span>
							</a>
						</td></tr><tr><td>
						<a class="case" data-original="/site/assets/files/1242/dojo_case_cover_heinz.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/heinz/">
							<span class="casehover">
								<span class="text">
									<span class="title">Heinz</span>Gesammelte Werke
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1096/dojo_case_cover_comedycentral_brandbible.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/coc-brand-bible/">
							<span class="casehover">
								<span class="text">
									<span class="title">COMEDY CENTRAL</span>B2B Brand Book
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1688/dojo_case_cover_deezer.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/deezer/">
							<span class="casehover">
								<span class="text">
									<span class="title">Deezer</span>Kampagne „Hör, was du hören willst“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1224/dojo_case_cover_senat.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/senat-berlin/">
							<span class="casehover">
								<span class="text">
									<span class="title">Senat Berlin</span>Kampagne „Hinter Deutschen Wänden“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1720/dojo_case_cover_geschenkidee.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/geschenkidee/">
							<span class="casehover">
								<span class="text">
									<span class="title">Geschenkidee</span>TV SPOTS "Niemand mag Socken zu Weihnachten"
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1203/dojo_case_cover_praxis.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/praxis/">
							<span class="casehover">
								<span class="text">
									<span class="title">DIE PRAXIS</span>Gesammelte Werke
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1455/dojo_case_cover_sennheiser.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/sennheiser/">
							<span class="casehover">
								<span class="text">
									<span class="title">Sennheiser</span>iPad-App „Evolution Soundroom“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1342/dojo_case_cover_crewrepublic.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/crew-republic/">
							<span class="casehover">
								<span class="text">
									<span class="title">Crew Republic</span>Branding und Website
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1528/dojo_case_cover_muschi_pt1.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/muschi-1/">
							<span class="casehover">
								<span class="text">
									<span class="title">MUSCHI KREUZBERG</span>Gesammelte Werke 2008-2013
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1429/dojo_case_cover_onewarmwinter.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/one-warm-winter/">
							<span class="casehover">
								<span class="text">
									<span class="title">One Warm Winter</span>Charity-Aktion „Das Leben ist kein U-Bahnhof“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1642/dojo_case_cover_muschi_pt3.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/muschi-3/">
							<span class="casehover">
								<span class="text">
									<span class="title">MUSCHI KREUZBERG</span>GESAMMELTE WERKE 2014
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1308/dojo_case_cover_comedycentral_footballorpron.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/coc-football-or-porn/">
							<span class="casehover">
								<span class="text">
									<span class="title">COMEDY CENTRAL</span>Kampagne „Football or Porn“
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1137/dojo_case_cover_fred.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/fred/">
							<span class="casehover">
								<span class="text">
									<span class="title">Fred</span>Gesammelte Werke
								</span>
							</a>
						</td><td>
						<a class="case" data-original="/site/assets/files/1767/20150303_cases_ebay-1.jpg" style="background-image:url(/site/templates/images/grey.gif);" href="/cases/ebay-kleinanzeigen/">
							<span class="casehover">
								<span class="text">
									<span class="title">Ebay Kleinanzeigen</span>Coming soon
								</span>
							</a>
						</td>			</tr>
		</table>
		
		
	</section>
	
	<div class="casesSliderNav"></div>

<script>
	$(document).ready(function(){
		
		
			var windowWidth = $(window).width();
			var pageCounter = 0;
			
			// media query
	
		// 5 tiles
			var pieceSide = Math.ceil(windowWidth/5) + 2;
			
			$('.case').css({
				'height':pieceSide + 'px',
				'width':pieceSide  + 'px'
			});

			// get max page count from table width
			var maxPageCounter = Math.ceil(parseInt($(".contentCases table").css('width'))/(pieceSide*4))-1;
			
			
			function insertPageCounter(j) {
				$('.casesSliderNav').html(' ');
				
				for(i=0;i<=j;i++) {
					$('.casesSliderNav').append('<a class="casesSliderNavItem" data-pageCount="' + i + '" style=""></a>');
				}
			}
			
			insertPageCounter(maxPageCounter);
			// pageCounter functions 
			function raisePageCounter() {
				if(pageCounter == maxPageCounter) {
					setPageCounter(maxPageCounter);
				} else {
					setPageCounter(pageCounter + 1);
				}
			}
			
			function lowerPageCounter() {
				if(pageCounter == 0) {
					setPageCounter(0);
				} else {
					setPageCounter(pageCounter - 1);
				}
			}
			
			function getPageCounter() {
				return pageCounter;
			}
			
			function setPageCounter(count, animate) {
				pageCounter = count;
				animate = typeof animate !== 'undefined' ? animate : true;
				
				history.pushState({id: 'page' + count}, '', '?page=' + count);
				
				$('.casesSliderNav .casesSliderNavItem').removeClass('active');
				$('.casesSliderNav .casesSliderNavItem[data-pagecount="' + count + '"]').addClass('active');
				
				
				var pieceSide = Math.ceil(windowWidth/5);
				
				if(count == maxPageCounter) {
					var columns = Math.ceil($('.case').length/2);
					console.log(columns);
					leftScroll = (columns-5) * pieceSide;
					$('.contentCases table').animate({
						'left':-(leftScroll)+1
					}, (animate == true ? 500 : 0));
					
					$('.contentCases .linkRight').css('background-image', 'url(/site/templates/images/caseArrowRepeat.png)');
				} else {
					$('.contentCases table').animate({
						'left':-((pageCounter) * (pieceSide*4))+1
					}, (animate == true ? 500 : 0));
					$('.contentCases .linkRight').css('background-image', '');
				}
				
				
			}
			
					
			var scrollActive = false;
			
			$('.contentCases').mousewheel(function(e, delta) {

				if(windowWidth < 800) return true;
				
				if(e.deltaX > 2 || e.deltaX < -2) {
					e.preventDefault();
					
					if(!(scrollActive)) {
						var direction = (delta * 40);
						
						//console.log(direction);
						var resetScrollActive = 0;
						
						scrollActive = true;
						
		
						if(direction > 300) {
							lowerPageCounter();
						} else if(direction < -300) {
							raisePageCounter();
						}
						
						resetScrollActive = setTimeout((function(){
							scrollActive = false;
						}), 400);
					}
				}
			});
			
							
			// motion stuff
			var animationActive = false;
			$("body").mousemove(function() {
				if(!(animationActive)) {
					animationActive = true;
					$(".linkLeft, .linkRight").animate({ opacity: 1 }, function(){
						animationActive = false;
					})
				}
			
				lastTimeMouseMoved = new Date().getTime();
					var t = setTimeout(function(){
						 var currentTime = new Date().getTime();
						 if(currentTime - lastTimeMouseMoved > 1000){
							$(".linkLeft, .linkRight").animate({ opacity: 0 })
						 }
					 },1000)
			}).trigger('mousemove');
			
					
			$('.linkRight').click(function(){
				if(pageCounter == maxPageCounter) {
					setPageCounter(0);
				} else {
					raisePageCounter();
				}
			});
			
			$('.linkLeft').click(function(){
				if(pageCounter == 0) {
					setPageCounter(maxPageCounter);
				} else {
					lowerPageCounter();
				}
			});
					

			$(document.body).on('click', '.casesSliderNavItem', function(){
				console.log('abc');
				setPageCounter($(this).data('pagecount'));
				return false;
			});
					
					
			$(".contentCases table").draggable({
				stop: function( event, ui ) {
					if(ui.originalPosition.left > ui.position.left) {
						raisePageCounter();
					} else {
						lowerPageCounter();
					}
				},
				axis: 'x'
			});
					
					
		if(windowWidth > 800) {		
				// init
				setPageCounter(0, false);
		} else {

		}
					
					
	var prevCount;	
	function doneResizing() {
		windowWidth = $(window).width();
		
		if(windowWidth > 800) {
				prevCount = getPageCounter();
			
				
				pieceSide = Math.ceil(windowWidth/5) + 2;
				
				$('.case').css({
					'height':pieceSide + 'px',
					'width':pieceSide  + 'px'
				});
				
				maxPageCounter = Math.ceil(parseInt($(".contentCases table").css('width'))/(pieceSide*4))-1;
				insertPageCounter(maxPageCounter);
				
				$('.casesSliderNav').fadeIn();
				
				setPageCounter(prevCount, false);
		} else {
			var height = $('.contentCases tr td').width() + 'px';
			
			$('.contentCases tr td .case').css({
				'height': height,
				'width': height,
				'line-height': height
			});
			
			setPageCounter(0, false);
			
			$('.casesSliderNav').fadeOut();
		}
		
	}
	doneResizing();
	
	
	var id;
	$(window).resize(function() {	
		clearTimeout(id);
		id = setTimeout(doneResizing, 200);
	});
	
	
	$(".case").lazyload({
		effect : "fadeIn",
		event : "click",
	}).trigger("click");
	
		
	});
</script>


	  <footer>
	  	<div class="inner">
		  	
		  	<!-- Footer Navigation -->
		  	
	  		<div class="footerLinks">
	  			<a href="/imprint/">Impressum</a>
	  			<span>|</span>
	  			<a href="/contact/#jobs">Jobs</a>
	  			<span>|</span>
	  			<span class="footerCopyright">Copyriot 2017 DOJO</span>
	  		</div>
	  		
	  		
	  		<!-- Social Links -->
	  		
	  		<div class="footerSocial">
	  			<a href="https://www.facebook.com/dojoberlin" target="_blank"><span class="ss-icon">&#xf09a;</span></a>
	  			<a href="https://twitter.com/DOJOFuckingYeah" target="_blank"><span class="ss-icon">&#xf099;</span></a>
	  			<a href="http://instagram.com/dojoruinedmylife" target="_blank"><span class="ss-icon">&#xf16d;</span></a>
	  			<a href="https://www.youtube.com/user/dojofuckingyeah" target="_blank"><span class="ss-icon">&#xf167;</span></a>
	  	
	  		</div>
	  	</div>
	  </footer>

	</div>
</body>
</html>
<!--

Become a real friend on Facebook: https://www.facebook.com/dojoberlin

░░░░░░░░░░░░▄▄
░░░░░░░░░░░█░░█
░░░░░░░░░░░█░░█
░░░░░░░░░░█░░░█
░░░░░░░░░█░░░░█
███████▄▄█░░░░░██████▄
▓▓▓▓▓▓█░░░░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░░░░█
▓▓▓▓▓▓█░░░░░░░░░░░░░░█
▓▓▓▓▓▓█████░░░░░░░░░█
██████▀░░░░▀▀██████▀

-->