function ImgBig(el,src)
{
	var src = src || el.src;
	var flag = 0;
	var i = document.getElementById('i');
	var e = document.getElementById('imgs');
	var imgdes = document.getElementById('imgs-des');
	
	setTimeout(function(){
					if(flag == 0){
						ii.src = "/img/loading.gif";
						var coor = Block(300,50);
						e.style.top = coor[1] + 'px';
						e.style.left = coor[0] + 'px';
						e.style.width = "300px";
						e.style.height = "50px";
								
						if(imgdes.lastChild != null) imgdes.removeChild(imgdes.lastChild);
						imgdes.appendChild(document.createTextNode("загрузка фото ..."));
						e.style.display = 'block';
					}
	}, 1000);
		
	var pic = new Image();
		pic.onload = function()
		{
			flag = 1;
			var title = el.alt || el.title;
			    title = document.createTextNode(title)
			var coor = Block(pic.width,pic.height);
				e.style.top = coor[1] + 'px';
				e.style.left = coor[0] + 'px';
				e.style.width = pic.width + "px";
				e.style.height = pic.height + 60 + "px";
				i.style.display = 'block';
				i.src = pic.src;
				if(imgdes.lastChild != null) imgdes.removeChild(imgdes.lastChild);
				imgdes.appendChild(title);
				e.style.display = 'block';
		}
	pic.src = src;
}

function Block(width,height)
{
	var d = document.documentElement;
	var top = d.scrollTop || document.body.scrollTop;
	var y = Math.floor((d.clientHeight - height)/2) + top;
	var x = Math.floor((d.clientWidth - width)/2);
	return [x,y];
}

function H()
{
	var h = document.getElementById('des').offsetHeight;
	if(h<700){ document.getElementById('des').style.height = 600 + "px"; }
}
var popup;

function Sub(){
	var first = document.getElementById('first').value;
	var second = document.getElementById('second').value;
	var pat = document.getElementById('pat').value;
	if(first.length<2){
		alert('Необходимо заполнить поле Фамилия!');
		return false;
	}
	else if(second.length<2){
		alert('Необходимо заполнить поле Имя!');
		return false;
	}
	else{
    	var width = 638;
    	var height = 317;
    	width=width+100;
    	height=height+100;
    	if(popup && !popup.closed){popup.close()}
    	popup=window.open('/skidka_popup.php?first='+first+'&second='+second+'&pat='+pat, '_blank', 'scrollbars=yes,height='+height+',width='+width+',top=100,left=200');
    	return false;
	}
}

function c(){
    $.get('/22/c/',function(data){$('#des').append(data);});

}

function MapBig(w,h,m,cD,cSh,bD,bSh,des)        //m - zoom, cD - center Dolgota, pSh - baloon Shirota
{
    if(document.getElementById('yam')) $('#yam').remove();
    $(document.body).append('<div id="yam"><div class="close" onclick="$(\'#yam\').remove()">закрыть [x]</div><div id="YMapsID" style="width:700px;height:500px;margin:5px;"></div></div>');
    var yam = document.getElementById('yam');
    var coor = Block(w,h);
        yam.style.top = coor[1] + 50 + 'px';
        yam.style.left = coor[0] + 'px';
        yam.style.width = w + 10 + "px";
        yam.style.height = h + 40 + "px";
        yam.style.position = 'absolute';
        yam.style.zIndex = '2';
        yam.style.display = 'block';
        yam.style.border = '1px solid #000000';
        yam.style.backgroundColor = '#ffffff';

    var map = new YMaps.Map(document.getElementById("YMapsID"));
        map.setCenter(new YMaps.GeoPoint(cD,cSh), m);
        map.openBalloon(new YMaps.GeoPoint(bD,bSh), des, {hasCloseButton:true});
    var zoom = new YMaps.Zoom({ customTips: [ { index: 1, value: "Мелко" },{ index: 9, value: "Средне" },{ index: 16, value: "Крупно" } ] });
        map.addControl(zoom);
        map.addControl(new YMaps.TypeControl()); 
    }

var popup2;
function A4(id){
    if(popup2 && !popup2.closed){popup2.close()}
    popup2=window.open('/'+id+'/a4/', '_blank', 'scrollbars=yes,height=900,width=800,top=100,left=200');
    return false;
}

