$(document).ready(function(){

	if (self.initialize) {
		initialize();
		}
		
	// navigacni lista

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
	
	$("ul#topnav li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
	});
	
	// image carousel - shop
	
	// Credits: Robert Penners easing equations (http://www.robertpenner.com/easing/).
	$.easing['BounceEaseOut'] = function(p, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	};

	if ($('#mycarousel').jcarousel)
		{
		$('#mycarousel').jcarousel({
			easing: 'BounceEaseOut',
			scroll: 10,
			animation: 1000
		});
	}
	
	// news
	
	$('#webTicker').webTicker();
	
	
	$('#kooperativa').slidy({
		animation:  'fade',
		width:  '970px',
		height:  '318px',
		cursor:     'wait',
		pause:      true
	});

	
	// horni banner
		
	var $gNewImage = null;
	var $gActualImage = null;
	var gImageNumber = 1;
	var gImageCount = 16;
	var gImageTime = 5000;
	
	function SetNextImageNumber(){
		gImageNumber++;
		if (gImageNumber > gImageCount) gImageNumber = 1;
	}
	
	function PrepareHeaderImage(){
		if ($gActualImage == null) $gActualImage = $('#header .actualImage');	
	
		SetNextImageNumber();
		$gNewImage = $('<div class="newImage"><img src="/css/sitegr/animo-' + gImageNumber + '.png" /></div>');
		$gNewImage.css({opacity: 0});
			
		$("#header").append($gNewImage);	
	}
	
	function CrossFade(){
		$gNewImage.animate({opacity: 1}, 2000, function(){
			$gActualImage.remove();
			$gNewImage.attr("class", "actualImage");
			$gActualImage = $gNewImage;
			PrepareHeaderImage();
			setTimeout(CrossFade, gImageTime);
		});
	}
	
	$(function(){
		PrepareHeaderImage();
		setTimeout(CrossFade, gImageTime);
	})


});