function InitProductImages(mainSrc) {
    var wParentImg = 340;
    if (!mainSrc)
        return;
    var width = 340;
    var height = 460;
    var screenWidth = parseInt(screen.width);
    if (screenWidth > 1024) {
        if (screenWidth > 1280) {
            width = 800;
            height = 800;
        }
        else {
            width = 570;
            height = 570;
        }
        $(document).ready(function () {
            //wParentImg = $("#wrap_imgProductMain").width();
            wParentImg = width;
            //$("#wrap_imgProductMain").css("width", wParentImg);
            //$("#wrap_imgProductMain > div").css("width", wParentImg)
            $("#wrap_imgProductMain > div > img").attr("src", "/img.ashx?width=" + width + "&height=" + height + "&Img=" + mainSrc);
        });
    }
    var images = $("#imgContainer img");
    images.eq(0).addClass("active");
    //    $.each(images,
    //    function () {
    //        $(this).bind("click",
    //        function () {
    //            $("#imgContainer img").removeClass("active");
    //            $(this).addClass("active");
    //            $("#imgProductMain").attr("src", "/img.ashx?width=" + width + "&height=" + height + "&Img=" + $(this).attr("src").replace("/mini/", "/"));
    //        }
    //        );
    //    }
    //    );

    $.each(images,
    function () {
        $(this).bind("click",
        function () {
            var srcBigImg = $(this).attr("src").replace("/mini/", "/");
            $("#imgContainer img").removeClass("active");
            $(this).addClass("active");
            // уводим див с картинкой за левую границу, меняем src и затем вытягиваем див обратно
            $("#wrap_imgProductMain > div")
                .animate({ "left": -wParentImg + "px" }, 200, function () {
                    $(this).find("> img").get(0).onload = function () {
                        if ($(this).width() == width || $(this).height() == height || $(this).width() >= 570 || $(this).height() >= 570) {
                            $("#wrap_imgProductMain a.linkBigimg").show();
                            if ($("#wrap_imgProductMain a.linkBigimg").length == 1) {
                                $("#wrap_imgProductMain a.linkBigimg").attr("href", "/handlers/BigImg.ashx?i=" + srcBigImg);
                            }
                        }
                        else
                            $("#wrap_imgProductMain a.linkBigimg").hide();
                        $("#wrap_imgProductMain > div").animate({ "left": '0px' }, 500);

                    };

                    $(this).find("> img").attr("src", "/img.ashx?width=" + width + "&height=" + height + "&Img=" + srcBigImg);



                });
        }
        );
    }
    );
}
function switchPrices(n) {
    var divPricesNal = document.getElementById('divPricesNal');
    var divPricesBeznal = document.getElementById('divPricesBeznal');
    switch (n) {
        case 1:
            divPricesNal.style.display = "block";
            divPricesBeznal.style.display = "none";
            $("#spanBeznal").removeClass("inactive");
            $("#spanNal").addClass("inactive");
            break;
        case 2:
            divPricesNal.style.display = "none";
            divPricesBeznal.style.display = "block";
            $("#spanBeznal").addClass("inactive");
            $("#spanNal").removeClass("inactive");
            break;
    }
}
function ShowProductVideo(id, video, imgBig) {
    $("#aVideos img.active").removeClass("active");
    $(("#imgVideo" + id)).addClass("active");
    var flv_data = '<object id="player1" type="application/x-shockwave-flash" data="/flash/player.swf"' +
                'width="640" height="360">' +
                '<param name="movie" value="/flash/player.swf" />' +
                '<param name="allowFullScreen" value="true" />' +
                '<param name="FlashVars" value="width=640&height=360&startimage=' + imgBig +
                '&configxml=/flash/player_config.xml&flv=' + video + '" /></object>';
    $("#divVideoPlayer").html(flv_data);
}
$(document).ready(
function () {
    //скроллинг похожих моделей
    $.each($("span.scroll_left"),
function () {
    var divParent = $(this).parent();
    var btnLeft = $(this);
    var btnRight = divParent.find("span.scroll_right");
    var currIndex = 0;
    var productContainer = divParent.find("div.products");
    var items = productContainer.find("> div");
    if (items.length == 0) return;
    var itemWidth = items.filter(":eq(0)").width() + parseInt(items.filter(":eq(0)").css("marginLeft")) + parseInt(items.filter(":eq(0)").css("marginRight"));
    productContainer.width(itemWidth * items.length);
    kolvoVisibleItems = Math.floor(divParent.width() / itemWidth);
    btnLeft.hide();
    if (items.length < 2)
        btnRight.hide();

    btnRight.click(
    function () {
        if (currIndex < items.length - 1) {
            currIndex++;
            if (items.eq(currIndex).hasClass("active") && (currIndex + 1) < items.length)
                currIndex++;
            productContainer.animate({ marginLeft: -(currIndex * itemWidth) + 'px' });
        }
        if (currIndex == items.length - kolvoVisibleItems) {
            btnRight.hide();
        }
        btnLeft.show();

    }
    );
    btnLeft.click(
    function () {
        if (currIndex > 0) {
            currIndex--;
            if (items.eq(currIndex).hasClass("active") && currIndex > 0)
                currIndex--;
            productContainer.animate({ marginLeft: -(currIndex * itemWidth) + 'px' });
        }
        if (currIndex == 0) {
            btnLeft.hide();
        }
        btnRight.show();
    }
    );

}
    );

}
);