function Kat(){
    $('#des').append('<div style="padding:20px;text-align:center;"><div title="кухни ПРЕМИУМ" onclick="location.href=\'/kuhni/premium/\'" class="b-cat-collection-map">'+
   '<img title="кухни ПРЕМИУМ" class="img-map-collection-p" src="/images/basic/3/c72138dc7c67ea3_short.jpg"><div style="position:relative;z-index:2;height:20px;margin-top:-60px"><a href="/kuhni/premium/">Кухни премиум</a></div></div>'+
   '<div title="кухни эконом класса" onclick="location.href=\'/kuhni/lina/\'" class="b-cat-collection-map" style="float:left">'+
   '<img title="кухни эконом класса" class="img-map-collection-p" src="/images/basic/5/6cfde1ae450d342_short.jpg"><div style="position:relative;z-index:2;height:20px;margin-top:-60px"><a href="/kuhni/lina/">Кухни эконом класса</a></div></div></div>');
}

function Printer(){
    $('.b-str').append('<div class="div-printer"><a class="a-printer" href="javascript:window.print()">распечатать<img src="/img/printer.png" alt="" class="img-printer"></a></div>');
}

function b1(el){
	if(el.value==""){el.value="логин"}
}

function f1(el){
    if(el.value=="логин"){el.value=""}
}

function k1(event){
    if(13==event.keyCode){var login=document.getElementById("login");if((login.nick.value!="")&&(login.nick.value!="логин")&&(login.pass.value!="")&&(login.pass.value!="pass")){login.submit();}else{alert("Укажите Ваш логин и пароль")}}
}

function c1(){
    var login=document.getElementById("login");if((login.nick.value!="")&&(login.nick.value!="логин")&&(login.pass.value!="")&&(login.pass.value!="pass")){login.submit();}else{alert("Укажите Ваш логин и пароль.")}
}
function Active(){
    var ac = document.getElementById("ac_form");
    var acmess = "";
    if(ac.num.value.length<9){
        acmess = "Поле <b>№ карты</b> необходимо правильно заполнить";
    }
    else if(ac.f.value.length<2){
        acmess = "Поле <b>Фамилия</b> необходимо заполнить";
    }
    else if(ac.im.value.length<2){
        acmess = "Поле <b>Имя</b> необходимо заполнить";
    }
    else if(ac.o.value.length<2){
        acmess = "Поле <b>Отчество</b> необходимо заполнить";
    }
    else if(ac.mail.value.length<2){
        acmess = "Поле <b>e-mail</b> необходимо заполнить";
    }
    else if(ac.mail.value.indexOf("@") == -1){
        acmess = "Поле <b>e-mail</b> необходимо <b>правильно</b> заполнить";
    }
    else {
        acmess = "Производится активация карты, подождите ...";
        $.post("/card/",{ act:"active",
                          num:ac.num.value,
                          fio:ac.f.value+" "+ac.im.value+" "+ac.o.value,
                          mail:ac.mail.value,
                          tel:ac.tel.value },function(data){
                   if(data=="activated"){
                       acmess = "<div class=\'active\'>На указанный e-mail отправлена ссылка, перейдите по ней и активация будет подтверждена.</div>";
                   } else {
                       acmess = "<div class=\'denied\'>Карта уже активирована или такой карты нет.</div>";
                   }
                   $(".acmess").html(acmess);
        });
    }
    $(".acmess").html(acmess);
}

function Check(){
    var v = $("#check").val();
      $.post("/card/",{ act:"check", num:v },function(data){
      var cmess = "";
           if(data!="bad"){
               cmess = "<div class=\'activated\'>"+data+"</div>";
           } else {
               cmess = "<div class=\'noactivated\'>Карта не активирована</div>";
           }
           $("#cmess").html(cmess);
      });
}
var MASB = {};

document.onmousemove = MASBmouse;

function MASBmouse(event){
    var event = event || window.event;
    if (event.pageX == null && event.clientX != null ) {
        var html = document.documentElement;
        var body = document.body;
        event.pageX = event.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0);
        event.pageY = event.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0);
    }
    MASB.coord.x = event.pageX;
    MASB.coord.y = event.pageY;
}
MASB.coord = { x:0, y:0 };
MASB.MoveShowText = function () {
    if(!document.getElementById('sheme-text')){
        return;
    }

    var div = document.getElementById('sheme-text');
    div.style.position = 'absolute';
    div.style.top = MASB.coord.y + 10 + 'px';
    div.style.left = MASB.coord.x + 10 + 'px';
}

MASB.ShowText = function (text,id) {
    if(!document.getElementById('sheme-text')){
        var newItem = document.createElement("DIV");
        newItem.id = 'sheme-text';
        document.body.appendChild(newItem);
    }
    var st = document.getElementById('sheme-text');
        st.innerHTML = text;
        st.style.visibility = 'visible';
}
MASB.init = function () {
   for(var i = 0, l = urls.length; i < l; i += 1){
       document.getElementById(urls[i].id).onclick = (function(url) { return function() { location.href = '/sheme/'+url+'/'; } } )(urls[i].url);
       document.getElementById(urls[i].id).onmouseover = (function(text) { return function() { MASB.ShowText(text); } } )(urls[i].text);
       document.getElementById(urls[i].id).onmousemove = (function() { return function() { MASB.MoveShowText(); } } )();
       document.getElementById(urls[i].id).onmouseout = function () { document.getElementById('sheme-text').style.visibility = 'hidden'; }
   }
}

