<!DOCTYPE html>
<html dir="ltr"lang="ru-RU"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="Robots" content="index, follow">
<title>Starter  | Main</title>
<link rel="stylesheet" href="./files/stylepoto.css" class="cssdeck" type="text/css">
<link rel="profile" href="">
<link href="./files/default.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" media="all" href="./files/style.css">
<link rel="shortcut icon" type="image/x-icon" href="http://starter.in.ua/favicon.ico">
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>-->
<script type="text/javascript" async="" src="./files/ga.js" style=""></script><script type="text/javascript" async="" src="./files/ga.js"></script><script src="./files/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="./files/browser.js" type="text/javascript"></script>
<script src="./files/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>

<script src="./files/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="./files/jcarousel.js" type="text/javascript"></script>
<script src="./files/pixastic.custom.js" type="text/javascript"></script>
<script src="./files/jquery.scrollTo.js" type="text/javascript"></script>
<script src="./files/jquery.appear.min.js" type="text/javascript"></script>
<script src="./files/jquery.cycle.all.js" type="text/javascript"></script>


<link rel="pingback" href="http://www.necon.pl/en/xmlrpc.php">

<script type="text/javascript" src="./files/js"></script><script src="./files/main.js" type="text/javascript"></script>
<script type="text/javascript">

	 var maps;
	 var icon;
	 
  var myLatlng ;
  var style =        
[
  {
    stylers: [
      { saturation: -100 },
      { lightness: 0 }
    ]
  }
];

  function initialize() {
     myLatlng1 = new google.maps.LatLng(51.075597,  17.039692);
      
     var myOptions1 = {
      zoom: 15,
      center: myLatlng1,
      mapTypeId: google.maps.MapTypeId.ROADMAP
   	 }
   	

    var maps = new google.maps.Map(document.getElementById("maps"), myOptions1);
    var image = new google.maps.MarkerImage(
		'http://www.necon.pl/wp-content/themes/necon/images/marker.png',
		// This marker is 20 pixels wide by 32 pixels tall.
		new google.maps.Size(53, 66),
		// The origin for this image is 0,0.
		new google.maps.Point(0,0),
		// The anchor for this image is the point of Necon logo at 0,32.
		new google.maps.Point(26, 43)
	);
    var marker1 = new google.maps.Marker({  
		position: myLatlng1,   
		icon: image,
		map: maps    
	});
    var styledMapOptions1 = {  name: "maps"};
    var yourNameMapType1 = new google.maps.StyledMapType(
        style, styledMapOptions1);
     
   maps.mapTypes.set('maps', yourNameMapType1);
   maps.setMapTypeId('maps');
   
    }
    
    	</script>
		
		
<!--[if lt IE 9]>
<script src="http://www.necon.pl/wp-content/themes/necon/js/html5.js" type="text/javascript"></script>
<![endif]-->

<!-- This site is optimized with the Yoast WordPress SEO plugin v1.1.5 - http://yoast.com/wordpress/seo/ -->
<meta name="description" content="Specjalizujemy się w kompleksowym projektowaniu strategii oraz kreacji dla systemów identyfikacji wizualnych firm, instytucji i wydarzeń. Projekty wspieramy wiedzą z zakresu druku i produkcji materiałów oraz projektowania stron i sklepów internetowych.">

<!-- / Yoast WordPress SEO plugin. -->

