<?php
/*
Template Name: Parallax naslovna
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='https://fonts.googleapis.com/css?family=Ultra' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/jquery.minimalect-home.css" type="text/css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/skin.css" type="text/css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/fireworks.css" type="text/css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/prettyCheckable.css" type="text/css" />
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />

<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<meta property="og:title" content="Management Trainee | CC Hellenic"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://management-trainee.rs/"/>
<meta property="og:image" content="<?php echo get_template_directory_uri(); ?>/images/hellenic_logo.png"/>
<meta property="og:site_name" content="Management Trainee | CC Hellenic"/>
<meta property="og:description" content="Prijavi se i postani Management Trainee kompanije Coca-Cola Hellenic! Ovo je tvoja avantura!"/>
<!--<script src="<?php echo get_template_directory_uri(); ?>/js/modernizr-2.6.2.min.js"></script>-->
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/soundmanager.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/fireworks.js"></script>
<title>Management Trainee | Coca-Cola Hellenic</title>
</head>

<body>
<!--<div id="sound"></div>-->

<div id="fireworks-template">
 <div id="fw" class="firework"></div>
 <div id="fp" class="fireworkParticle"><img src="<?php echo get_template_directory_uri(); ?>/image/particles2.gif" alt="" /></div>
</div>

<div id="fireContainer"></div>
<!--<a style="position: fixed; z-index: 999" href="#" onclick="fireworks_start();return false" title="vatromet!">Vatromet!!!</a>-->
<div class="contenedor">

<div id="menu_start_trigger" class="scrollblock"></div>
<div id="menu_upoznaj_trigger" class="scrollblock"></div>
<div id="menu_prioni_trigger" class="scrollblock"></div>
<div id="menu_pokazi_trigger" class="scrollblock"></div>
<div id="menu_povedi_trigger" class="scrollblock"></div>
<div id="menu_avantura_trigger" class="scrollblock"></div>

<div id="cc_autic"><div class="autic"><img src="<?php echo get_template_directory_uri(); ?>/images/autic.png" alt="Autić" /></div></div>
<div id="cc_autic_full"><div class="autic_full"><img src="<?php echo get_template_directory_uri(); ?>/images/autic.png" alt="Autić Pun" /></div></div>

<div id="cc_failed_autic"><img src="<?php echo get_template_directory_uri(); ?>/images/autic_horizontal.png" alt="Autić" /></div> 
<div id="cc_vozilo">
  <div class="kombi"><img src="<?php echo get_template_directory_uri(); ?>/images/kombi.png" alt="Kombi" /></div>
</div>
  <!-- FINISH STAGE -->
<div class="scrollblock" id="ready-for-adventure"></div> 
   <div class="krug_finish krug_flasa_2"><div><img src="<?php echo get_template_directory_uri(); ?>/images/krug_flasa_2.png" alt="Coca-cola" /></div></div>
   <div class="krug_finish krug_flasa_1"><div><img src="<?php echo get_template_directory_uri(); ?>/images/krug_flasa_1.png" alt="Coca-cola" /></div></div>
   <div class="krug_finish krug_radost"><a href="#">Share</a></div>
   <div class="krug_finish krug_blog"><a href="<?php echo get_option('home'); ?>/?cat=2">Management<br />Trainee<br /><span class="blog">Blog</span></a></div>
   <div class="krug_finish krug_prijava">
    <select class="sektor">
    	<option value="">-- Izaberi Sektor --</option>
    	<option value="1">Proizvodnja</option>
      <option value="2">Logistika</option>
      <option value="3">Prodaja</option>
    </select>
   	<a class="prijavi-se" href="<?php echo get_option('home'); ?>/?page_id=16">Prijavi<br />se</a>
   </div>
  
  <!-- STAGE 4 - Ovo je tvoja avantura -->
  <div id="cc_mask_logo"><img src="<?php echo get_template_directory_uri(); ?>/images/cc_talas.png" /></div>
  <div id="tvoja_avantura"></div>
  <div class="ready_for_adventure"><img src="<?php echo get_template_directory_uri(); ?>/images/ready_for_adventure.png" alt="readyforadventure" /></div>
  <div class="ready_for_adventure_text_1"><img src="<?php echo get_template_directory_uri(); ?>/images/finish_1.png" alt="Avantura tek počinje" /></div>
  <div class="ready_for_adventure_text_2"><img src="<?php echo get_template_directory_uri(); ?>/images/finish_2_red.png" alt="Destinacija zavisi od tebe" /></div>
  
  <div class="talasi_3"></div>
  <div class="talasi_2"></div>
  <div class="talasi_1"></div>
  <div class="tunel_4"></div>
  <div class="traka_krugovi_41"></div>
  <div class="traka_krugovi_42"></div>
  
  <div class="text_bubble_6 text_bubble">
  	Kao <b><font color="#E21E26">Management<br>
Trainee</font></b> tvoj finalni<br>
zadatak tokom poslednjih 6<br>
meseci u programu biće da<br>
<b><font color="#E21E26">okupiš tim oko projekta i povedeš<br>
ih u realizaciju.</font></b> Ovo je period kada<br>
ćeš uz ostale rukovodioce učiti o<br>
liderstvu, motivisanju i angažovanju<br>
članova tima. Uloga lidera je<br>
ujedno i tvoj poslednji izazov u<br>
programu.Vidiš li sebe kao<br>
budućeg lidera Coca-Cola<br>
Hellenic? <b><font color="#E21E26">Poslovni iza-<br>
zovi čekaju na tebe!</font></b>
  </div>

  <div class="video video_04">
  	<a class="fancybox_video" href="http://www.youtube.com/watch?v=oxORrSixET4"><img src="<?php echo get_template_directory_uri(); ?>/images/Vladimir-Jokanovic-CCHellenic-Management-Trainee.png" alt="Vladimir Jokanović" /></a>
  </div>
  <div class="hellenic_krug_3"><img src="<?php echo get_template_directory_uri(); ?>/images/hellenic_bedz_2.png" alt="Hellenic bedz" /></div>
  
  <!-- STAGE 3 - POVEDI TIM -->
  <div class="take_the_lead_man take_the_lead_man_1"><img src="<?php echo get_template_directory_uri(); ?>/images/take_the_lead_man_1.png" alt="Take the Lead" /></div>
  <div class="take_the_lead_man take_the_lead_man_2"><img src="<?php echo get_template_directory_uri(); ?>/images/take_the_lead_man_2.png" alt="Take the Lead" /></div>
  <div class="take_the_lead_man take_the_lead_man_3"><img src="<?php echo get_template_directory_uri(); ?>/images/take_the_lead_man_3.png" alt="Take the Lead" /></div>
  
  <div id="povedi_tim"></div>
  <div class="planine_4"></div>
  <div class="planine_3"></div>
  <div class="planine_2"></div>
  <div class="planine_1"></div>
  <div class="tunel_3"></div>
  <div class="traka_krugovi_31"></div>
  <div class="traka_krugovi_32"></div>
  
	<div class="text_bubble_4 text_bubble">
  	U narednih<br>
godinu dana očekuje te<br>
<b><font color="#E21E26">upravljanje nekim od<br>
ključnih projekata iz biznis<br>
plana, rad u različitim sektorima,<br>
posete i privremeni rad u nekoj od<br>
zemalja Coca-Cola Hellenic grupe.</font></b><br>
Posao iz dana u dan postaje zahtevni-<br>
ji, a tvoja inovativnost, sposobnost da<br>
brzo učiš i utičeš na druge dolazi do<br>
izražaja. Tvoj najveći izazov u ovom<br>
periodu biće da ubediš druge da<br>
je tvoja ideja ono u šta treba da<br>
se ulaže. <b><font color="#E21E26">Ovo je tvoja<br>
velika šansa!</font></b>
  </div>
  
  <div class="video video_03">
  	<a class="fancybox_video" href="http://www.youtube.com/watch?v=woH3ZcDrojE"><img src="<?php echo get_template_directory_uri(); ?>/images/Bojana-Jamedzija-CCHellenic-Management-Trainee.png" alt="Bojana Jamedžija" /></a>
  </div>
  <div class="hellenic_krug_2"><img src="<?php echo get_template_directory_uri(); ?>/images/hellenic_bedz_2.png" alt="Hellenic bedz" /></div>
  
  
  <!-- STAGE 2 - PRIONI NA POSAO -->
  <div class="tabla_pokazi_sta_znas">
  	<img src="<?php echo get_template_directory_uri(); ?>/images/tabla_pokazi_sta_znas.png" alt="Pokaži šta znaš" />
  </div>
  <div class="video video_pokazi_sta_znas">
  	<a class="fancybox_video" href="http://www.youtube.com/watch?v=xBqV52j2DW0"><img src="<?php echo get_template_directory_uri(); ?>/images/Nikola-Trajkovic-CCHellenic-Management-Trainee.png" alt="Nikola Trajković" /></a>
  </div>
  <div class="mostic_pokazi_sta_znas">
  	<img src="<?php echo get_template_directory_uri(); ?>/images/most.png" alt="Video" />
  </div>
  <div class="tabla_prioni_na_posao">
  	<img src="<?php echo get_template_directory_uri(); ?>/images/tabla-PrioniNaPosao.png" alt="Prioni na posao" />
  </div>
  <div class="brod_prioni_na_posao">
  	<img src="<?php echo get_template_directory_uri(); ?>/images/brod.png" alt="CC brodić" />
  </div>
  
  
  <div class="text_bubble_pokazi_sta_znas text_bubble">
  	Kako izgleda<br>
posao u kompaniji<br>
<b>Coca-Cola Hellenic</b>? Ovo<br>
će biti tvoj sledeći izazov.<br>
Radeći rame uz rame sa kole-<br>
gama naučićeš sve o <b>procesima,<br>
timskom radu, rešavanju problema i<br>
donošenju odluka zasnovanih na<br>
poslovnim analizama</b>.Upoznajući<br>
svakodnevni posao tvoja sprem-<br>
nost za izazove postajaće veća iz<br>
dana u dan. I već nakon 2-3<br>
meseca novi izazov biće<br>
stavljen pred tebe.<br>
<b>Saznaj koji!</b> 
  </div>
  
  <div id="pokazi_sta_znas"></div>
  <div id="prioni_na_posao"></div>
  <div class="zgrade_3"></div>
  <div class="zgrade_2"></div>
  <div class="zgrade_1"></div>
  <div class="tunel_2"></div>
  <div class="traka_krugovi_21"></div>
  <div class="traka_krugovi_22"></div>
  
  <div class="text_bubble_3 text_bubble">
  	Kao <b><font color="#E21E26">Management<br>
Trainee</font></b> tvoj prvi zadatak<br>
biće da upoznaš sektore i<br>
službe kompanije, misiju, viziju i<br>
vrednosti, principe poslovanja,<br>
ljude koji pokreću i vode poslova-<br>
nje. <b><font color="#E21E26">Prodaja, Marketing, Proizvod-<br>
nja, Logistika, Ljudski resursi,<br>
Finansije, PR</font></b> postaće za tebe<br>
poznat teren i karike koje se uve-<br>
zuju u smislen proces poslova-<br>
nja. Želiš da budeš master u<br>
bilo kojoj od ovih oblasti?<br>
<b><font color="#E21E26">Evo prilike</font></b> :)
  </div>
  <div class="video video_02">
  	<a class="fancybox_video" href="http://www.youtube.com/watch?v=zyWsEF7t8J8"><img src="<?php echo get_template_directory_uri(); ?>/images/Danijela-Saranovic-CCHellenic-Management-Trainee.png" alt="Danijela Šaranović" /></a>
  </div>
  <div class="hellenic_krug"><img src="<?php echo get_template_directory_uri(); ?>/images/hellenic_bedz.png" alt="Hellenic bedz" /></div>
  
	<div class="quiz_bubble">
  	Šta tebe pokreće?
    <div class="answers">
    	<div class="answer"><input type="radio" class="quiz_answer" name="quiz" value="sigurnost" autocomplete="off" />Sigurnost</div>
    	<div class="answer"><input type="radio" class="quiz_answer" name="quiz" value="plata" autocomplete="off" />Velika plata</div>
			<div class="answer"><input type="radio" class="quiz_answer" name="quiz" value="izazov" autocomplete="off" />Izazov</div>
    </div>
  </div>
  
  
  
  <div class="quiz_bubble_1"></div>
  <div class="quiz_bubble_2"></div>
  <div class="raindrop"></div> 

  <div class="covek_start"><img src="<?php echo get_template_directory_uri(); ?>/images/cikica.png" alt="Čikica" /></div>
  <div class="cocacola_truck"><img src="<?php echo get_template_directory_uri(); ?>/images/cocacola_truck.png" alt="Cocacola truck" /></div>
  
  <div class="adventure_begins"><img src="<?php echo get_template_directory_uri(); ?>/images/tabla-AvanturaPocinje.png" alt="Adventure begins" /></div>
  
  <div id="kofer_slider">
  	<ul id="slider" class="jcarousel-skin-tango">
    	<li>Da li si pri kraju studija ili si već zavrsio faks? Možda si već počeo negde da radiš, ali imaš ne više od 2 godine radnog iskustva?</li>
      <li>Bio si aktivan član studentskih organizacija, volontirao si, bio na praksama tokom studija? Smatraš da možeš da brzo učiš i motivišeš ljude oko sebe na akciju?</li>
      <li>Želiš da postigneš vrhunske rezultate? Razmišljaš da upišeš postdiplomske studije ili master, ali i veruješ da se najbolje uči kroz rad?</li>
      <li>Hej, pa ti već imaš sve što je potrebno Prijavi se za Coca-Cola Hellenic Management Trainee program. Avantura može da počne.</li>
    </ul>
  </div>
  <div class="video video_01">
		<a class="fancybox_video" href="http://www.youtube.com/watch?v=rA-mXIVSO0M"><img src="<?php echo get_template_directory_uri(); ?>/images/Ninoslav-Stojsavljevic-CCHellenic-Management-Trainee.png" alt="Ninoslav Stojsavljević" /></a>
  </div>
  
  <div id="avantura_pocinje"></div>
  
  <div class="oblaci_13"></div>
  <div class="oblaci_12"></div>
  <div class="oblaci_11"></div>
	<div class="tunel_1"></div>
  <div class="traka_krugovi_11"></div>
  <div class="traka_krugovi_12"></div>
  
  <div class="scroll_top_helper"><img src="<?php echo get_template_directory_uri(); ?>/images/scroll_to_top.png" title="Scroll to top" alt="Scroll to top" /></div>
  
  <div id="start"></div>
  
  <div class="mainmenu_area">
  	<a href="#" class="social facebook" title="facebook"><img src="<?php echo get_template_directory_uri(); ?>/images/facebook.png" title="facebook" alt="facebook" /></a>
    <a href="#" class="social twitter" title="twitter"><img src="<?php echo get_template_directory_uri(); ?>/images/twitter.png" title="twitter" alt="twitter" /></a>
    <a href="#" class="social linkedin" title="linkedin"><img src="<?php echo get_template_directory_uri(); ?>/images/linkedin.png" title="linkedin" alt="linkedin" /></a>
    
    <div class="menu_flag"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_active.png" /></div>
    <ul class="mainmenu">
    	<li><a data-speed="2000" data-menu="start" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_start.png" title="Start" alt="Start" /></a></li>
      <li><a data-speed="3000" data-menu="avantura_pocinje" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_upoznaj.png" title="Upoznaj Coca Cola Hellenic" alt="Upoznaj Coca Cola Hellenic" /></a></li>
      <li><a data-speed="3000" data-menu="prioni_na_posao" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_prioni.png" title="Prioni na posao" alt="Prioni na posao" /></a></li>
      <li><a data-speed="1500" data-menu="pokazi_sta_znas" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_pokazi.png" title="Pokaži šta znaš" alt="Pokaži šta znaš" /></a></li>
      <li><a data-speed="4000" data-menu="povedi_tim" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_povedi.png" title="Povedi tim" alt="Povedi tim" />Povedi tim</a></li>
      <li><a data-speed="5000" data-menu="tvoja_avantura" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/mainmenu_tvoja_avantura.png" title="Ovo je tvoja avantura!" alt="Ovo je tvoja avantura!" /></a></li>
    </ul>
  </div>

   	<div id="social_share">
      <a onclick="
    window.open(
      'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 
      'facebook-share-dialog', 
      'width=626,height=436'); 
    return false;" href="#"><img src="<?php echo get_template_directory_uri(); ?>/images/share_facebook.png" title="facebook" alt="facebook" /></a>
      <a href="javascript:(function(){window.twttr=window.twttr||{};var D=550,A=450,C=screen.height,B=screen.width,H=Math.round((B/2)-(D/2)),G=0,F=document,E;if(C&gt;A){G=Math.round((C/2)-(A/2))}window.twttr.shareWin=window.open('http://twitter.com/share','','left='+H+',top='+G+',width='+D+',height='+A+',personalbar=0,toolbar=0,scrollbars=1,resizable=1');E=F.createElement('script');E.src='http://platform.twitter.com/bookmarklets/share.js?v=1';F.getElementsByTagName('head')[0].appendChild(E)}());"><img src="<?php echo get_template_directory_uri(); ?>/images/share_twitter.png" title="twitter" alt="twitter" /></a>
      <a href="http://www.linkedin.com/shareArticle?mini=true&url=http://management-trainee.rs/&title=Management+Trainee&summary=Prijavi%20se%20i%20postani%20Management%20Trainee%20kompanije%20Coca-Cola%20Hellenic!%20Ovo%20je%20tvoja%20avantura!&source=management-trainee.rs" rel="nofollow" onclick="NewWindow(this.href,'template_window','550','400','yes','center');return false" onfocus="this.blur()" target="_blank"><img src="<?php echo get_template_directory_uri(); ?>/images/share_linkedin.png" title="likedin" alt="likedin" /></a>
      <a target="_blank" href="//pinterest.com/pin/create/button/?url=http%3A%2F%2Fmanagement-trainee.rs%2F&media=<?php echo get_template_directory_uri(); ?>/images/hellenic_logo.png&description=Prijavi%20se%20i%20postani%20Management%20Trainee%20kompanije%20Coca-Cola%20Hellenic!%20Ovo%20je%20tvoja%20avantura!" data-pin-do="buttonPin" data-pin-config="above"><img src="<?php echo get_template_directory_uri(); ?>/images/share_pinterest.png" title="pinterest" alt="pinterest" /></a>
    </div>
    
    <div class="cc_overlay"></div>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="_/js/jquery-1.9.1.min.js"><\/script>')</script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/greensock/TweenMax.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/js/prettyCheckable.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.queryloader2.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.minimalect.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.superscrollorama.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.jcarousel.min.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.fancybox.js?v=2.1.5" type="text/javascript"></script>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery.fancybox-media.js?v=1.0.6" type="text/javascript"></script>

<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
 window.location.href = '<?php echo get_option('home'); ?>/?cat=2';
}
function fireworks_start () {
	createFirework(25,187,5,1,50,100,30,30,false,true);
	setTimeout(function() { createFirework(13,117,4,1,50,100,70,60,false,true); }, 200);
	setTimeout(function() { createFirework(42,212,6,1,50,100,90,5,false,true); }, 2000);
	setTimeout(function() { createFirework(10,107,3,1,50,100,10,70,false,true); }, 1000);	
}
$("body").queryLoader2({
	barColor: "transparent",
	backgroundColor: "#ec1c15",
	//percentage: true,
	barHeight: 550,
	completeAnimation: "grow",
	minimumTime: 7000
});

var getVert;

$(window).scroll(function()
{
    getVert = $(this).scrollTop();
    //console.log(getVert);
		if ((getVert > 1359) && (getVert < 1371)) {
			//alert('vatromet BOOM');
			setTimeout(function() { fireworks_start (); }, 700);
		}
		if ((getVert > 	6060) && (getVert < 6125)) {
			//$('#cc_autic').hide();
			//$('#cc_autic_full').show();
			//alert('vatromet BOOM');
			$('#cc_autic_full').css({opacity: 1});
		}
});

$(document).ready(function() {
	
var controller = $.superscrollorama({
	//reverse: false
	//triggerAtCenter: false
	playoutAnimations: true
});

// $(".menu_flag").css({marginLeft: '-329px', left: '50%'});

function startCC(id, scroll_speed){
	id = id.replace("link", "");
	$('html,body').animate({
		scrollTop: $("#"+id).offset().top+1},
		{
			easing: 'swing',
			duration: scroll_speed,
			complete: function(){}
		});
}
// This is a functions that scrolls to #{blah}link
function goToByScroll(id, scroll_speed, typeScroll){
			// Remove "link" from the ID
		id = id.replace("link", "");
		
		var scroll_dest = $("#"+id).offset().top;
		var win_height = $(window).height();
		var minus_val = win_height/2;
		//alert(minus_val);
			// Scroll
		$('html,body').animate({
				scrollTop: scroll_dest-minus_val},
			 {
				 easing: 'swing',
				 duration: scroll_speed
				});
}

function fade_in_text() {
	$('.ready_for_adventure_text_1').fadeOut(100);
	$('.ready_for_adventure_text_2').fadeIn(1000);
}
function fade_out_text() {
	$('.ready_for_adventure_text_2').fadeOut(100);
	$('.ready_for_adventure_text_1').fadeIn(1000);
}
	
	// INITS
  $('input.quiz_answer').prettyCheckable({
    color: 'red'
  });
	$(".sektor").minimalect({
				placeholder: "Izaberi sektor",
				onchange: function(value, text) {
						//var selected_sektor = value;
						var get_url = $('.prijavi-se').attr('href');
						var myArray = get_url.split('=16');

						get_url = myArray[0] + '=16&sektor=' + value;
						//alert (get_url);
						$('.prijavi-se').attr('href', get_url);
				}
		});
	if (typeof(soundManagerInit)!='undefined') soundManagerInit();
	$('#slider').jcarousel({
		scroll: 1
	});
	$('.fancybox_video')
			.fancybox({
				arrows : false,
				padding: 0,
				openEffect : 'elastic',
				openSpeed  : 150,
				closeEffect : 'elastic',
				closeSpeed  : 150,
				closeClick : true,
				helpers : {
					media : {},
					overlay : null
				}
			});
	startCC ("start", 6700);
	// end INITS
		
		controller.addTween('.scroll_top_helper', TweenMax.fromTo( $('.scroll_top_helper'), .25, {css:{opacity:0}, immediateRender:true, ease:Quad.easeInOut}, {css:{opacity:0.8}, ease:Quad.easeInOut}), -100, 150);
				
		// Gas Station drops
		controller.addTween('.raindrop', TweenMax.fromTo( $('.raindrop'), .25, {css:{opacity:1}, ease:Quad.easeInOut}, {css:{opacity:0}, ease:Quad.easeInOut}), 0, 150);
		controller.addTween('.quiz_bubble_1', TweenMax.fromTo( $('.quiz_bubble_1'), .25, {css:{opacity:1}, ease:Quad.easeInOut}, {css:{opacity:0}, ease:Quad.easeInOut}), 0, 150);
		controller.addTween('.quiz_bubble_2', TweenMax.fromTo( $('.quiz_bubble_2'), .25, {css:{opacity:1}, ease:Quad.easeInOut}, {css:{opacity:0}, ease:Quad.easeInOut}), 0, 150);
		controller.addTween('.quiz_bubble', TweenMax.fromTo( $('.quiz_bubble'), .25, {css:{opacity:1}, ease:Quad.easeInOut}, {css:{opacity:0}, ease:Quad.easeInOut}), 0, 450);
			
			/*controller.addTween('.covek_start', TweenMax.fromTo( $('.covek_start'), 1, {css:{marginLeft:30}, immediateRender:true}, {css:{marginLeft:200}}), 0, 200);
			controller.addTween('.covek_start', TweenMax.fromTo( $('.covek_start'), .25, {css:{opacity:0}, immediateRender:true}, {css:{opacity:1}}), 0, 180);*/
		
		// Autić vozi do kviz pitanja
		var pinDurAutic = 500;
		var pinAnimationsAutic = new TimelineLite();
		controller.pin($('#cc_autic'), pinDurAutic, {
			anim:pinAnimationsAutic,
			offset: -250,
			pushFollowers: false
		});
		
		// QUIZ 
		$('input.quiz_answer').change(function () {
				$('#cc_autic').hide();
				$('html,body').animate({
				scrollTop: 6040},
				{
					easing: 'swing',
					duration: 100,
					complete: function(){}
				});
				if ($(this).attr('value') == "izazov") {
					$('.quiz_bubble').html('Tvoja avantura počinje!');
					$('#cc_failed_autic').hide();

					$('.covek_start').animate({
							marginLeft: '30px'
					}, 400, function() {
							$('.covek_start').fadeOut(100);
					});
					// Remove empty car
					controller.removePin($('#cc_autic'));
					
					// Add full car
					$('#cc_autic_full').show();
					$('#cc_autic_full').css({opacity: 1});
					controller.pin($('#cc_autic_full'), 2825, {
						anim: new TimelineLite(),
						offset: -250,
						onPin: function() {
							
						},
						pushFollowers: false
					});

					$('#cc_vozilo').show();
					$('.take_the_lead_man').show();
					
				} else {
					$('.quiz_bubble').html('Ovo nije avantura za tebe');
					$('#cc_failed_autic').css({marginLeft: '-109px', opacity: 1});
					$('#cc_vozilo').hide();
					$('.take_the_lead_man').hide();
					$('#cc_failed_autic').animate({
							marginLeft: '-1170px'
					}, 1800);
				}
				setTimeout(function() {
					$('.quiz_bubble').fadeOut(300);
					$('.quiz_bubble_1').fadeOut(600);
					$('.quiz_bubble_2').fadeOut(900);
					$('.raindrop').fadeOut(1200);
				}, 1300);
		});
		
		// Kombi - povedi tim	
		var pinDur = 1472;
		var pinAnimations = new TimelineLite();				
		controller.pin($('#cc_vozilo'), pinDur, {
			anim:pinAnimations,
			offset: -250,
			onPin: function() {
				fade_out_text ();
			},
			onUnpin: function() {
				fade_in_text ();
				//setTimeout(function() { fireworks_start (); }, 700);
			}
		});
		
	// Coca-Cola autić koji prilazi sa leva
	controller.addTween('.cocacola_truck', TweenMax.from( $('.cocacola_truck'), 1, {css:{marginLeft:'164px'}, ease:Quad.easeInOut}), 1000, -130);
	
	// Brodić kroz reku
	controller.addTween('.brod_prioni_na_posao', TweenMax.from( $('.brod_prioni_na_posao'), 11, {css:{marginLeft:'935px'}, ease:Linear.easeNone	}), 0, 800);
		
	// Tunel 1
	controller.addTween(
		'.tunel_1',
		(new TimelineLite())
			.append([
				TweenMax.fromTo( $('.traka_krugovi_11'), 3	, {css:{top: 7170}, immediateRender:true}, {css:{top: 7240}, ease:Linear.easeNone}),
				TweenMax.fromTo( $('.traka_krugovi_12'), 2	, {css:{top: 7176}, immediateRender:true}, {css:{top: 7269}, ease:Linear.easeNone}),
				TweenMax.fromTo($('.oblaci_12'), 5, 
					{css:{top: 6883}, immediateRender:true, ease:Linear.easeNone}, 
					{css:{top: 6773}}),
				TweenMax.fromTo($('.oblaci_13'), 5, 
					{css:{top: 6867}, immediateRender:true, ease:Linear.easeNone}, 
					{css:{top: 6698}})
			]),	
		1400,
		-250
	);
		
	// Tunel 2
	controller.addTween(
		'.tunel_2',
		(new TimelineLite())
			.append([
				TweenMax.fromTo( $('.traka_krugovi_21'), 2	, {css:{top: 5328}, immediateRender:true}, {css:{top: 5548}, ease:Linear.easeNone}),
				TweenMax.fromTo( $('.traka_krugovi_22'), 2	, {css:{top: 5335}, immediateRender:true}, {css:{top: 5575}, ease:Linear.easeNone}),
				TweenMax.fromTo($('.zgrade_3'), 2, 
					{css:{top: 5058}, immediateRender:true},
					{css:{top: 5028}}), 
				TweenMax.fromTo($('.zgrade_2'), 2, 
					{css:{top: 5090}, immediateRender:true},
					{css:{top: 5000}}), 
				TweenMax.fromTo($('.zgrade_1'), 2, 
					{css:{top: 5074}, immediateRender:true},
					{css:{top: 4964}})
			]),
		2000,
		-200
	);
	
	// Tunel 3
	controller.addTween(
		'.tunel_3',
		(new TimelineLite())
			.append([
				TweenMax.fromTo( $('.traka_krugovi_31'), 2	, {css:{top: 3760}, immediateRender:true}, {css:{top: 3860}, ease:Linear.easeNone}),
				TweenMax.fromTo( $('.traka_krugovi_32'), 2	, {css:{top: 3801}, immediateRender:true}, {css:{top: 3891}, ease:Linear.easeNone}),
				TweenMax.fromTo($('.planine_4'), 2, 
					{css:{top: 3516}, immediateRender:true},
					{css:{top: 3443}}),
				TweenMax.fromTo($('.planine_3'), 2, 
					{css:{top: 3456}, immediateRender:true},
					{css:{top: 3406}}), 
				TweenMax.fromTo($('.planine_2'), 2, 
					{css:{top: 3473}, immediateRender:true},
					{css:{top: 3403}}), 
				TweenMax.fromTo($('.planine_1'), 2, 
					{css:{top: 3488}, immediateRender:true},
					{css:{top: 3431}})
			]),
		1400,
		-100
	);
	
	// Tunel 4
	controller.addTween(
		'.tunel_4',
		(new TimelineLite())
			.append([
				TweenMax.fromTo( $('.traka_krugovi_41'), 2	, {css:{top: 2371}, immediateRender:true}, {css:{top: 2471}, ease:Linear.easeNone}),
				TweenMax.fromTo( $('.traka_krugovi_42'), 2	, {css:{top: 2371}, immediateRender:true}, {css:{top: 2531}, ease:Linear.easeNone}),
				TweenMax.fromTo($('.talasi_3'), 2, 
					{css:{top: 2060}, immediateRender:true},
					{css:{top: 1988}}), 
				TweenMax.fromTo($('.talasi_2'), 2, 
					{css:{top: 2080}, immediateRender:true},
					{css:{top: 2008}}), 
				TweenMax.fromTo($('.talasi_1'), 2, 
					{css:{top: 2069}, immediateRender:true},
					{css:{top: 2029}})
			]),
		1600,
		-150
	);
			
	// Ukrcavanje u kombi - povedi tim
	controller.addTween('.take_the_lead_man_1', TweenMax.fromTo( $('.take_the_lead_man_1'), 1, {css:{marginLeft:80}, immediateRender:true}, {css:{marginLeft:204}}), 360, 65);
	controller.addTween('.take_the_lead_man_1', TweenMax.fromTo( $('.take_the_lead_man_1'), .10, {css:{opacity:0}, immediateRender:true}, {css:{opacity:1}}), 0, 145);
	controller.addTween('.take_the_lead_man_2', TweenMax.fromTo( $('.take_the_lead_man_2'), 1, {css:{marginLeft:80}, immediateRender:true}, {css:{marginLeft:280}}), 370, 65);
	controller.addTween('.take_the_lead_man_2', TweenMax.fromTo( $('.take_the_lead_man_2'), .10, {css:{opacity:0}, immediateRender:true}, {css:{opacity:1}}), 0, 145);
	controller.addTween('.take_the_lead_man_3', TweenMax.fromTo( $('.take_the_lead_man_3'), 1, {css:{marginLeft:80}, immediateRender:true}, {css:{marginLeft:350}}), 380, 65);
	controller.addTween('.take_the_lead_man_3', TweenMax.fromTo( $('.take_the_lead_man_3'), .10, {css:{opacity:0}, immediateRender:true}, {css:{opacity:1}}), 0, 145);
	
	// CC wave animation
	controller.addTween('#cc_mask_logo', TweenMax.fromTo( $('#cc_mask_logo'), .25, {css:{opacity:1}, immediateRender:true}, {css:{opacity:0}}), 200, 200);
	
	// End circles animation
	controller.addTween('.krug_prijava', TweenMax.fromTo( $('.krug_prijava'), .25, {css:{opacity:1, rotation: 720}, immediateRender:true, ease:Quad.easeInOut}, {css:{opacity:0, rotation: 0}, ease:Quad.easeInOut}), 0, 500);
	controller.addTween('.krug_blog', TweenMax.fromTo( $('.krug_blog'), .25, {css:{opacity:1, rotation: 720}, immediateRender:true, ease:Quad.easeInOut}, {css:{opacity:0, rotation: 0}, ease:Quad.easeInOut}), 0, 500);
	controller.addTween('.krug_radost', TweenMax.fromTo( $('.krug_radost'), .25, {css:{opacity:1, rotation: 720}, immediateRender:true, ease:Quad.easeInOut}, {css:{opacity:0, rotation: 0}, ease:Quad.easeInOut}), 0, 500);
	controller.addTween('.krug_flasa_1', TweenMax.fromTo( $('.krug_flasa_1'), .25, {css:{display: 'block', rotation: 720}, immediateRender:true, ease:Quad.easeInOut}, {css:{display: 'none', rotation: 0}, ease:Quad.easeInOut}), 0, 500);
	controller.addTween('.krug_flasa_2', TweenMax.fromTo( $('.krug_flasa_2'), .25, {css:{opacity:1, rotation: 720}, immediateRender:true, ease:Quad.easeInOut}, {css:{opacity:0, rotation: 0}, ease:Quad.easeInOut}), 0, 500);
	
	// Main menu nav
	$('.mainmenu a').click(function() {
		var scroll_to = $(this).attr('data-menu');
		var scroll_speed = $(this).attr('data-speed');
		scroll_speed = parseInt(scroll_speed);
		goToByScroll(scroll_to, scroll_speed, 0);
		return false;
	});
	
	var current_end = 8100 - ($(window).height()/2);
	var last_menu_tween = current_end - 6518;
	//alert(last_menu_tween);
	//alert($(window).height()/2 + ' - ' + $('#start').offset().top);
	controller.addTween('#tvoja_avantura', TweenMax.fromTo( $('.menu_flag'), 1, {css:{marginLeft: '312px'}, immediateRender:true}, {css:{marginLeft: '184px'}, ease:Quad.easeInOut}), 1590);
	controller.addTween('#povedi_tim', TweenMax.fromTo( $('.menu_flag'), 1, {css:{marginLeft: '184px'}, immediateRender:true}, {css:{marginLeft: '55px'}, ease:Quad.easeInOut}), 1427);
	controller.addTween('#pokazi_sta_znas', TweenMax.fromTo( $('.menu_flag'), 1, {css:{marginLeft: '55px'}, immediateRender:true}, {css:{marginLeft: '-74px'}, ease:Quad.easeInOut}), 795);
	controller.addTween('#prioni_na_posao', TweenMax.fromTo( $('.menu_flag'), 1, {css:{marginLeft: '-74px'}, immediateRender:true}, {css:{marginLeft: '-201px'}, ease:Quad.easeInOut}), 1606);
	controller.addTween('#avantura_pocinje', TweenMax.fromTo( $('.menu_flag'), 1, {css:{marginLeft: '-201px'}, immediateRender:true}, {css:{marginLeft: '-329px'}, ease:Quad.easeInOut}), last_menu_tween);


	$('.social_share_facebook').click(function() {
		postToWall();
		return false;	
	});
		
	$('.krug_radost a').click(function() {
		var offset_radost = $('.krug_radost').offset();
		$('.cc_overlay').show();
		$("#social_share").css({'z-index':'1777'}).animate({opacity: 1, width: '209px', height: '209px', marginLeft: '-40px', padding: '70px', top: '140px'}, 400);
		$("#social_share a").animate({width: '95px', height: '95px'}, 400);
		return false;
	});
	$('.cc_overlay').click(function() {
		//$('#social_share').hide();
		$("#social_share").css({'z-index':'1'}).animate({opacity: 0, width: '1px', height: '1px', marginLeft: '-175px', padding: '0px', top: '348px'}, 400);
		$("#social_share a").animate({width: '1px', height: '1px'}, 400);
		$(this).hide();
		return false;
	});

		
});
</script>

</body>
</html>
