// JavaScript Document
function selectBtn(btn) {
    if (btn == 'prev') {
        var oldClass = document.getElementById("btn_Prev").className;
        document.getElementById("btn_Prev").className = oldClass + " selected";
        document.getElementById("btn_Next").className = "Next";
    }
    else {
        var oldClass = document.getElementById("btn_Next").className;
        document.getElementById("btn_Prev").className = "Prev";
        document.getElementById("btn_Next").className = oldClass + " selected";
    }
}

function selectButton(btn) {
    if (btn == 'aboutus') {
        document.getElementById("js_subMenu").style.display = 'block';
        document.getElementById("btn_aboutus").style.backgroundPosition = '0px 0px';
        deselectButton('patientCenter');
        deselectButton('healthkn');
        deselectButton('hospitality');
        deselectButton('contactus');
        deselectButton('mc');
        deselectButton('medcen');
        deselectButton('doct');
    }
    else if (btn == 'patientCenter') {

        deselectButton('aboutus');
        deselectButton('hospitality');
        deselectButton('healthkn');
        deselectButton('medcen');
        deselectButton('mc');
        deselectButton('contactus');
        deselectButton('doct');
        document.getElementById("js_patcenter").style.display = 'block';
        document.getElementById("btn_patCenter").style.backgroundPosition = '0px 0px';
    }
    else if (btn == 'hospitality') {

        document.getElementById("js_hospitality").style.display = 'block';
        document.getElementById("btn_hospitality").style.backgroundPosition = '0px 0px';
        deselectButton('aboutus');
        deselectButton('patientCenter');
        deselectButton('healthkn');
        deselectButton('medcen');
        deselectButton('mc');
        deselectButton('contactus');
        deselectButton('doct');
    }
    else if (btn == 'healthkn') {

        document.getElementById("js_healthkn").style.display = 'block';
        document.getElementById("btn_healthkn").style.backgroundPosition = '0px 0px';
        deselectButton('aboutus');
        deselectButton('patientCenter');
        deselectButton('hospitality');
        deselectButton('medcen');
        deselectButton('mc');
        deselectButton('contactus');
        deselectButton('doct');
    }
  
    else if (btn == 'medcen') {

        document.getElementById("js_medcen").style.display = 'block';
        document.getElementById("btn_medcen").style.backgroundPosition = '0px 0px';
        deselectButton('aboutus');
        deselectButton('patientCenter');
        deselectButton('hospitality');
        deselectButton('healthkn');
        deselectButton('contactus');
        deselectButton('mc');
        deselectButton('doct');
    }
    else if (btn == 'mc') {
        deselectButton('aboutus');
        deselectButton('patientCenter');
        deselectButton('hospitality');
        deselectButton('healthkn');
        deselectButton('contactus');
        deselectButton('medcen');
        deselectButton('doct');
    }
    else if (btn == 'contactus') {
        deselectButton('aboutus');
        deselectButton('patientCenter');
        deselectButton('hospitality');
        deselectButton('healthkn');
        deselectButton('mc');
        deselectButton('medcen');
        deselectButton('doct');
    }
    else if (btn == 'doct') {
        document.getElementById("js_medical").style.display = 'block';
        document.getElementById("btn_doct").style.backgroundPosition = '0px 0px';
        deselectButton('aboutus');
        deselectButton('patientCenter');
        deselectButton('hospitality');
        deselectButton('healthkn');
        deselectButton('mc');
        deselectButton('medcen');
        deselectButton('contactus');
    }
}
function deselectButton(btn) {
    if (btn == 'aboutus') {
        document.getElementById("js_subMenu").style.display = 'none';
        document.getElementById("btn_aboutus").style.backgroundPosition = '0px -13px';
    }
    else if (btn == 'patientCenter') {

        document.getElementById("js_patcenter").style.display = 'none';
        document.getElementById("btn_patCenter").style.backgroundPosition = '0px -12px';
    }
    else if (btn == 'hospitality') {

        document.getElementById("js_hospitality").style.display = 'none';
        document.getElementById("btn_hospitality").style.backgroundPosition = '0px -13px';
    }
    else if (btn == 'healthkn') {

        document.getElementById("js_healthkn").style.display = 'none';
        document.getElementById("btn_healthkn").style.backgroundPosition = '0px -13px';
    }
    else if (btn == 'medcen') {

        document.getElementById("js_medcen").style.display = 'none';
        document.getElementById("btn_medcen").style.backgroundPosition = '0px -13px';
    }
    else if (btn == 'doct') {
    document.getElementById("js_medical").style.display = 'none';
        document.getElementById("btn_doct").style.backgroundPosition = '0px -13px';
    }


}
function is_child_of(parent, child) {
    if (child != null) {
        while (child.parentNode) {
            if ((child = child.parentNode) == parent) {
                return true;
            }
        }
    }
    return false;
}
function fixOnMouseOut(element, event, btn) {
    var current_mouse_target = null;
    if (event.toElement) {
        current_mouse_target = event.toElement;
    } else if (event.relatedTarget) {
        current_mouse_target = event.relatedTarget;
    }
    if (!is_child_of(element, current_mouse_target) && element != current_mouse_target) {
        deselectButton(btn);
    }
}
function openMap() {
    document.getElementById("js_map").style.display = 'block';
}
function hideMap() {
    document.getElementById("js_map").style.display = 'none';
}
function openFormOnApp() {
    $("body").addClass("onlineAppointment");
    document.getElementById("js_onlineapp_wrap").style.display = 'block';
}
function hideFormOnApp() {
    document.getElementById("js_onlineapp_wrap").style.display = 'none';
}
function openForm() {
    if (document.getElementsByTagName('body')[0].getAttribute('id') == 'Physicians') {
    $("#Physicians").addClass("joinOurTeam");
        /*document.getElementById("wrap").style.opacity=(0.05);
        document.getElementById("wrap").style.filter  = "alpha(opacity='5')";*/
        document.getElementById("js_phys_wrap").style.display = 'block';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'international_patients') {
        document.getElementById("js_onlineapp_wrap").style.display = 'block';
        document.getElementById("js_loc_pat").className = 'local_patients';

    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'localPatients') {
        document.getElementById("js_onlineapp_wrap").style.display = 'block';
        document.getElementById("js_loc_pat").className = 'local_patients';

    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'donate_blood') {
        document.getElementById("js_onlineapp_wrap").style.display = 'block';
        document.getElementById("js_loc_pat").className = 'local_patients';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'photoGallery' || document.getElementsByTagName('body')[0].getAttribute('id') == 'prevEv_phGall') {
        document.getElementById("js_photoGall_wrap").style.display = 'block';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'motherCare' || document.getElementsByTagName('body')[0].getAttribute('id') == 'mother') {
        document.getElementById("js_Video_wrap").style.display = 'block';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'contact_us') {
        document.getElementById("js_onlineapp_wrap").style.display = 'block';
    }
    else if (document.getElementsByTagName('body')[0].getAttribute('id') == 'siteMap') {
        document.getElementById("js_onlineapp_wrap").style.display = 'block';
    }
    else
        document.getElementById("js_onlineapp_wrap").style.display = 'block';
}
function hideForm() {
    if (document.getElementsByTagName('body')[0].getAttribute('id') == 'Physicians') {  /* document.getElementById("wrap").style.opacity=(1);
		document.getElementById("wrap").style.filter  = "alpha(opacity='100')";*/
        document.getElementById("js_phys_wrap").style.display = 'none';
        document.getElementById("js_uploadfile").style.marginBottom = '55px';
        document.getElementById("js_lbsubmit").style.display = 'none';
        document.getElementById("js_lbFile").style.display = 'inline-block';
        document.getElementById("js_imgLoad").style.display = 'inline-block';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'international_patients') {
        document.getElementById("js_onlineapp_wrap").style.display = 'none';
        document.getElementById("js_online_app").className = 'online_appointment';
        document.getElementById("js_don_pat").className = 'donate_blood';
        document.getElementById("js_int_pat").className = document.getElementById("js_int_pat").className + ' selected';
        document.getElementById("js_loc_pat").className = 'local_patients';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'localPatients') {
        document.getElementById("js_onlineapp_wrap").style.display = 'none';
        document.getElementById("js_online_app").className = 'online_appointment';
        document.getElementById("js_int_pat").className = 'international_patients';
        document.getElementById("js_don_pat").className = 'donate_blood';
        document.getElementById("js_loc_pat").className = document.getElementById("js_loc_pat").className + ' selected';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'donate_blood') {
        document.getElementById("js_onlineapp_wrap").style.display = 'none';
        document.getElementById("js_online_app").className = 'online_appointment';
        document.getElementById("js_int_pat").className = 'international_patients';
        document.getElementById("js_don_pat").className = document.getElementById("js_don_pat").className + ' selected';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'photoGallery' || document.getElementsByTagName('body')[0].getAttribute('id') == 'prevEv_phGall') {
        document.getElementById("js_photoGall_wrap").style.display = 'none';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'motherCare' || document.getElementsByTagName('body')[0].getAttribute('id') == 'mother') {
        document.getElementById("js_Video_wrap").style.display = 'none';
    }
    else
        if (document.getElementsByTagName('body')[0].getAttribute('id') == 'contact_us') {
        document.getElementById("js_onlineapp_wrap").style.display = 'none';
    }
    else if (document.getElementsByTagName('body')[0].getAttribute('id') == 'siteMap') {
        document.getElementById("js_onlineapp_wrap").style.display = 'none';
    }
    else
        document.getElementById("js_onlineapp_wrap").style.display = 'none';

}
function hideFormpress() {
    document.getElementById("js_photoGallpress_wrap").style.display = 'none';
}
function hideNewsLetter() {
    document.getElementById("js_newsletter_wrap").style.display = 'none';
}
//function hideSendFriend() {
//    document.getElementById("js_sendToFriend_wrap").style.display = 'none';
//}
//function openSendFriend() {
//    document.getElementById("js_sendToFriend_wrap").style.display = 'inline-block'
//}
function openNewsLetter() {
    document.getElementById("js_newsletter_wrap").style.display = 'block';
}
function openFormpress() {
    document.getElementById("js_photoGallpress_wrap").style.display = 'block';
}
function submitForm() {
    document.getElementById("js_uploadfile").style.marginBottom = '34px';
    document.getElementById("js_lbsubmit").style.display = 'inline-block';
    document.getElementById("js_lbsubmit").style.marginBottom = '21px';
    document.getElementById("js_lbFile").style.display = 'none';
    document.getElementById("js_imgLoad").style.display = 'none';
}
function showDept() {
    document.getElementById("js_ddlnbdept").style.display = 'block';
    document.getElementById("js_input").value = 'extension of departments';
    if (document.getElementById("js_ddlnbdept").style.display == "block")
        document.getElementById("numTel").style.display = "block";
}
function hideDept() {
    document.getElementById("js_ddlnbdept").style.display = 'none';
    document.getElementById("js_input").value = 'extension of departments';
    if (document.getElementById("js_ddlnbdept").style.display == "none")
        document.getElementById("numTel").style.display = "none";
}
function ChangeImage(img_name, img_src) {
    document[img_name].src = img_src;
    document.getElementById("js_gyn").className = 'gyn';
}
function fixMouseOut(element, event) {
    var current_mouse_target = null;
    if (event.toElement) {
        current_mouse_target = event.toElement;
    } else if (event.relatedTarget) {
        current_mouse_target = event.relatedTarget;
    }
    if (!is_child_of(element, current_mouse_target) && element != current_mouse_target) {
        hideDept();
    }
}
function slideSwitch() {
    var $active = $('#Division3 .RoomPic div.active');

    if ($active.length == 0) $active = $('#Division3 .RoomPic div:last');

    var $next = $active.next().length ? $active.next()
        : $('#Division3 .RoomPic div:first');

    $active.addClass('last-active');


    $active.css({ top: 50 })
			.animate({ top: 400 - $active.height() }, 5000, function() {
			    setTimeout(function() {
			        $active.animate({ opacity: 0.0 }, 5000, 'linear', function() {
			            $active.removeClass('active last-active');
			            $active.css({ opacity: 1, top: 50 })
			        });
			    }, 1000);
			    setTimeout(function() {
			        $next.css({ top: 50, opacity: -2 })
																					.addClass('active')
																					.animate({ top: 50, opacity: 1 }, 5000, function() {
																					    setTimeout("slideSwitch()", 500);
																					});

			    }, 1500);
			});
}
function PreloadImage(imgSrc, callback) {
    var objImagePreloader = new Image();

    objImagePreloader.src = imgSrc;
    if (objImagePreloader.complete) {
        callback();
        objImagePreloader.onload = function() { };
    }
    else {
        objImagePreloader.onload = function() {
            callback();
            //    clear onLoad, IE behaves irratically with animated gifs otherwise
            objImagePreloader.onload = function() { };
        }
    }
}
//	 
//function desaturate(img) {
//	var img2 = Pixastic.process(img, "desaturate");

