var PROGRESS_INTERVAL = 500;
    var PROGRESS_COLOR = '#000080';

    var _divFrame;
    var _divUploadMessage;
    var _divUploadProgress;
    var _ifrPhoto;

    var _loopCounter = 1;
    var _maxLoop = 10;
    var _photoUploadProgressTimer;
 
function openWindow(w,h,path)
{

    window.open(path, 'new', 'width=' + w + ',height=' +h + ', status=0, menubar=0, toolbar=0');

}

function stopLetters(evt) {
    evt = (evt) ? evt : window.event
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        status = "This field accepts numbers only."
        return false
    }
    status = ""
    return true
}

function hideObj(obj, msg)
{

  var p = obj.parentNode;
  obj.style.display='none';
  p.innerHTML='<span class="loadingBlock"><img src=\'images/loading.gif\' /> ' + msg + '...</span>';

}

function initPhotoUpload() {
    _divFrame = document.getElementById('divFrame');
    _divUploadMessage = document.getElementById('divUploadMessage');
    _divUploadProgress = document.getElementById('divUploadProgress');
    _ifrPhoto = document.getElementById('ifrPhoto');

    var btnUpload = _ifrPhoto.contentWindow.document.getElementById('btnUpload');

    btnUpload.onclick = function(event) {
        var filPhoto = _ifrPhoto.contentWindow.document.getElementById('filPhoto');

        //Baisic validation for Photo
        _divUploadMessage.style.display = 'none';

        if (filPhoto.value.length == 0) {
            _divUploadMessage.innerHTML = '<span style=\"color:#ff0000\">Please specify the file.</span>';
            _divUploadMessage.style.display = '';
            filPhoto.focus();
            return;
        }

        var regExp = /^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))(.jpg|.JPG|.gif|.GIF|.png|.PNG|.bmp|.BMP)$/;
        if (!regExp.test(filPhoto.value)) //Somehow the expression does not work in Opera
        {
            //_divUploadMessage.innerHTML = '<span style=\"color:#ff0000\">Invalid file type. Only supports jpg, gif, png and bmp.</span>';
            //_divUploadMessage.style.display = '';
            //filPhoto.focus();
            //return;
        }

        beginPhotoUploadProgress();
        _ifrPhoto.contentWindow.document.getElementById('photoUpload').submit();
        _divFrame.style.display = 'none';
    }
}

function beginPhotoUploadProgress() {
    _divUploadProgress.style.display = '';
    clearPhotoUploadProgress();
    _photoUploadProgressTimer = setTimeout(updatePhotoUploadProgress, PROGRESS_INTERVAL);
}

function clearPhotoUploadProgress() {
    for (var i = 1; i <= _maxLoop; i++) {
        document.getElementById('tdProgress' + i).style.backgroundColor = 'transparent';
    }

    document.getElementById('tdProgress1').style.backgroundColor = PROGRESS_COLOR;
    _loopCounter = 1;
}

function updatePhotoUploadProgress() {
    _loopCounter += 1;

    if (_loopCounter <= _maxLoop) {
        document.getElementById('tdProgress' + _loopCounter).style.backgroundColor = PROGRESS_COLOR;
    }
    else {
        clearPhotoUploadProgress();
    }

    if (_photoUploadProgressTimer) {
        clearTimeout(_photoUploadProgressTimer);
    }

    _photoUploadProgressTimer = setTimeout(updatePhotoUploadProgress, PROGRESS_INTERVAL);
}



function UploadComplete(sender, args) {

    var sID = sender.get_id();
    var item = sID.substring(sID.length - 1);

    var msg = document.getElementById(objname);

    var texterror = msg.innerText;

    if (texterror.length > 0) {
        alert(texterror);
        msg.innerHTML = "Upload Successful";


        return;
    }
    else {
        msg.innerHTML = "Upload Successful";
    }


    msg.innerHTML = parseInt((args.get_length() / 1024));
    window.blur();
}



function hidePrice(objid) {
    document.getElementById(objid).style.display = 'none';

}
function showPrice(objid) {
    document.getElementById(objid).style.display = '';

}
function animateBG(objid) {
    $('#' + objid).animate({ backgroundPosition: '0px -2px' }, 350);
    $('#' + objid).animate({ backgroundPosition: '0px 0px' }, 150);
}
$(document).ready(function () {

    $('.form input, .form textarea, .form select, #filter input, #filter select').focus(function () {

        //var obj = $(this);
        $(this).css('borderColor', '#00a3f7');
        $(this).parent().children('label').css('color', '#00a3f7');
        $(this).blur(function () {
            $(this).parent().children('label').css('color', 'inherit');
            $(this).css('borderColor', 'silver');
        });
    });


});