<!--
// start parallax
jQuery(document).ready(function($) {
jQuery('#parallax').jparallax({xparallax:true,yparallax:false,xtravel:-1});
$(document).pngFix();
});

// menus
var open_menu = false;
var first_resize = false;
var timeout = 500;
var resize_timer = null;
var animationtimer = false;
var closetimer = 0;
var resize_timer = null;

$(window).bind('resize', function() {
  if (resize_timer) clearTimeout(resize_timer);
  //alert('resize');
  if (first_resize) {
    resize_timer = setTimeout("location.reload();", 300);
  } else {
    first_resize = true;
  }
});

function menu_open() {
	menu_canceltimer();
	
	var tmp_open_menu = $(this).attr('id');
	
	if (open_menu==tmp_open_menu) {} else {
		menu_close();
		open_menu = tmp_open_menu;
		identificator = "#"+open_menu.replace('-icon','');
		identificator2 = "#"+open_menu.replace('-icon','-shade');
		$(identificator).stop().css("opacity", 1).fadeIn(300);
		$(identificator).css("display","block");
		$(identificator2).stop().css("opacity", 1).fadeIn(300);
		$(identificator2).css("display","block");
	}
}

function menu_close() {
	$(".menu-links").css("display","none");
	$(".shade").css("display","none");
	open_menu = false;
}

function menu_timer() {
	closetimer = window.setTimeout(menu_close, 500);
}

function menu_canceltimer() {
	if(closetimer) {
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

$(document).ready(function() {
	$('.menu-icons').bind('mouseover', menu_open)
	$('.menu-icons').bind('mouseout',  menu_timer)
	$('.menu-links').bind('mouseover',  menu_canceltimer)
	$('.menu-links *').bind('mouseover',  menu_canceltimer)
	$('.menu-links').bind('mouseout',  menu_timer)
});

/* 
js animation - random moving - all obj in array
- set area/vector for moving
- rad. each move +/- by prev set vector (only for horizontal/vertical move)
*/

//var animation_pos_arr = new Array('10px 10px','12px 12px','13px 14px','14px 16px','12px 18px','11px 20px','13px 22px','15px 24px','16px 25px','15px 24px','14px 22px','12px 20px','10px 22px','11px 24px','13px 22px','15px 19px','14px 16px','13px 14px','12px 13px','11px 11px');
//var animation_pos_arr = new Array('0px 10px','0px 12px','0px 14px','0px 16px','0px 18px','0px 20px','0px 22px','0px 24px','0px 25px','0px 24px','0px 23px','0px 22px','0px 23px','0px 22px','0px 21px','0px 19px','0px 16px','0px 14px','0px 13px','0px 11px');
var animation_pos_arr = new Array('0px 10px','0px 11px','0px 12px','0px 13px','0px 14px','0px 15px','0px 16px','0px 17px','0px 18px','0px 19px','0px 20px','0px 21px','0px 22px','0px 23px','0px 24px','0px 25px','0px 26px','0px 25px','0px 23px','0px 21px','0px 19px','0px 17px','0px 15px','0px 14px','0px 13px','0px 12px','0px 11px');
var animation_int = 0;

/* timer for all animations */
function obj_animation_timer() {
	animationtimer = window.setInterval(obj_moving, 130);
}

function obj_moving() {
	//alert('test'+animation_int);
	if (animation_int>26) {
		animation_int = 0;
	} else {
		animation_int++;
	}
	/* css position */
	$('#balon').css({backgroundPosition: animation_pos_arr[animation_int]});
}

//document.onclick = menu_close;
obj_animation_timer();
//-->