$(document).ready(function(){
	
	/* BACKGROUND */
	var b_img_w=$("#back_image img").width();
	$("#back_image img").css({
		"left":"50%",
		"margin-left":-(Math.round(b_img_w/2))+"px"
	});
	
	$("#grafika").height($("#wrapper").height()+80);
	/* BACKGROUND */
	
	/* CONTENT CORNER */
	$(".corner").corner("6px");
	/* CONTENT CORNER */
	
	
	$(".more_btn").mouseover(function(){
		$(this).attr('src','/img/template/more_btn_over.png');
	}).mouseleave(function(){
		$(this).attr('src','/img/template/more_btn.png');
	});
	
	$("a.popup").fancybox({
		'speedIn'		:	200, 
		'speedOut'		:	200, 
		'overlayShow'	:	false,
		'titleShow'		:	false,
		'hideOnContentClick'	:	true,
		'padding'		:	5
	});
	
	var anim_time=600;
	var anim_easing='';
	$("#problem_btn").click(function(){		
		
		$('.btns').removeClass('active');
		$(this).addClass('active');
		
		$('#sliding_holder').animate({
			marginLeft	:	'0px'
		},anim_time,anim_easing);
	});
	$("#resitev_btn").click(function(){	
	
		$('.btns').removeClass('active');
		$(this).addClass('active');
		
		$('#sliding_holder').animate({
			marginLeft	:	'-700px'
		},anim_time,anim_easing);
	});
	$("#rezultat_btn").click(function(){
	
		$('.btns').removeClass('active');
		$(this).addClass('active');
	
		$('#sliding_holder').animate({
			marginLeft	:	'-1400px'
		},anim_time,anim_easing);
	});
	
	$(".left_right .left").click(function(){
		$('.btns.active').prev('.btns').click();
	});
	$(".left_right .right").click(function(){
		$('.btns.active').next('.btns').click();
	});
	
	$('#predvajaj_video_btn, #predvajaj_blue').click(function(){
		$.fancybox({
			'speedIn'				:	200, 
			'speedOut'				:	200, 
			'overlayShow'			:	false,
			'titleShow'				:	false,
			'hideOnContentClick'	:	true,
			'padding'				:	5,
			'overlayShow'			:	true,
			'overlayOpacity'		:	0.4,
			'overlayColor'			:	"#000",
			'content'				:	$("#popup").html()
		});
		
		return false;
	});
});

//APP

var fade_time=1000;
var time_out=1500;

var arr=new Array();
arr[0]="#priprava";
arr[1]="#proizvodnja";
arr[2]="#dodelava";
arr[3]="#skladisce";
arr[4]="#cistilna";
arr[5]="#energetika";

var num=0;
var max=arr.length-1;

$(window).load(function(){
	setTimeout('startAppAnimation()',300);
});


function startAppAnimation(){
	if(num>max)
		num=0;
	$(arr[num]).fadeIn(fade_time,function(){
		var action='fade_out()';
		setTimeout(action,time_out);
	});
}
function fade_out(){
	$(arr[num]).fadeOut(fade_time);
	++num;
	startAppAnimation();
}