// ??????? ??? ????? ????

$(document).ready(function(){
	//????????? ?? ?????
	$(".slider-block > div > a").mouseover(function () {
		$(this).parent().parent().toggleClass("highlight");
		$(this).parent().parent().parent().toggleClass("bordered");
	}).mouseout(function(){
		$(this).parent().parent().toggleClass("highlight");
		$(this).parent().parent().parent().toggleClass("bordered");
	});
	
	$(".slider-block > div > a").toggle(function() {
		//1-? ???? ?? ??????
		//$(".slider-block > div").parent().animate({ top: "0px" }, 300);
		if($(this).attr("class")=="slider-header")
		{
			$(".slider-block").animate({ width: "240px", height: "75px" }, 300);
			$(".slider-block").parent().animate({ width: "478px", height: "126px" }, 300);
			$(".slider-block > div > a").next().fadeOut(600);
			$(".slider-block > div").animate({ top: "0px" }, 300);
			$(".slider-block").removeClass("highlight2");
			$(".slider-block").parent().removeClass("bordered2");
			
			$(this).parent().parent().toggleClass("highlight2");
			$(this).parent().parent().parent().toggleClass("bordered2");
			$(this).parent().animate({ top: "-18px" }, 600);
			$(this).parent().parent().animate({ width: "380px", height: "181px" }, 600);
			$(this).parent().parent().parent().animate({ width: "618px", height: "232px" }, 600);
			$(this).next().fadeIn(1000);

		}
	},function() {
		
		$(".slider-block").animate({ width: "240px", height: "75px" }, 300);
		$(".slider-block").parent().animate({ width: "478px", height: "126px" }, 300);
		$(".slider-block > div > a").next().fadeOut(600);
		$(".slider-block > div").animate({ top: "0px" }, 300);
		$(".slider-block").removeClass("highlight2");
		$(".slider-block").parent().removeClass("bordered2");
		
	});
	
	$("#topmenu > ul > li > a").mouseover(function () {
		$(this).toggleClass("hover");
		$(this).parent().toggleClass("hover");
	}).mouseout(function(){
		$(this).toggleClass("hover");
		$(this).parent().toggleClass("hover");
	});
	
	$("#topmenu > ul > li > a.active").parent().toggleClass("active");
	$("#leftmenu > ul > li > a.active").parent().toggleClass("active");
	$("#catmenu > ul > li > ul > li > a.active").parent().toggleClass("active");
	
	
	slideShow();
	$('#tab-menu').minitabs();
	//return false;
	
	//Slide-down menu ->
	$('#catmenu ul ul').hide();
	$('a.opened').next().show();
    $('#catmenu li a.cat-head').click(
      function()
      {
    		$(this).toggleClass("opened");
        $(this).next().slideToggle('normal');
    		return false;
      }
    );
 	// <- Slide-down menu

});