$(function(){
	// расположение элементов страницы
	$("#content").wrap("<div id='content-wrapper' />");
	$("#main").wrap("<div id='main-wrapper' />").wrap("<div id='main-holder' />");
		
	// top menu
	$("#top-menu>li:not(:last-child)").after("<li class='separator' />");
	$("#top-menu").prepend("<li class='left' />").append("<li class='right' />");
	
	// menu item hover
	$("#top-menu>li:not('.separator','.right','.left')").hover(function(){
		$(this).next("li.separator").addClass("color-separator");
		$(this).prev("li.separator").addClass("color-separator");
	},
	function(){
		$(this).next("li.separator").removeClass("color-separator");
		$(this).prev("li.separator").removeClass("color-separator");
	});
	
	// search
	$("#search-form").wrap("<div class='bordered'>").append("<span class='left'/><span class='right'/>");
    if ($("input.search").val() == "")
	    $("input.search").val("Поиск по сайту").css("color", "#999999");

	$("input.search").focus(function() {
		$(this).css("color", "#000000");
		if ($(this).val() == "Поиск по сайту") {
			$(this).val("");
		}
	}).blur(function() {
		if ($(this).val() == "") {
			$(this).val("Поиск по сайту");
			$(this).css("color", "#999999");
		}
	});
	
	// left menu
	$("#left-menu>li>img").each(function(){
		$(this).wrap('<span class="img-wrapper" />');
	});
	$("#left-menu>li>a").each(function(){
		$(this).html('<span>' + $(this).text() + '</span>');
	});
	$("#left-menu>li>a").hover(function(){
		$("#left-menu>li").removeClass("hover");
		if (!$(this).parent().hasClass("open")){
			$(this).parent("li").addClass("hover");
			setLeftMenuHeight();
		}
	},
	function(){
		$("#left-menu>li:not(.open)").removeClass("hover");
		setLeftMenuHeight();
	});
	setLeftMenuHeight();
	//$("#left-menu>li>a").click(function(){
	//	$(this).parent().toggleClass("open");
	//	$("#left-menu>li.open").removeClass("hover");
	//});

    if ($("#left-menu>li.open-slow>ul").length) {

        $("#left-menu>li.open-slow>ul").show('slow');
    } else {

        $("#left-menu>li.open>ul").show();
    }

	//lists
	$("ul.items-list li:last-child").addClass("last");
	$("ul.img-items-list li:last-child").addClass("last");
	
	// category items height

    $(".goods-row").each(function(){
        var h = 0;
        $(this).find(".item-block p").each(function(){
            var t = $(this).height();
            if (h < t){
                h = t;
            }
        });
        $(this).find(".item-block p").css({height: h + "px"}); // это оставлю на случай не работы высоты у а в ие

        var ha = 0;
        $(this).find(".item-block>a").each(function(){
            var t = $(this).height();
            if (ha < t){
                ha = t;
            }
        });
        h = 0;
        $(this).find(".item-block p").each(function(){
            var t = $(this).height();
            if (h < t){
                h = t;
            }
        });

        $(this).find(".item-block").each(function(){

            var hh = h + ha - $($(this).find('a')[1]).height();
            $(this).find('p').css({height: hh + "px"});

        });
    });


     $(".subcats-row").each(function(){
        var h = 0;
        $(this).find(".subcat-block div.desc").each(function(){
            var t = $(this).height();
            if (h < t){
                h = t;
            }
        });
        $(this).find(".subcat-block div.desc").css({height: h + "px"}); // это оставлю на случай не работы высоты у а в ие

        var ha = 0;
        $(this).find(".item-block>a").each(function(){
            var t = $(this).height();
            if (ha < t){
                ha = t;
            }
        });
        h = 0;
        $(this).find(".item-block p").each(function(){
            var t = $(this).height();
            if (h < t){
                h = t;
            }
        });

        $(this).find(".item-block").each(function(){

            var hh = h + ha - $($(this).find('a')[1]).height();
            $(this).find('p').css({height: hh + "px"});

        });
    });

	var h = 0;
	$(".item-block p").each(function(){
		var t = $(this).height();
		if (h < t){
			h = t;
		}
	});
	//$(".item-block p").css({height: h + "px"});
	
	// styled select
	$("#select-model-form, .styled-form").jqTransform();

	// bordered block
	//$(".article-info img, p img").wrap("<div class='rounded' />");
	$("#recomend-block, #category-block").append("<div class='clear' />");
	$(".bordered-block, .rounded").append("<div class='tl' /><div class='tr' /><div class='bl' /><div class='br' />");
	
	
	// tovar photos vertical align
	$(".photo-list img").each(function(){
		var h = $(this).height();
		var h_a = $(this).parent().height();
		$(this).css({"margin-top": (h_a - h)/2 + "px"});
	});
    $(".photo-list img").load(function(){
		var h = $(this).height();
		var h_a = $(this).parent().height();
		$(this).css({"margin-top": (h_a - h)/2 + "px"});
	});
    /*
	showActiveTab();
	$("ul.tabs>li>a").live("click", function(){
		// remove span
		$("ul.tabs>li.active").each(function(){
			var li = $(this);
			var text = li.text();
			li.html("<a href='javascript:void(0)'>" + text + "</a>");
			li.removeClass("active");
		});
		// create span
		var li = $(this).parent();
		var text = li.text();
		li.html("<span>" + text + "</span>");
		li.addClass("active");
		showActiveTab();
	});
	*/
	//online
	$("#consult-content").wrap("<div class='overlay' />");
	$("#online").click(function(){
		var c = $("#consult-content");
		var o = $(".overlay");
		$(".overlay, #consult-content").show();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
	$(".close").click(function(){
		$(".overlay").hide();
	});
	$("#shema-content").wrap("<div class='overlay-shema' />");
	$("#shema, #shema-top").click(function(){
		var c = $("#shema-content");
		var o = $(".overlay-shema");
		$(".overlay-shema, #shema-content").show();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
	$(".close").click(function(){
		$(".overlay-shema").hide();
	});

    //find cheaply
	$("#find-cheaply-content").wrap("<div class='overlay-cheaply' />");
	$("#find-cheaply").click(function(){
		var c = $("#find-cheaply-content");
		var o = $(".overlay-cheaply");
		$(".overlay-cheaply, #find-cheaply-content").show();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
    $(".close").click(function(){
		$(".overlay-cheaply").hide();
	});

    //callback
    $("#callback-content").wrap("<div class='overlay-callback' />");
	$(".callback-action").click(function(){

		var c = $("#callback-content");
		var o = $(".overlay-callback");
		$(".overlay-callback, #callback-content, #callback-form").show();
        $("#callback-answer").hide();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
    $(".close").click(function(){
		$(".overlay-callback").hide();
	});

    $("#callback-submit").click(function() {
        $('#callback-form').ajaxSubmit({
            success: function(data) {
                $('#callback-form .errorlist').html('');
                if (data.errors) {
                    $.each(data.errors, function(index, value) {
                        $("#callback-"+index).html("<li>"+value[0]+"</li>")
                    });
                } else {
                    $("#callback-form").hide();
                    $("#callback-answer").show();
                }

            },
            dataType: 'json'
        });
    });

    $("#consult-content .callback").click(function(){
        $(".overlay").hide();
        $("#callback").click();
    });


    $("#email-content").wrap("<div class='overlay-email' />");
	$(".send-mail").click(function(){
        $(".overlay").hide();
		var c = $("#email-content");
		var o = $(".overlay-email");
		$(".overlay-email, #email-content, #email-form").show();
        $("#email-answer").hide();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
    $(".close").click(function(){
		$(".overlay-email").hide();
	});

    $("#email-submit").click(function() {
        $('#email-form').ajaxSubmit({
            success: function(data) {
                $('#email-form .errorlist').html('');
                if (data.errors) {
                    $.each(data.errors, function(index, value) {
                        $("#email-"+index).html("<li>"+value[0]+"</li>")
                    });
                } else {
                    $("#email-form").hide();
                    $("#email-answer").show();
                }

            },
            dataType: 'json'
        });
    });

    //payments types content
    $("#payment-types-content").wrap("<div class='overlay-payment-types' />");
	$("#payment-types-action").click(function(){

		var c = $("#payment-types-content");
		var o = $(".overlay-payment-types");
		$(".overlay-payment-types, #payment-types-content").show();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
    $(".close").click(function(){
		$(".overlay-payment-types").hide();
	});


    //delivery types content
    $("#delivery-types-content").wrap("<div class='overlay-delivery-types' />");
	$("#delivery-types-action").click(function(){

		var c = $("#delivery-types-content");
		var o = $(".overlay-delivery-types");
		$(".overlay-delivery-types, #delivery-types-content").show();
		var c_w = c.outerWidth();
		var c_h = c.outerHeight();
		var o_w = o.width();
		var o_h = o.height();
		c.css({left: (o_w - c_w) / 2 + "px", top: (o_h - c_h) / 2 + "px"});
	});
    $(".close").click(function(){
		$(".overlay-delivery-types").hide();
	});



	$('#mycarousel').jcarousel({
		visible: 1,
		scroll: 1,
        wrap: 'circular',
		buttonNextHTML: "<a href='javascript:void(0)' id='next-link'><img src='/media/img/next.gif'/></a>",
		buttonPrevHTML: "<a href='javascript:void(0)' id='prev-link'><img src='/media/img/prev.gif'/></a>"
	});


    $('.lights>a').click(function(){
        $('.lights>a').removeClass('selected');
        $(this).addClass('selected');

    });

    $('.socles>a').click(function(){
        $('.socles>a').removeClass('selected');
        $(this).addClass('selected');
    });

    $('#podbor').click(function() {
        var m = $('#select-model-form>div>div>span').text();
        if (m=="----") return;
        document.location.href = '/podbor/?m='+m;
    });

    // iOS
    if ((navigator.userAgent.match(/iPod/i)) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/Linux/i)) {
        $('#top-menu a').css("font", "bold 11px/44px Arial");
    }

    if (navigator.userAgent.match(/iPhone/i) ) {
        $('#top-menu a').css("font", "bold 10px/44px Arial");
    }

    // Следующее условие выполняется только в IE версии 7 и ниже
    if (document.all && !document.querySelector) {
        $('#top-menu a').css("font", "bold 11px/44px Arial");
    }


    $("#filter-form .filter-item li a").click(function(){
        $("#filter-form").submit();
    });
});
/*
function showActiveTab(){
	// tovar tabs
	var tname = $("ul.tabs>li.active").attr("name");
	$(".tab-content").hide();
	$("#" + tname).show();
}
*/

function setLeftMenuHeight(){
	$("#left-menu span.img-wrapper").each(function(){
		var li = $(this);
		var h_li = li.height();
		var img = li.find("img");
		img.load(function(){
			$(this).css({top:(h_li - img.height())/2 + "px"});
		});
		img.css({top:(h_li - img.height())/2 + "px"});
	});
	$("#left-menu>li>a>span").each(function(){
		var span = $(this);
		var h_a = span.parent().height();
		var h_span = span.height();
		span.css({"padding-top":(h_a - h_span) / 2 + "px"});
	});
}