//	img2.onmouseover = function() {
//		var index = $(this).index();
//		Pixastic.revert(this);
//		
//		$($('.photos').find('img')[index]).mouseout(function(){
//			desaturate($('.photos').find('img')[index]);
//		});
//		
//	}	
//}
function desaturate() {
    //var img2 = Pixastic.process(img, "desaturate");
    var percentWidth = 0;
    var percentHeight = 0;
    $('.photos').find('img').each(function(index) {
        grayscale($($('.photos').find('img')[index]));
        $($('.photos').find('img')[index]).mouseenter(function() {
            var e = $($('.photos').find('img')[index]);
            percentWidth = $(e).width() * 0.1;
            percentHeight = $(e).height() * 0.1;
            $(e).width($(e).width() + percentWidth);
            $(e).height($(e).height() + percentHeight);
            grayscale.reset($(e));
        });
        $($('.photos').find('img')[index]).mouseout(function() {
            var e = $($('.photos').find('img')[index]);
            $(e).width($(e).width() - percentWidth);
            $(e).height($(e).height() - percentHeight);
            grayscale($($('.photos').find('img')[index]));
        });
    })

    //    
    //      $(img).mouseleave(function() {
    //      grayscale($(img));
    //      });

    //    img2.onmouseover = function() {
    //        var index = $(this).index();
    //        Pixastic.revert(this);

    //        $($('.photos').find('img')[index]).mouseout(function() {
    //            desaturate($('.photos').find('img')[index]);
    //        });

    //    }	


}

