$(function () { 
	// sites-dropdown initialize
	var openspeed = 300;
	var closespeed = 300;
	var odprt = 0;
	
	$('.sites-dropdown>img').toggle(function(){
		var vertical = 80;   //vertikalni   odmik spustnega menuja od gumba
		var horizontal = 0;  //horizontalni odmik spustnega menuja od gumba
		var $el=$(this);
		$el.next().children().each(function(){
			$(this).animate({top: vertical + 'px', left: horizontal + 'px'}, openspeed);
			vertical = vertical + 55;
			horizontal = (horizontal-.75)*2;
		});
		$el.next().animate({top: '40px', left: '7px'}, openspeed).addClass('open-sites-dropdown')
		   .find('li a>img').animate({width: '50px', marginLeft: '15px'}, openspeed);
		$el.animate({paddingBottom: '0'});
		odprt=  1;
	}, function(){
		//reverse above
		var $el=$(this);
		$el.next().removeClass('open-sites-dropdown').children('li').animate({top: '0px', left: '3px'}, closespeed);
		$el.next().find('li a>img').animate({width: '50px', marginLeft: '7px', marginTop: '7px'}, closespeed);
		$el.animate({paddingBottim: '45px'});
		odprt = 0;				
	});
	
	// sites-dropdowns additional animation
	$('.sites-dropdown li a').hover(function(){
		if (odprt===1){
			$("img",this).animate({width: '56px'}, 900);
			$("span",this).animate({marginRight: '30px'});
		}
	},function(){
		if(odprt===1){
			$("img",this).animate({width: '50px'}, 900);
			$("span",this).animate({marginRight: '10'});			
		}
	});

});