function showHistory(coords, divID, width, height, asMini, tooltipID) {

    if (!width) {
        width = 468;
        height = 176;
    }
    if (!tooltipID)
        tooltipID = 'dataPlashka';
    //создаем canvas для построения графика
    var paper = Raphael(divID, width, height);
    var stringCoordsModif = "";
    var pointsCoordsArr = coords; //массив координат типа [{x:{0}, y:{1}, price:'{2}', date:'{3:D}'}]
    var radius = 4;
    var radiusBig = radius * 2 - 1;
    var circles = [];
    for (var i = 0; i < pointsCoordsArr.length; i++) {
        var pointX = parseInt(pointsCoordsArr[i].x);
        var pointY = parseInt(pointsCoordsArr[i].y);
        if (pointX < radiusBig) {//переназначаем координаты если точка находится у края чарта
            pointX = radiusBig;
            pointsCoordsArr[i].x = radiusBig;
        }
        else if (pointX > width - radiusBig) {
            pointX = width - radiusBig;
            pointsCoordsArr[i].x = radiusBig;
        }
        if (pointY < radiusBig) {//переназначаем координаты если точка находится у края чарта
            pointY = radiusBig;
            pointsCoordsArr[i].y = radiusBig;
        }
        else if (pointY > height - radiusBig) {
            pointY = height - radiusBig;
            pointsCoordsArr[i].y = radiusBig;
        }

        //собираем модифицированную строку
        var onePointCoords = "S" + (pointX - 8) + "," + pointY + "," + pointX + "," + pointY + " ";
        stringCoordsModif += onePointCoords;

        //добавление узлов
        circles[i] = paper.circle(pointX, pointY, radius);
        circles[i].attr({ fill: "#ff8b00", stroke: "#fff", "stroke-width": "1" });

    }

    //определяем направление стрелки на мини графике
    if (parseFloat(pointsCoordsArr[pointsCoordsArr.length - 1].price.replace(",", ".")) > parseFloat(pointsCoordsArr[pointsCoordsArr.length - 2].price.replace(",", "."))) {
        $("#isPriceUpDown").html("&uarr;").addClass("deltaGraphUp")
    }
    if (parseFloat(pointsCoordsArr[pointsCoordsArr.length - 1].price.replace(",", ".")) < parseFloat(pointsCoordsArr[pointsCoordsArr.length - 2].price.replace(",", "."))) {
        $("#isPriceUpDown").html("&darr;").addClass("deltaGraphDown")
    }

    $('#' + divID).data('c', circles);
    if (!asMini)
        $("#" + divID + " circle").hover(
    function () {
        var circles = $('#' + divID).data('c');
        var ind = $("#" + divID + " circle").index(this);
        circles[ind].animate({ r: radiusBig }, 300)
        var delta = 0;
        if (ind > 0) {
            delta = (parseFloat(pointsCoordsArr[ind].price.replace(",", ".")) - parseFloat(pointsCoordsArr[ind - 1].price.replace(",", "."))).toFixed(2);
            if (delta < 0) {
                var updown = "deltaGraphDown";
            }
            if (delta > 0) {
                var updown = "deltaGraphUp";
            }
            if (delta == 0) {
                var updown = "deltaGraphNone";
            }
        }
        else {
            var updown = "deltaGraphNone";
        }
        $("#" + tooltipID).html(pointsCoordsArr[ind].date + "<br />" + pointsCoordsArr[ind].price + " $" + "<span class=" + updown + ">" + "<b>+</b>" + delta.toString().replace(".", ",") + " $</span>")
        $("#" + tooltipID).css({ "left": circles[ind].attr("cx") + 35, "top": circles[ind].attr("cy") - 15, "display": "block" }).animate({ "opacity": 1 }, 300);
    },
    function () {
        var circles = $('#' + divID).data('c');
        var ind = $("#" + divID + " circle").index(this);
        circles[ind].animate({ r: radius }, 300)
        $("#" + tooltipID).hide(100, function () { $("#" + tooltipID).css({ "opacity": "0" }) })
    });

    var p = paper.path("M" + pointsCoordsArr[0].x + "," + pointsCoordsArr[0].y + stringCoordsModif);
    p.attr({ stroke: "#42b437", "stroke-width": "2" });
    p.toBack();
}
$(document).ready(function () {
    $("div.wrap_dynamicPriceMini").click(function () {
        $("#ctl09_divPricesChart1").toggle();
    });
    $("#ctl09_divPricesChart1 > div.closeDinamicPrice").click(function () {
        $(this).parent().hide();
    });
});