var ORDER = { orders: {} };

ORDER.ShowPic = function (pic,id) {
    if(!document.getElementById('ORDER-pic')){
        var newItem = document.createElement("DIV");
        newItem.id = 'ORDER-pic';
        document.body.appendChild(newItem);
    }
    var st = document.getElementById('ORDER-pic');
        st.src = pic;
        st.style.visibility = 'visible';
}
MASB.MoveShowPic = function (e) {
    var target = e.target;

    if(target.className != 'ORDER-jpg'){
        return;
    }

    if(!document.getElementById('ORDER-pic')){
        var newItem = document.createElement("DIV");
        newItem.id = 'ORDER-pic';
        document.body.appendChild(newItem);
    }

    var div = document.getElementById('ORDER-pic');
        div.className = "ORDER-pic";
    var s = div.style;
    s.visibility = 'visible';
    s.top = MASB.coord.y + 10 + 'px';
    s.left = MASB.coord.x + 10 + 'px';

    var img = document.createElement('img');
    var src = target.href.replace(/.jpg/, "_preview.jpg");
    img.onload = function () {
        div.innerHTML = '<img src="'+src+'">';
        s.width = img.width+'px';
        s.height = img.height+'px';
    }
    img.src = src;

}
ORDER.createTable = function (orders){
    var rows = [],
        price,
        o,
        table;

    function file(id, type, file) {
        var a = '';
        if(file!=""){
            a = '&nbsp;<a id="'+id+'" class="ORDER-'+type+'" href="/orders/'+id+'/'+file+'" target="_blank">'+type+'</a>';
        }
        return a;
    }
    function fileAdd(id, type, file_add) {
        var a = [];

        for (var i = 0, len = file_add.length; i < len; i += 1) {
            if(type == file_add[i].type){
                a[i] = ' <a href="/orders/' + id + '/' + file_add[i].name + '.' + type + '" target="_blank">' + type + (i + 1) + '</a>';
            }
        }
        return a.join("");
    }


    for(var i=0, len = orders.length; i<len; i +=1){
        price = orders[i].price != "0" ? orders[i].price : "";                                 //<a id="'+orders[i].id+'" class="ORDER-jpg" href="/orders/'+orders[i].id+'/'+orders[i].file_jpg+'" target="_blank">jpg</a>&nbsp;<a class="ORDER-pdf" href="/orders/'+orders[i].id+'/'+orders[i].file_pdf+'" target="_blank">pdf</a>&nbsp;<a class="ORDER-xls" href="/orders/'+orders[i].id+'/'+orders[i].file_xls+'" target="_blank">xls</a>&nbsp;<a class="ORDER-sto" href="/orders/'+orders[i].id+'/'+orders[i].file_sto+'" target="_blank">sto</a>
        o = orders[i];
        rows[i] = '<tr><td class="ORDER-id">'+o.id+'</td><td class="ORDER-file">'+file(o.id, 'jpg', o.file_jpg)+fileAdd(o.id, 'jpg', o.file_add)+file(o.id, 'pdf', o.file_pdf)+file(o.id, 'xls', o.file_xls)+file(o.id, 'sto', o.file_sto)+'</td><td class="ORDER-title">'+orders[i].title+'</td><td class="ORDER-style">'+ORDER.orders.style[orders[i].style]+'</td><td class="ORDER-color">'+ORDER.orders.color[orders[i].color]+'</td><td class="ORDER-price">'+price+'</td></tr>';
    }
    table = '<table id="ORDER-table" class="ORDER-table"><tr class="ORDER-tr-title"><td>ID</td><td>Файлы</td><td>Название</td><td>Стиль</td><td>Цвет</td><td>Цена(руб.)</td></tr>'+rows.join("")+'</table>';
    if(!document.getElementById("ORDER-table")){
        $('.des').append(table);
    } else {
        $('.ORDER-table').replaceWith(table);
    }
    $('.ORDER-table').mousemove(function (e) {
        MASB.MoveShowPic(e);
    });
    $('.ORDER-table').mouseleave(function (e) {
        $('#ORDER-pic').css({visibility: 'hidden'});
    });
}