function sendSupplierForm() {
    labelArray = ['nameLabel', 'positionLabel', 'countryLabel', 'emailLabel'];
    myArray = ['name', 'position', 'country', 'email'];
    var clear = 0;

    for (var i = 0; i < myArray.length; i++) {
        if (document.getElementById(myArray[i]).value.trim() == '') {
            document.getElementById(labelArray[i]).className += " fielderror";
            clear = clear + 1;
        }
        else {
            document.getElementById(labelArray[i]).className = "label";
            if (clear !== 0)
                clear = clear - 1;
        }
    }

    if (clear == 0)
        document.forms['suppliersForm'].submit();
}

function sendJoinUsForm() {
    labelArray = ['lnameLabel', 'fnameLabel', 'genderLabel', 'emailLabel', 'dobLabel', 'nationalityLabel', 'countryLabel', 'mobileLabel'];
    myArray = ['lname', 'fname', 'gender', 'email', 'dob', 'nationality', 'country', 'mobile'];
    var clear = 0;

    for (var i = 0; i < myArray.length; i++) {
        if (document.getElementById(myArray[i]).value.trim() == '') {
            document.getElementById(labelArray[i]).className += " fielderror";
            clear = clear + 1;
        }
        else {
            document.getElementById(labelArray[i]).className = "label";
            if (clear !== 0)
                clear = clear - 1;
        }
    }

    if (clear == 0) {
        document.getElementById("js_uploadfile").style.marginBottom = '34px';
        document.getElementById("js_lbsubmit").style.display = 'inline-block';
        document.getElementById("js_lbsubmit").style.marginBottom = '21px';
        document.getElementById("js_lbFile").style.display = 'none';
        document.getElementById("js_imgLoad").style.display = 'none';
        document.forms['JoinUsForm'].submit();
    }
}

