﻿function FormFieldFocus(ele) {
    ele.className = "form_field_focus";
    ele.style.color = "#aaa";
    /*ele.style.opacity = 0.9;
    ele.style.filter = "alpha(opacity=90)";
    ele.style.backgroundColor = "rgba(255, 255, 255, 0.8)";*/
}

function FormFieldBlur(ele) {
    ele.className = "form_field";
    ele.style.color = "";
    //ele.style.opacity = 0.5;
    //ele.style.filter = "alpha(opacity=50)";
}


function StartAnimateTextbox(ele, up) {
    if (ele.acnww_chk_value == undefined || ele.acnww_chk_value == null || "" + ele.acnww_chk_value == "") {
        if (up) {
            ele.acnww_chk_value = "0";
            ele.style.marginBottom = "8px";
        }
        else {
            ele.acnww_chk_value = "3";
            ele.style.marginBottom = "0px";
        }

        setTimeout("AnimateTextbox('" + ele.id + "', " + up + ");", 10);
    }
}

function AnimateTextbox(id, up) {
    var ele = document.getElementById(id);
    var value = parseInt(ele.acnww_chk_value);

    if (up)
        value++;
    else
        value--;
    ele.acnww_chk_value = "" + value;


    ele.style.marginLeft = "-" + parseInt(value) + "px";
    ele.style.marginTop = "-" + parseInt(value) + "px";

    ele.style.webkitBoxShadow = "3px 3px 8px rgba(0, 0, 0, 0." + (value * 3) + ")";
    ele.style.mozBoxShadow = "3px 3px 8px rgba(0, 0, 0, 0." + (value * 3) + ")";
    ele.style.boxShadow = "3px 3px 8px rgba(0, 0, 0, 0." + (value * 3) + ")";

    ele.style.color = "rgb(" + (136 + value * 30) + ", " + (136 + value * 30) + ", " + (136 + value * 30) + ")";

    if (value >= 3 || value <= 0) {
        ele.acnww_chk_value = undefined;
        if (value <= 0) {
            ele.style.webkitBoxShadow = null;
            ele.style.mozBoxShadow = null;
            ele.style.boxShadow = null;
            
            ele.className = "form_field";
        }
    }
    else {
        setTimeout("AnimateTextbox('" + id + "', " + up + ");", 10);
    }
}

function StartAnimateCheckbox(ele) {
    ele.className = "checkbox";
    
    ele = ele.getElementsByTagName("input")[0];

    if (ele.acnww_chk_value == undefined || ele.acnww_chk_value == null || "" + ele.acnww_chk_value == "") {
        if(!ele.checked)
            ele.acnww_chk_value = "0";
        else
            ele.acnww_chk_value = "5";

        setTimeout("AnimateCheckbox('" + ele.id + "');", 100);
    }
}

function AnimateCheckbox(id) {
    var ele = document.getElementById(id);
    var value = parseInt(ele.acnww_chk_value);

    if (ele.checked)
        value++;
    else
        value--;
    ele.acnww_chk_value = "" + value;

    var parent = ele.parentNode;
    parent.style.padding = "2px " + value + "px " + parseInt(value / 2) + "px 0px";
    
    parent.style.marginLeft = "-" + parseInt(value / 2) + "px";
    parent.style.marginTop = "-" + parseInt(value / 2) + "px";
    
    parent.style.backgroundColor = "rgba(55, 60, 82, 0." + value + ")";
    parent.style.border = "solid 1px rgba(150, 150, 150, 0." + parseInt(value / 2) + ")";

    parent.style.webkitBoxShadow = "3px 3px 3px rgba(0, 0, 0, 0." + value + ")";
    parent.style.mozBoxShadow = "3px 3px 3px rgba(0, 0, 0, 0." + value + ")";
    parent.style.boxShadow = "3px 3px 3px rgba(0, 0, 0, 0." + value + ")";
	    
    if (value >= 5 || value <= 0)
        ele.acnww_chk_value = undefined;
    else {
        setTimeout("AnimateCheckbox('" + id + "');", 20);
    }
}