ORDER.init = function(){

    $('.des').append('<div class="ORDER-message">Подождите, идет загрузка проектов ...</div>');

    $.get("/base_json/",function(data){
        var content, style, color, price;

        ORDER.orders.style = data.style;
        ORDER.orders.color = data.color;
        ORDER.orders.base = data.orders;

        style = [];
        for(var i in data.style){
            style[i] = '<option value="'+i+'">' + data.style[i] + '</option>';
        }
        style = '<select class="ORDER-style"><option value="0">Стиль</option>'+style.join("")+'</select>';

        color = [];
        for(var i in data.color){
            color[i] = '<option value="'+i+'">' + data.color[i] + '</option>';
        }
        color = '<select class="ORDER-color"><option value="0">Цвет</option>'+color.join("")+'</select>';

        price = 'Цена: от <input type="text" class="ORDER-less"> до <input type="text" class="ORDER-more">';

        content = '<div class="ORDER-filter">' + style + color + price + '<input type="button" class="ORDER-sort" value="Фильтровать"><input type="button" class="ORDER-sort-all" value="Показать все"></div>';
        $('.des').append(content);
        ORDER.createTable(data.orders);
        $('.ORDER-sort').click(function (e) {
            var style = $('.ORDER-style option:selected').val();
            var color = $('.ORDER-color option:selected').val();
            var less = $('.ORDER-less').val();
            var more = $('.ORDER-more').val();
                less = parseInt(less) !== NaN ? less : 0;
                more = parseInt(more) !== NaN ? more : 0;
            var price = less+":"+more;

            var sort = ORDER.orders.base;
                if(style != 0){
                    sort = ORDER.sort('style',style, sort);
                }
                if(color != 0){
                    sort = ORDER.sort('color',color, sort);
                }
                if(more > 0){
                    sort = ORDER.sort('price',price, sort);
                }
            ORDER.createTable(sort);
        });
         $('.ORDER-sort-all').click(function (e) {
            ORDER.createTable(ORDER.orders.base);
        });
        $('.ORDER-message').html('При наведении на jpg подгружается превъю проекта, по клику можно скачать файл исходного размера.');

    }, "json");
}

/*
* ORDER.sort('color',1, ORDER.orders.base)
* ORDER.sort('price','70000:90000', ORDER.orders.base)
 */
ORDER.sort = function (type, val, obj) {
    var type = type;
    var arr = [];
    var j = 0;
    if (type == 'color' || type == 'style'){
        for (var i = 0, len = obj.length; i<len; i += 1) {
            if (val == obj[i][type]){
                arr[j] = obj[i];
                j += 1;
            }
        }
        return arr;
    }

    if (type == 'price'){
        var less = val.split(':')[0]*1;
        var more = val.split(':')[1]*1;
        for ( var i = 0, len = obj.length; i<len; i += 1 ) {
            if ( less < obj[i][type]*1 && obj[i][type]*1 < more ) {
                arr[j] = obj[i];
                j += 1;
            }
        }
        return arr;
    }
}

function CalculateKitchen () {
    if ($('.form-culc-kitchen input[name="mail"]').val().length < 6) {
        alert('Необходимо заполнить обязательное поле Email');
        $('.form-culc-kitchen input[name="mail"]').focus();
        return;
    }
    var acmess = '<div class="active active-calculate-kitchen" style="width:550px;background-color:#FFFFFF;position:absolute;">Сообщение отправляется, дождитесь пожалуйста завершения пересылки сообщения, не уходите со страницы и не отправляйте сообщение снова.</div>';
    $(".form-culc-kitchen .acmess").html(acmess)
    $.post("/calc/",
        {
          href:$('.form-culc-kitchen input[name="href"]').val(),
          item:$('.form-culc-kitchen textarea[name="item"]').val(),
          size:$('.form-culc-kitchen input[name="size"]').val(),
          fio:$('.form-culc-kitchen input[name="fio"]').val(),
          mail:$('.form-culc-kitchen input[name="mail"]').val(),
          tel:$('.form-culc-kitchen input[name="tel"]').val()
        },function(data){
               if(data=="ok"){
                   acmess = '<div class="active active-calculate-kitchen" style="width:550px;background-color:#FFFFFF;position:absolute;">Спасибо. Сообщение получено, мы посчитаем вашу кухню и сообщим вам результаты подсчетов.</div>';
               } else {
                   acmess = '<div class="active active-calculate-kitchen" style="width:550px;background-color:#FFFFFF;position:absolute;">Сбой сервера, сообщение не отправлено.</div>';
               }
               $(".form-culc-kitchen .acmess").html(acmess);
            setTimeout(function(){
                $('.active-calculate-kitchen').remove();
                $('.form-culc-kitchen input[name="href"]').val(""),
                $('.form-culc-kitchen textarea[name="item"]').val(""),
                $('.form-culc-kitchen input[name="size"]').val(""),
                $('.form-culc-kitchen input[name="fio"]').val(""),
                $('.form-culc-kitchen input[name="mail"]').val(""),
                $('.form-culc-kitchen input[name="tel"]').val("")
            }, 10000);
    },"html");
}