////////////////////validate form
function valid(form, Json) {
    var isError = false;
    var elem;
    var elements = $(':input', '#' + form).not(':button, :submit, :reset, :hidden').each(
function(index, Element) {

    if (($(this).attr('required') == '1' || $(this).attr('value').length > 0) && (($(this).attr('email') == '1' && !IsValidEmail($(this).attr('value')))
|| ($(this).attr('text') == '1' && $(this).attr('value').length == 0)
|| ($(this).attr('number') == '1' && !IsValidNumber($(this).attr('value')))
)
) {
        $(this).addClass('requiredText');
        isError = true;
        if (!elem) elem = $(this);
    } else {
        $(this).removeClass('requiredText');
    }
}
);

    if (Json) {

        for (var j = 0; j < Json.length; j++) {
            var obj = Json[j];
            if (
                    (obj.isRequired || (obj.type != 'radio' && ($('#' + obj.formName).find('#' + obj.fieldName).attr('value').length > 0))) &&
                    (
                    (obj.type == 'email' && !IsValidEmail($('#' + obj.formName).find('#' + obj.fieldName).attr('value')))

                    || (obj.type == 'radio' && $('#' + obj.formName).find('input[name="' + obj.fieldName + '"]:checked').size() == 0)

                    || (obj.type == 'text' && $('#' + obj.formName).find('#' + obj.fieldName).attr('value').length == 0)

                    || (obj.type == 'number' && !IsValidNumber($('#' + obj.formName).find('#' + obj.fieldName).attr('value')))
                    )
                    ) {
                var div = $('#' + obj.errorID);
                div.addClass('fielderror');
                isError = true;
                //if (!elem) elem = $('#' + obj.formName).find('#' + obj.fieldName);
            } else {
            var div = $('#' + obj.errorID);
            div.removeClass('fielderror');
            }

        }
    }

    // if (elem)
    // elem.focus();
    return !isError;
}
function IsValidEmail(email) {
    var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    return filter.test(email);
}
function IsValidNumber(number) {
    var filter = /[0-9]+/;
    return filter.test(number);
}


function refreshUnits(url, parentId, selectId, loading) {
    if (loading != "")
    $("#" + parentId).addClass(loading);
    $.get(
url,
function(data) {
    $('#' + selectId).html(data);
    $('#' + selectId).change();
    if (loading != "")
    $("#" + parentId).removeClass(loading);
}
);
}