$(document).ready(function(){
		$("#topline a").tiper();
		$(document).pngFix();
		
		// sada cemo da kazemo da ako se klikne 
		// na boxtitle da se zatvori sljedeci element 
		// tog boxa, tj. da se zatvori next box content
		$('.boxtitle h4').click(function(){
			var boxtitle = $(this).parent();
			var nexte = $(this).parent().next('.boxcontent');
			var vis = nexte.is(":visible");
			if(vis){
				var nextesize = nexte.height();
				nexte.fadeOut(nextesize);
				$(this).animate({opacity : 0.4},500);
			}else{
				nexte.fadeIn('slow');
				$(this).animate({opacity : 1},800);
			}
		});
		
		// sada radimo sa search formom
		// 1. kada se klikne da promjeni izgled i slicno :)
		// 2. kad se trazi da izbacuje rezultate
		$("#mainSearch").click(function(){
			var mainSearch = $(this);
			mainSearch.css({
							   color : "#111111"
							});
		});// when click on search input box
		
		$("#mainSearch").keyup(function(){
			mainSearch = $(this);
			if(mainSearch.attr("value").length > 2){
			$.ajax({
				url : "../ajax/search.php.htm",
				type : "post",
				dataType : "html",
				data : "search="+mainSearch.attr('value'),
				beforeSend : function(){
					$("#searchloading").fadeIn('fast');
				}, // before
				success : function(data){
					$("#searchloading").fadeOut('fast');
					mainSearch.parent().parent().next('span').empty().append(data);
				}// success
				   });// ajax
			}else{
				mainSearch.parent().parent().next('span').empty();
			}
		});// keyup
		
		// hover na listu avatara u boxu desno
		$(".onelinelist").hover(function(){
			$(this).find('span').fadeIn('fast');
			$(this).css({background : "#effac8", borderLeft : "1px dashed #aebe73"});
								},
								function(){
			$(this).find('span').hide();
			$(this).css({background: "#ecfaba", borderLeft : "0px"});
		});// hover na listu u boxu desno

		// footer hover na tags
		$(".footerbox").find('a').hover(
			function(){
				var woohoo = $(this).html();
				$(".footerbox").find('span').html('Woohooo '+woohoo+' tags...').fadeIn('slow');
			},//in
			function(){
				$(".footerbox").find('span').html('Woohooo');
			}// out
		);// hover na footer tags
		
		// hover na logo
		$("#postheader").hover(
			function(){
				$("#postheaderinsider").css({opacity : 0.97}).slideDown('fast');
			},
			function(){
				$("#postheaderinsider").css({opacity : 1}).slideUp('fast');
			});
			
		// loader loading indicator :]
		var indicator = $("#load");
		$(window).scroll(function(){
			indicator.animate({top	:	Number($(this).scrollTop() + 10)+'px'},11);				  
		});// end indicator
		
		
		// ---- releated --------------------------------------------------------------
		
		$("#lrelated").removeClass().addClass('rplmenuselected');
			$("#lrelated a").click(function(){
				$(this).parent().parent().find('div').removeClass().addClass('rplmenu');
				$(this).parent().removeClass().addClass('rplmenuselected');
				$("#rplp").hide();
				$("#rpll").hide();
				$("#rplr").fadeIn(1000);
			});//klik na prvi
			
			$("#lpopular a").click(function(){
				$(this).parent().parent().find('div').removeClass().addClass('rplmenu');
				$(this).parent().removeClass().addClass('rplmenuselected');
				$("#rplr").hide();
				$("#rpll").hide();
				$("#rplp").fadeIn(1000);
			});//klik na drugi
			
			$("#llatest a").click(function(){
				$(this).parent().parent().find('div').removeClass().addClass('rplmenu');
				$(this).parent().removeClass().addClass('rplmenuselected');
				$("#rplr").hide();
				$("#rplp").hide();
				$("#rpll").fadeIn(1000);
			});//klik na treci
			
			// end releated -------------------------------------------------------------
			
		
	});// document ready