$(document).ready(function () {

    // Safari bold fonts fix
    if ($.browser.safari) {
        $("body").css("text-shadow", "0 0 0 #000");
    }

    // FIX PNG
       var badBrowser = (/MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32");
    //if ($.browser.msie && $.browser.version == 6) {
    if(badBrowser){
        $("*").each(function () {
            var bgIMG = jQuery(this).css('background-image');
            if (bgIMG.indexOf(".png") != -1) {
                var iebg = bgIMG.split('url("')[1].split('")')[0];
                jQuery(this).css('background-image', 'none');
                jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')";
            }
        });

        $('img[src$=.png]').each(function () {
            if (!this.complete) {
                this.onload = function () { fixPng(this) };
            } else {
                fixPng(this);
            }
        });

    }

    //    $('table.zebra tr:nth-child(odd)').addClass("yellow");
    toggleDetails();

});

$(window).load(function () {

    if ($('a[rel="lightgallery[galery]"]').length) {
        lightgallery.init(
        {
            animate: true, // - включить/выключить анимацию
            framesNumber: 7, // - количество кадров используемых при анимации
            speed: 3, //- промежуток времени между кадрами, мсек
            resizeSync: true, // - если установлено в true, то контейнер изменяет размеры одновременно и по ширине и по высоте
            enableZoom: true, // - включить/выключить изменение масштаба картинки
            fadeImage: true, // - использовать эффект плавного появления изображения (лучше выключить для изображений большого размера)
            alias: 'lightgallery', // - псевдоним для атрибута rel (rel = 'lightgallery').
            showOverlay: true, // - показывать ли оверлей,
            overlayColor: '#e9e3db', // - цвет оверлея,
            overlayOpacity: 0.85, // - прозрачность оверлея,
            zoomStep: 0.2, //- коэффициент увеличения/уменьшения размера при масштабировании,
            fullSize: false, // - показывать ли изображения в реальном размере по умолчанию (не подгонять размер изображений под размер экрана)
            minPadding: 15 // - минимальное расстояние между контейнером и окном
        })
    }
});

function fixPng(png) {
    // get src
    var src = png.src;
    // set width and height
    if (!png.style.width) { png.style.width = $(png).width(); }
    if (!png.style.height) { png.style.height = $(png).height(); }
    // replace by blank image
    png.onload = function () { };
    png.src = "/design/blank.gif";
    // set filter (display original image)
    png.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
}

function pop(Uri) {
    var h = 500;
    var w = 650;
    l = parseInt((screen.availWidth - w) / 2),
    t = parseInt((screen.availHeight - h) / 2) - 10;
    var opt = "left=" + l + ",top=" + t + ",height=" + h + ",width=" + w +
    ",status=yes,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no";
    var p = window.open(Uri, "pop", opt);
    p.focus();
}

var toggleDetails = function () {
    $("div.content").each(function () {
        var $this = $(this);
        //$this.hide().before("<p><a class='tg' href='JavaScript:void(0)'>Подробнее &gt;&gt;&gt;</a></p>");
        $this.hide().before("<p><a class='tg' href='JavaScript:void(0)'>Подробнее об итальянской профессиональной косметике для волос Davines</a></p>");
        var $link = $this.prev().find('a.tg');
        $link.click(function () {
            $this.toggle();
            if ($this.is(':visible')) {
                $link.text('Скрыть дополнительную информацию');
            } else {
                //$link.text('Подробнее >>>');
                $link.text('Подробнее об итальянской профессиональной косметике для волос Davines');
            }
        });
    });
	$("div.txl0").each(function () {
        var $this = $(this);
		var $defMore="Подробнее >>>";
		var $defHide="Скрыть дополнительную информацию";
		var $tMore=$this.attr('txl1');
		var $tHide=$this.attr('txl2');
		if($tMore=='') $tMore=$defMore;
		if($tHide=='') $tMore=$defHide;
		
        $this.hide().before("<p><a class='tg' href='JavaScript:void(0)'>"+$tMore+"</a></p>");
        var $link = $this.prev().find('a.tg');
        $link.click(function () {
            $this.toggle();
            if ($this.is(':visible')) {
                $link.text($tHide);
            } else {
                //$link.text('Подробнее >>>');
                $link.text($tMore);
            }
        });
    });
}