/**
 * @description скрипты для m5 css framework
 */
 
/**
 * @description полная загрузка страницы, картинки при этом уже загрузились
 */
window.onload=documentLoaded; // присваиваем функцию documentLoaded

/**
 * @description вызов функций при полной загрузке страницы, картинки при этом уже загрузились
 */
function documentLoaded(){
	
}

/**
 * @description вызов функций при полной загрузке DOM дерева, картинки при этом еще не загрузились
 */


$(document).ready(function(){
    $(".banner_orrange a span.my_text, .banner_pink a span.my_text, .main_menu a, .percent, .slogan").textShadow();
	
	$('div.contacts div.marb0 p:last').css('margin',0);
	
    autoclearInput(); 
    garmoshka();
    drop_menu();
		
})


/**
 * @description очистка инпутов, при клике на них - Banzalik
 */
function autoclearInput(){
    $(".autoclear").each(function(){
        $(this).attr("defaultvalue",$(this).attr("value")); // записываем в defaultvalue значение по умолчанию, необходимо для проверки нового стекста со старым
    });

    $(".autoclear").click(function(){
        if ($(this).attr("value")==$(this).attr("defaultvalue")) { // проверяем совпадают ли value и defaultvalue
            $(this).attr("value", ""); // сбрасываем значение value
        }
    })
    
}

/**
 * @description гармошка - Postovit
 */
function garmoshka() {
    $('div.row_lk').hover( function() {
        $(this).find('div.row_lk_bg').toggleClass('row_lk_hover')
    },
    function() {
        $(this).find('div.row_lk_bg').toggleClass('row_lk_hover')
    }
    )
    $('div.row_lk_bg').click ( function(){
        $(this).parent('div').toggleClass('row_lk_active')
    })
	
} 


/**
 * @description главное меню - выпадающее меню при наведении - Postovit
 */
function drop_menu() {
    $('div.main_menu li').hover(
        function(){
            if($(this).attr("rel")!="act")
                var my_w=$(this).find('a:eq(0)').width()+60;
            else
                var my_w=$("div[rel=act_menu]").width()+60;
            $(this).addClass('li_active_drop');
            $(this).find('div.drop_menu_piece').width(my_w);
        },
        function(){
            $(this).removeClass('li_active_drop');
        }
        )
}

$(function() {

var item_popup = $('#item_popup');
var item_popup_title = $('#item_title',item_popup);
var item_popup_price = $('#item_price',item_popup);
var main_popup_preview = $('#main_popup_preview',item_popup);
var small_popup_preview_list = $('#small_previews',item_popup);
var popup_overlay = $('.popup_overlay');
var close_popup_button = $('.popup_close');


function closeItemPopup() {
    item_popup.css({
        'visibility':'hidden',
        'display':'none'
    });
    popup_overlay.hide();
}

function positionItemPopup() {
    item_popup.css({
        'margin-left':0 - item_popup.width()/2,
        'margin-top':0 - item_popup.height()/2
    });
}

function showItemPopup() {
    popup_overlay.show();
    item_popup.css('display','block');
	positionItemPopup();
    item_popup.css({'visibility':'visible'});
}

function setItemPopup(item_id) {
	item_popup_title.html(popup_title[item_id]);
	item_popup_price.html(popup_cost[item_id]);
	images_list = '';
	first_image_src = '';
		for (image in popup_images[item_id]) {
			if (first_image_src.length == 0) {
				first_image_src = popup_images[item_id][image];
			}
			images_list += '<li><a href="#"><img width="80" src="' + popup_images[item_id][image] + '" /></a></li>';
		}
		small_popup_preview_list.html(images_list);
		main_popup_preview.load(function() {
			positionItemPopup();
			showItemPopup();
		}).attr('src',first_image_src);
		$('li:first-child',small_popup_preview_list).addClass('active');
		$('a',small_popup_preview_list).click(function() {
			if (!$(this).closest('li').hasClass('.active')) {
				preview_src = $(' > img',$(this)).attr('src');
				main_popup_preview.attr('src',preview_src);
				$('.item_popup .small_previews > li.active').removeClass('active');
				$(this).closest('li').addClass('active');
			}
			return false;
		});
}


    popup_overlay.click(function() {
        closeItemPopup();
    });
	close_popup_button.click(function() {
        closeItemPopup();
		return false;
	});
    $(".popup_item_trigger, .decor_kart a").click(function() {
		item_id=$(this).attr("item_id");
		if (typeof popup_images[item_id] !== 'undefined'){
			setItemPopup(item_id);
			return false;
		}
    });
	$(window).resize(function() {
		positionItemPopup();
	});

});

//---------------------------------------------------------------------------------------
function check_email(val){
    reg = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
    if (!val.match(reg))
        return false;
    return true;
}

function check_number(val){
    var pattern = /^\d{1,32}$/;
   
    if( val.match(pattern)==null)
        return false;
    return true;
}

function check_value(str,min_length,max_length){
    min_length = min_length || '';
    max_length = max_length || '';
    var str=str_replace(" ","",str);
    if(str=="" || !str || (min_length!='' && str.length<min_length) || (max_length!='' && str.length>max_length))
        return false;
    return true;
}

function ToInt(value){
    return value-0;
}

function pop_view(url,name){
    popupWin = window.open(url,name, "location=0,width=800,height=600,top=0,status=0,scrollbars=1,resizable=1");
    popupWin.focus();
    return false;
}

function goTo(where) {
    document.location.replace(where);
    return false;
}

function MathRound(value,digit){
    return Math.round(value*100)/100;
}