var arrowUpState={left: "18px", top: "18px" };
var arrowDownState = { left: "18px", top: "24px" };

var small_arrowUpState = { left: "16px", top: "14px" };
var small_arrowDownState = { left: "16px", top: "16px" };


var small_arrowUpStateCSS = { left: "10px", top: "14px" };
var small_arrowDownStateCSS = { left: "10px", top: "16px" };


var ChildOut = false;

var CurrArrowAnimaticCircle = 0;
var MaxArrowAnimaticCircle = 6;

function DownloadArrowAnimationCircle(obj, state, count, arrowClassName, UpState, DownState) {

    if (!ChildOut) {
        MaxArrowAnimaticCircle = count;
        CurrArrowAnimaticCircle = 0;
        DownloadArrowAnimationOneCircle(obj, state, arrowClassName, UpState, DownState);
    }
}

function DownloadArrowAnimationOneCircle(obj, state, arrowClassName, UpState, DownState) {
    /* debugger;*/
   /* if (!ChildOut) {*/
        var elems = obj.getElementsByTagName('div');
        for (var i = 0; i < elems.length; i++) {
            if (elems[i].className == arrowClassName) {
                if (state) {
                    $(elems[i]).animate(DownState, 150,
                            function () {
                                $(this).animate(UpState, 150, function () { $(this).css(UpState); CurrArrowAnimaticCircle++; if (CurrArrowAnimaticCircle < MaxArrowAnimaticCircle) { DownloadArrowAnimationOneCircle(obj, state, arrowClassName, UpState, DownState); } });
                            });
                }
                else {
                    $(elems[i]).stop();
                    $(elems[i]).css(UpState);
                }
            }
        }
   /* }*/
}



function SetChildOut(val,obj) {
    ChildOut = val;
    FadeTo(obj, 0);
}

function SetChildOutMain(val) {
    ChildOut = val;
}



function DownloadArrowAnimation3(obj, state) {
    /* debugger;*/
    var elems = $(obj).parent().getElementsByTagName('div');
    for (var i = 0; i < elems.length; i++) {
        if (elems[i].className == "bigButtonArrow") {
            if (state) {
                $(elems[i]).animate(arrowDownState, 150, function () {
                    $(this).animate(arrowUpState, 150, function () {
                        $(this).animate(arrowDownState, 150, function () {
                            $(this).animate(arrowUpState, 150, function () { $(this).css("top", "17px"); });
                        });
                    });
                });
            }
            else {
                $(elems[i]).stop();
                $(elems[i]).css("top", "17px");
            }
            /*, function () { $(elems[i]).css("top", "17px"); }*/
        }
    }
}


function FadeTo(obj,val) {
    $(obj).fadeTo(10, val);
   // obj.draggable = false;
}

function SlideDown(obj) {
    $(obj).slideDown(300);
}

function SlideDownUp(obj) {
    if ($(obj).css("display") == "none") {
        $(obj).slideDown(300);
    }
    else {
        $(obj).slideUp(300);
    }
}


function Navigate(url) {
    window.location = url;
}

function disableDraggingFor(element) {
    // this works for FireFox and WebKit in future according to http://help.dottoro.com/lhqsqbtn.php
    element.draggable = false;
    // this works for older web layout engines
    element.onmousedown = function (event) {
        event.preventDefault();
        return false;
    };
}