<link rel="alternate" type="application/rss+xml" title="Necon Agencja Kreatywna | Branding. Identyfikacja wizualna. Kreacja.[LANG]Necon Creative Agency  | Branding. Corporate Identity. Design. » Home Comments Feed" href="">
<script type="text/javascript" src="./files/history.adapter.native.js"></script>
<script type="text/javascript" src="./files/history.html4.js"></script>
<script type="text/javascript" src="./files/comment-reply.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.necon.pl/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.necon.pl/wp-includes/wlwmanifest.xml"> 
<meta name="generator" content="WordPress 3.4.2">
<style type="text/css" media="screen">
.qtrans_flag span { display:none }
.qtrans_flag { height:12px; width:18px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_pl { background:url() no-repeat }
.qtrans_flag_en { background:url() no-repeat }
</style>

<meta name="google-site-verification" content="rH7TaOBwkj2shqwPzvFRbraM0oCaSDHHP_d2NMMV2q4">
<script type="text/javascript" charset="UTF-8" src="./files/{common,util,stats}.js"></script></head>

<body class="home page page-id-414 page-template page-template-glowna-php chrome lang-ru" onload="initialize();">      <div id="loader" style="display: none;">
        <div class="percents"><img src="./files/ajax-loader.gif" alt="Ajax loader"></div>
  </div>
   <div class="m-hr" style="height: 1845px;">
    
   </div>
    <!--<div id="tt"><hr class="pl45 c"/><hr class="mi45 d"/><div></div></div>-->
	
		
	    <section id="main">
		<div class="header">
            <div class="logo di"><a href="http://starter.in.ua/"></a></div>
          
            
			<!--<div id="lang-chooser"><a href="http://www.necon.pl/">Polski</a></div>-->
			<nav class="di">
                <a href="http://starter.in.ua" class="m1" style="color: #777; border-bottom-color: #777;">Услуги</a>
                <a href="http://starter.in.ua/products" class="m2" style="color: #777; border-bottom-color: #777;">Продукция</a>
                <a href="http://starter.in.ua/novosti" class="m3" style="color: #777; border-bottom-color: #777;">Новости</a>
                <a href="http://starter.in.ua/portfolio" class="m4" style="color: #777; border-bottom-color: #777;">Портфолио</a>
                <a href="http://starter.in.ua/kontakty" class="m5" style="color: #777; border-bottom-color: #777;"> Контакты</a>
            </nav>
        </div>
       
<div class="content">
    <div style="opacity: 1; font-family: Lato, Helvetica, sans-serif ;font-size:13px;color:#888;line-height:18px;margin-bottom: 60px">
     <h1 style="font-family: 'DharmaGothicELight';font-size:40px;color:#4b4a49;margin-bottom: 12px">КОМПАНИЯ STARTER</h1>ТВОРЧЕСКАЯ ЛАБОРАТОРИЯ ПО ИЗГОТОВЛЕНИЮ КАЧЕСТВЕННОГО,<br>ОРИГИНАЛЬНОГО И КРЕАТИВНОГО ДИЗАЙНА </div>
<ul style ="float:left; margin: -45px 0 0 -25px;opacity: 1; font-family: 'DharmaGothicELight';font-size:12px;color:#888;line-height:29px;"><li>БЫСТРО</li>
<li>КАЧЕСТВЕННО</li>
<li>ДОСТУПНО</li>
<li>УНИКАЛЬНО</li>
<li>ВЕЛИКОЛЕПНО</li></ul>
	 <div style ="width:420px;float:right; margin: -135px 0 35px 0;opacity: 1; font-family: Lato, Helvetica, sans-serif ;font-size:13px;color:#eee;line-height:10px;">
	<div class="tabs-wrapper">
		<input type="radio" name="tab" id="tab1" class="tab-head" checked="checked">
		<label for="tab1">Дмитрий</label>
		<input type="radio" name="tab" id="tab2" class="tab-head">
		<label for="tab2">Алекс</label>
		<input type="radio" name="tab" id="tab3" class="tab-head">
		<label for="tab3">Слава</label>
		<input type="radio" name="tab" id="tab4" class="tab-head">
		<label for="tab4">Костя</label>
		<div class="tab-body-wrapper">
			<div id="tab-body-1" class="tab-body" style="text-align:center">
			 <img src="./files/menu2.jpg"width="197px" style="float:left"  alt="ver">
			 <h1 style=" margin:57px 0 0 0; padding-bottom:30px; font-family: Lato, Helvetica, Sans-serif ;font-size:13px;color:#fff;line-height:15px;">ДМИТРИЙ АЛЕКСАНДРОВИЧ</h1>
<h1 style="margin:0 0 0 0; padding-bottom:67px;  font-family: Lato, Helvetica, sans-serif ;font-size:10px;color:#fff;line-height:13px;">УПРАВЛЕНИЕ ПРОЭКТАМИ,<br>ПЕЧАТНАЯ ПРОДУКЦИЯ</h1>
				</div>
			<div id="tab-body-2" class="tab-body" style="text-align:center">
			 <img src="./files/12.jpg"width="197px" style="float:left"  alt="ver">
			<h1 style=" margin:57px 0 0 0; padding-bottom:30px; font-family: Lato, Helvetica, Sans-serif ;font-size:13px;color:#fff;line-height:15px;">АЛЕКС АЛЕКСАНДРОВИЧ</h1>
<h1 style="margin:0 0 0 0; padding-bottom:67px;  font-family: Lato, Helvetica, sans-serif ;font-size:10px;color:#fff;line-height:13px;">УПРАВЛЕНИЕ ПРОЭКТАМИ,<br>ПЕЧАТНАЯ ПРОДУКЦИЯ</h1>
				</div>
			<div id="tab-body-3" class="tab-body" style="text-align:center">
			 <img src="./files/menu3.jpg"width="197px" style="float:left"  alt="ver">
			 <h1 style=" margin:57px 0 0 0; padding-bottom:30px; font-family: Lato, Helvetica, Sans-serif ;font-size:13px;color:#fff;line-height:15px;">СЛАВА АЛЕКСАНДРОВИЧ</h1>
<h1 style="margin:0 0 0 0; padding-bottom:67px;  font-family: Lato, Helvetica, sans-serif ;font-size:10px;color:#fff;line-height:13px;">УПРАВЛЕНИЕ ПРОЭКТАМИ,<br>ПЕЧАТНАЯ ПРОДУКЦИЯ</h1>
				</div>
			<div id="tab-body-4" class="tab-body" style="text-align:center">
			 <img src="./files/menu4.jpg"width="197px" style="float:left"  alt="ver">
			<h1 style=" margin:57px 0 0 0; padding-bottom:30px; font-family: Lato, Helvetica, Sans-serif ;font-size:13px;color:#fff;line-height:15px;">КОСТЯ АЛЕКСАНДРОВИЧ</h1>
<h1 style="margin:0 0 0 0; padding-bottom:67px;  font-family: Lato, Helvetica, sans-serif ;font-size:10px;color:#fff;line-height:13px;">УПРАВЛЕНИЕ ПРОЭКТАМИ,<br>ПЕЧАТНАЯ ПРОДУКЦИЯ</h1>
				</div>
		</div>
	</div><script class="cssdeck">/* Just simple, flat, responsive css3 tabs. Checkout the description. */</script>
</div>
	 
	 
	<!--
    <div class="headline ih1">
        <hr/>
        <div class="headline-content">
            <div class="headline-leaf-left"></div>
            <div class="headline-text">
                <h3>the newest</h3>
				<h2>featured</h2>
            </div>
            <div class="headline-leaf-right"></div>
        </div>   
    </div>
     <div id="pager">
        <div class="pager p1 active"></div>
        <div class="pager p2"></div>
        <div class="pager p3"></div>
    </div>

    
    <div id="slider" class="cl">
         <ul>       
		</ul>
    </div>
    <div class="m40"></div>-->
    <div class="headline ih2" style="opacity: 1;">
        <hr>
        <div class="headline-content">
            <div class="headline-leaf-left"></div>
            <div class="headline-text">
                <h3 style="opacity: 1; font-family: Lato, Helvetica, sans-serif ;font-size:15px;color:#888;line-height:10px;margin-bottom: 7px">НАШИ</h3>
                <h2 style="font-family: 'DharmaGothicELight';font-size:28px;color:#4b4a49;margin-bottom: 15px">Услуги</h2>
            </div>
            
        </div>   
    </div>
    <div class="projects">
                       <div class="project br" style="opacity: 1;"><a href="http://starter.in.ua/uslugi/pechat">   
                      
                              
                                    <div class="project-title">Печать</div>
                                    <div class="project-img">
                                        <img src="./files/print_1.jpg"width="272px"alt="pe">
                                        <img src="./files/print.jpg"width="272px" class="hp" alt="pe" style="opacity: 0;">
                                        <div class="project-more" style="top: 0px;">Цифровая печать<br>Офсетная печать<br>Широкоформатная печать</div>
                                    </div>
                                    <div class="project-info">
                                                                     </div></a>
                                <hr>
                            </div>   

                                          
                       <div class="project br pl" style="opacity: 1;"><a href="http://starter.in.ua/uslugi/dizajn">   
                              
                                    <div class="project-title">Дизайн</div>
                                    <div class="project-img">
                                        <img src="./files/design_1.jpg"width="272px" alt="di">
                                        <img src="./files/design.jpg"width="272px" class="hp" alt="di" style="opacity: 0;">
                                        <div class="project-more" style="top: 0px;">Графический дизайн<br>Веб дизайн<br>Иллюстрации</div>
                                    </div>
                                    <div class="project-info">
                                                  </div></a>
                                <hr>
                            </div>   

                                          
                               <div class="project pl" style="opacity: 1;"><a href="http://starter.in.ua/uslugi/verstka">  
                                    <div class="project-title">Верстка</div>
                                    <div class="project-img">
                                        <img src="./files/verstka_1.jpg"width="272px" alt="ver">
                                        <img src="./files/verstka.jpg"width="272px" class="hp" alt="ver" style="opacity: 0;">
                                        <div class="project-more" style="top: 0px;">Рекламная<br>Книжная<br>Журнально-каталожная</div>
                                    </div>
                                    <div class="project-info">
                                            </div></a>
                                <hr>
                            </div>   

                                           <div class="project br" style="opacity: 1;"><a href="http://starter.in.ua/uslugi/veb">   
                      
                              
                                    <div class="project-title">Веб</div>
                                    <div class="project-img">
                                        <img src="./files/web_1.jpg" width="272px" alt="we">
                                        <img src="./files/web.jpg" width="272px" class="hp" alt="we">
                                        <div class="project-more">Сайты<br>Програмирование под ключ<br>SEO технологии</div>
                                    </div>
                                    <div class="project-info">
                                                  </div></a>
                                <hr>
                            </div>   

                                          
                       <div class="project br pl" style="opacity: 1;"><a href="http://starter.in.ua/uslugi/brending">   
                              
                                    <div class="project-title">Брендинг</div>
                                    <div class="project-img">
                                        <img src="./files/brending_1.jpg" alt="pro" width="272px">
                                        <img src="./files/brending.jpg" width="272px" class="hp" alt="pro" style="opacity: 0;">
                                        <div class="project-more" style="top: 0px;">Брендинг<br>Нейминг<br>Создание концепции Бренда</div>
                                    </div>
                                    <div class="project-info">
                                                </div></a>
                                <hr>
                            </div>   

                                          
                               <div class="project pl" style="opacity: 1;"><a href="http://starter.in.ua/uslugi/pr">  
                                    <div class="project-title">PR</div>
                                    <div class="project-img">
                                        <img src="./files/pr_1.jpg" width="272px" alt="pr">
                                        <img src="./files/pr.jpg" width="272px" class="hp" alt="pr">
                                        <div class="project-more">Копирайтинг<br>Написание PR статей<br>Другие услуги</div>
                                    </div> 
                                    <div class="project-info">
                                              </div></a>
                                <hr>
                            </div>   

                              
                </div>
                <div class="m40"></div>
                <div class="news di cl">
                    <div class="headline ih3" style="opacity: 1;">
                        <hr>
                        <div class="headline-content">
                           
                            <div class="headline-text">
                                <h3 style="opacity: 1; font-family: Lato, Helvetica, sans-serif ;font-size:13px;color:#888;line-height:10px;margin-bottom: 7px">СМОТРЕТЬ</h3>
                                <h2 style="font-family: 'DharmaGothicELight';font-size:28px;color:#4b4a49;margin-bottom: 15px">Портфолио</h2>
                            </div>
      
                        </div>   
                    </div>
                    
                        <div class="news-item di" style="opacity: 1;">
                             
							 <div id="flickr-img" style="opacity: 1;">
                        
                                <a href=""  target="_blank"> <img src="./files/portfolio1.jpg" width="82px" alt="pr"></a>

                                
                                <a><img src="./files/portfolio2.jpg" width="82px"</a>

                                
                                <a href="" class="last" target="_blank"><img src="./files/portfolio3.jpg" width="82px"></a>

                                
                                <a href="" target="_blank"><img src="./files/portfolio4.jpg" width="82px"></a>

                                
                                <a href="" target="_blank"><img src="./files/portfolio5.jpg" width="82px"></a>

                                
                                <a href="" class="last" target="_blank"><img src="./files/portfolio6.jpg" width="82px"></a>

								<a href=""  target="_blank"> <img src="./files/portfolio1.jpg" width="82px" alt="pr"></a>

                                
                                <a><img src="./files/portfolio2.jpg" width="82px"</a>

                                
                                <a href="" class="last" target="_blank"><img src="./files/portfolio3.jpg" width="82px"></a>

                                
                                <a href="" target="_blank"><img src="./files/portfolio4.jpg" width="82px"></a>

                                
                                <a href="" target="_blank"><img src="./files/portfolio5.jpg" width="82px"></a>

                                
                                <a href="" class="last" target="_blank"><img src="./files/portfolio6.jpg" width="82px"></a>

                                                    </div>
							 <!-- <div class="news-readmore"><a href="http://www.necon.pl/en/670">[Czytaj dalej]</a></div>-->
                        </div>
                        
                        
                </div>


                <div class="flickr di"><div class="headline ih4" style="opacity: 1;">
                        <hr>
                        <div class="headline-content">
                            <div class="headline-leaf-left"></div>
                            <div class="headline-text">
                                <h3 style="opacity: 1; font-family: Lato, Helvetica, sans-serif ;font-size:13px;color:#888;line-height:10px;margin-bottom: 7px">ПОСЛЕДНИЕ</h3>
                                <h2 style="font-family: 'DharmaGothicELight';font-size:28px;color:#4b4a49;margin-bottom: 15px">Новости</h2>
                            </div>
                            
                        </div>   
                    </div>
					<div class="news-date">14 ноябрь 2013</div>
                            <div class="news-title">Печатаем на футболках</div>
                            <div class="news-content"><p>


Разработка фирменного стиля фонду "Украинские центр социальных проектов" <a href="http://www.behance.net/gallery/interastar-Branding/11673255">*interastar!</a></p>
</div>
                     <div class="news-date">11 ноябрь 2013</div>
                            <div class="news-title">Разработка стиля</div>
                            <div class="news-content"><p>Разработка фирменного стиля фонду "Украинские центр социальных проектов"</p></div>    
                    
                </div>

				
        </div>
        </section>
        <script type="text/javascript">
           
			$(function() {  
               function st(){                         
                $('.slogan').appear(function() {
                    $(this).animate({'opacity':'1'},500,function(){                                
                       // $('.ih1').appear(function() {
                            //$(this).animate({'opacity':'1'},500,function(){                                
                                /*$('#slider div').animate({opacity:1},100);
								$('.laz0').appear0(function() {
                                    $(this).animate({'opacity':'1'},500);
                                });*/
								//$('#pager,#slider,.laz').appear(function() {
                                    //$(this).animate({'opacity':'1'},500,function(){                                
										
										//odpalam slider, zeby chodzil co X sek.
										//automatID = setTimeout("slideMove("+(sliderCurrent()+1)+")", SLIDER_TIMEOUT);

                                       
									   //dalsza animacja
									   $('.ih2').appear(function() {
                                            $(this).animate({'opacity':'1'},500,function(){                                
                                                $('.project').appear(function() {
                                                    $(this).animate({'opacity':'1'},500,function(){
														$('.ih3,.ih4').appear(function() {
															$(this).animate({'opacity':'1'},500,function(){
																$('.news-item,#flickr-img').appear(function() {
                                                                    $(this).animate({'opacity':'1'},500,function(){                                
                                                                        $('footer .header').appear(function() {
                                                                            $(this).animate({'opacity':'1'},500,function(){                                
                                                                                $('footer .foot2, footer .menu').appear(function() {
                                                                                    $(this).animate({'opacity':'1'},500,function(){                                
																						$('footer .footer').animate({'opacity':'1'},500);
																					});
																				});
																			});
																		}); 
																	});
																});
															});															
														});                                                       
                                                    });
                                                });  
                                            });
                                        });
                                    //});
   
                                //});     
                                       
                            //});
   
                        //});  
						
                                 
                    });
   
                });
            
                 }
               setTimeout(st,1000);  

																 			   
            }); 

			//SLIDER STALE
			var SLIDER_SLIDES = $('#slider li').length - 2;
			var SLIDER_SPEED = 1700;
			var SLIDER_FADE_SPEED_OUT = 250;
			var SLIDER_FADE_SPEED_IN = 550;
			var SLIDER_TIMEOUT = 1500;
			var SLIDER_SEMAFOR = false;
			var automatID;
			function sliderCurrent() { return Math.round((parseInt($('#slider ul').css('left'))*(-1))/900); }
			
			//ruch slidera
			function slideMove(newSlide) {
				if (!SLIDER_SEMAFOR) {
					SLIDER_SEMAFOR = true;
					
					if (newSlide == 'next') newSlide = sliderCurrent()+1;
					else if (newSlide == 'prev') newSlide = sliderCurrent()-1;
					//zaznaczam guzik w #pager
					var zaznacz = newSlide;
					if (newSlide > SLIDER_SLIDES) zaznacz = 1;
					else if (newSlide == 0) zaznacz = SLIDER_SLIDES;
					$('#pager .pager').removeClass('active').each(function(i){
						if (i+1 == zaznacz) $(this).addClass('active');
					});
					
					
					//obliczam gdzie przesunac
					var wlewo = newSlide*(-900);
					
					//opacity->0,7, potem przesuwam i ew. przenosze na koniec lub poczatek, potem opacity->1
					$('#slider ul').animate({opacity:0.7}, SLIDER_FADE_SPEED_OUT);
					$('#slider ul').animate({left: wlewo}, SLIDER_SPEED, 'easeOutQuart', function(){
						$(this).animate({opacity: 1}, SLIDER_FADE_SPEED_IN, function(){ 
							clearTimeout(automatID);
							if (newSlide == 0) $(this).css('left', SLIDER_SLIDES*(-900)+'px');
							else if (newSlide >= SLIDER_SLIDES+1) $(this).css('left', '-900px');
							automatID = setTimeout("slideMove("+(sliderCurrent()+1)+")", SLIDER_TIMEOUT);
							SLIDER_SEMAFOR = false; 
						});
					
						
					});
				}
			}
			
			
            $(document).ready(function() {
				//MM SLIDER
				//inicjalizacja
				$('#slider ul').css('width', 900*parseInt($('#slider li').length)+'px');
				
				//prev/next 
				$('.slider-next, .slider-prev').click(function(){
					//	clearTimeout(automatID);
						if ($(this).is('.slider-next')) slideMove('next');
						else slideMove('prev');
				});
				//pager
				$('#pager .pager').each(function(i){
					$(this).click(function(){
							//clearTimeout(automatID);
							slideMove(i+1);
					});
				});
            /*
                $("#slider").jCarouselLite({
                    visible: 1,
                    auto: 3000,
                    speed: 1700,
                    easing: "easeOutQuart",
                    btnNext: ".slider-next",
                    btnPrev: ".slider-prev",
                    beforeStart: function(a) {
                        $('#slider li').animate({opacity: 0.7}, 1700);
                    },
                    afterEnd: function(a) {
                        $('#slider li').animate({opacity: 1}, 1700);
                    },
                    btnGo: [".p1",".p2",".p3",]
                });*/
				/*$.fn.cycle.transitions.necon = function($cont, $slides, opts) { 
					var $el = $($slides[0]); 
					var w = $el.width(); 
					var h = $el.height(); 
					opts.cssFirst = { top: 0, left: 900, width: w, height: h, zIndex: 1, display: 'block', opacity: 0.7}; 
					opts.cssBefore = { top: 0, left: 900, width: w, height: h, zIndex: 2}; 
					opts.animIn    = { left: 0, opacity: 1}; 
					opts.animOut   = { left: -900, opacity: 0.7 }; 
					opts.cssAfter  = { zIndex: 1, display: 'block' }; 
				};
				$("#slider").cycle({
					fx:			'necon', 
					easing: 	'easeOutQuart',
					speed:		2100, 
					//fastOnEvent:1000,
					timeout:	700, 
					//animIn: {opacity:1},
					//animOut: {opacity:0.7},
					//before:		function(a,b,c,d){
						//$('#slider div').animate({opacity:1}, 400);
					//},
					after:		function(a,b,c,d){
						//$('#slider div').animate({opacity:1}, 1300, function(){
							//$(this).animate({opacity:0.7}, 1300);
						//});
					},
					next:		'.slider-next',
					prev:		'.slider-prev',
					pager:		'#pager',
					pagerAnchorBuilder: function(idx, slide) { 
						return '<div class="pager"></div>'; 
					}
				}).cycle('pause');*/
				
       
                $('#pager .pager').hover(function () {
                    $(this).animate({'background-color':'#ff7260'},300);
                },function () {
                    $(this).animate({'background-color':'#888'},300);
                }
            );

                $('.slider-prev,.slider-next').hover(function () {
       
                    $('div',this).animate(
                    {'margin-top':'0'},300);
        
                },function () {
       
                    $('div',this).animate(
                    {'margin-top':'-119px'},300);
                }
            );
        
                $(".project-img").hover(
                function () {
                    $('.project-more',this).animate({"top": "-126px"}, 200);
                    $('.hp',this).animate({"opacity": "1"}, 200);
                }, 
                function () {
                    var t = $('.project-more',this);
                    $('.hp',this).animate({"opacity": "0"}, 200);
                    $('.project-more',this).animate({'top':'-252px'},200,function(){ t.css('top','0'); });
                }
            );
        
        
            });
            $('#flickr-img img').load(function() {
                $("#flickr-img img").pixastic("desaturate");

            });
        </script>

        <footer class="footer" style="height:150px;">
    <section class="content">
       
        
    </section>
    </footer>

<script type="text/javascript">
    if ($.browser.webkit) {
        $('body').addClass('chrome');
    }
    if ($.browser.mozilla ) {
        $('body').addClass('mozilla');
    }
    if ($.browser.msie ) {
        $('body').addClass('msie');
    }
 
   
    $(window).load(function() {
        $.scrollTo( '#main', 0,{queue:true,offset: {top:0} } );
        var hash_a =  (window.location.hash.replace("#", ""));    
		console.log(hash_a);
        if (hash_a=='praca') {
			$('html,body').animate({scrollTop: ($('.praca').offset().top-100)}, 800);
			console.log('skoro praca, to scroluje. offsetTop: '+$('.praca').offset().top);
		}
  
        $(window).on("hashchange", function(){
            var new_hash =  (window.location.hash.replace("#", ""));    
            if(hash_a=='praca')
                $.scrollTo( '.praca',800,{queue:true,offset: {top:0} } );
        });
		 if ($('body').width() > 1024) $('.m-hr').height($('body').height()); 
    });
	$(function(){
        var p = $('#main').offset();
        var pl = p.left + 980;
        var pt = p.top+80;
        $('.hr-top').css('left',pl+'px').css('top',pt+'px');
                
        var f = $('footer').offset();
        var bl = p.left-350;
        var bt = f.top-100;
        $('.hr-bottom').css('left',bl+'px').css('top',bt+'px');
               
    });
     
    $(window).resize(function() {
        if ($('body').width() > 1024) {
			var p = $('#main').offset();
			var pl = p.left + 980;
			var pt = p.top+80;
			$('.hr-top').css('left',pl+'px').css('top',pt+'px');
					
			var f = $('footer').offset();
			var bl = p.left-350;
			var bt = f.top-100;
			$('.hr-bottom').css('left',bl+'px').css('top',bt+'px');
			$('.m-hr').height($('body').height());   
		} 
    });
     
   
    $(window).scroll(function () {
		if ($(document).scrollTop()>=100) {   
            $('#tt').show();
			$('#tt .off').stop(true).animate({opacity:1}, 500);
        } else {
            $('#tt .off').stop(true).animate({opacity:0}, 500, function(){$('#tt').hide();});
			$('#tt .on').stop(true).animate({opacity:0}, 300);
        }
    });
    $('#tt').click(function(){ 	
       $("html,body").animate({ scrollTop: 0 }, "slow");
        return false;
    });
     
    $('#main .header nav a').not('.hover').hover(function () {
       
        $(this).animate(
        {'color':'#ff7260','border-bottom-color':'#ff7260'},300);
        
    },function () {
       
        $(this).animate(
        {'color':'#888','border-bottom-color':'#888'},300);
        
    }
);
    $('#tt').mouseover(function () {
        if (parseInt($(this).find('.off').css('opacity')) == 1) $(this).find('.on').stop(true).animate({opacity:1}, 300);
    }).mouseout(function () {
		$(this).find('.on').stop(true).animate({opacity:0}, 300);
    });
    $('#panel-klienta').hover(function () {
       
        $(this).animate(
        {'background-color':'#ff7260'},300);
        
    },function () {
       
        $(this).animate(
        {'background-color':'#888'},300);
    }
);
$('#lang-chooser > a, #lang-chooser li').hover(function(){
	$(this).animate({'background-color':'#ff7260'}, 300);
},function(){
	$(this).animate({'background-color':'#4b4a49'}, 300);
});


    var percentCounter = 0;
    var arrayOfImageUrls =new Array();
    $('img').each(function(index) {
        arrayOfImageUrls[arrayOfImageUrls.length] = $(this).attr('src');
    });


    /*
    $.each(arrayOfImageUrls, function(index, value) {
        $('<img></img>').attr('src', value)    //load image
        .load(function() {
            percentCounter = (index / arrayOfImageUrls.length) * 100;    //set the percentCounter after this image has loaded
            percentCounter = Math.round(percentCounter);
           $('#loader .percents').html(percentCounter + '%');
        });
    });
     */
    
    window.onpopstate = function(stackstate) {
		if (stackstate.state = null) {
            // initial page load OR return to initial URL via e.g. back button.
            // t.b.d.: how best to identify whether we need to re-render page or not?
        } else {
            
        };
		$('#loader').fadeOut(1400);
    };
        
    $(function() {
        // $('#loader .percents').html('100%');
        $('#loader').fadeOut(500);
    });
	//if ($.browser.mozilla) {
		$(window).unload(function() {});
	//}
	
    $('a').live('click',function() {
        
        var t = $(this);
        if(t.hasClass('nc')==false && t.attr('target')!='_blank')
        {
            $('#loader').fadeIn(500,function(){ window.location=t.attr('href');});
            return false;
        }
        
      
    });
    
    $('.gallery img').each(function(index) {
        if ($(this).height()==156)
            $(this).remove();
    });
	
	
	$(function(){
		/*$(document).scroll(function(){
			console.log($('body').scrollTop());
			window.scrollTo(0,0);
			console.log($('body').scrollTop());
			$(document).unbind("scroll");
		});*/
	});
</script>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-32126395-1']);
  _gaq.push(['_setDomainName', 'necon.pl']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-4743085-2']);
  _gaq.push(['_setDomainName', 'necon.pl']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>


</body></html>