/******************************************************************/
/* Replace static google map with dynamic map through client side */
/******************************************************************/
/*
function setSubNavWidth() {
    // set the width of main container for holding ul menus
    
    $(".defaultSubNavHolder > ul").each(function() {
        $(this).width($(this).find("> li").length * $(this).find("> li").width());
        // set the width of bottom edge container so it will match with container above
        $(this).parent().next().width($(this).width() - 170 + 25 + 25);
    });
    $(".defaultSubNav").hide().css("visibility", "visible");    
}
 */
 
$(document).ready(function() {

    $(".defaultSubNav").each(function() {
        var dsnhParent = $(this).find('.dsnhParent');
        var dsnhParentLi = $(dsnhParent).find('.dsnhParentLi');
        var dsnhBottomEdge = $(this).find('.bottomEdge');
        var calculatedWidth = $(dsnhParentLi).length * $(dsnhParentLi).width();
        $(dsnhParent).css("width",calculatedWidth+"px");
        $(dsnhBottomEdge).css("width",(calculatedWidth - 170 + 25 + 25)+"px");
    });
    $(".defaultSubNav").hide().css("visibility", "visible");

    $(".defaultNavLi").hover(
        function() {
            $(this).find('.defaultSubNav').show();
            if ($(this).hasClass("ourPeople")) {
                $(this).removeClass("ourPeople");
                $(this).addClass("menuLiHoverOurPeople");
                return;
            }
            if ($(this).hasClass("aboutUs")) {
                $(this).removeClass("aboutUs");
                $(this).addClass("menuLiSelectedAboutUs");
                Cufon.replace($(this).find("a.cufon"));
                return;
            }
            if ($(this).hasClass("menuLiHoverOurPeople")) return;
            // replace background for main menu
            $(this).addClass("menuLiSelected");
            Cufon.replace($(this).find("a.cufon"));
            return false;

            // replace background for main menu
            //$(this).addClass("menuLiHover");
            //Cufon.replace($(this).find("> a.cufon"));
        },
        function() {
            $(this).find('.defaultSubNav').hide();
            $(this).removeClass("menuLiSelected");
            $(this).removeClass("menuLiHover");

            if ($(this).hasClass("menuLiHoverOurPeople")) {
                $(this).addClass("ourPeople");
                $(this).removeClass("menuLiHoverOurPeople");
            }
            if ($(this).hasClass("menuLiSelectedAboutUs")) {
                $(this).addClass("aboutUs");
                $(this).removeClass("menuLiSelectedAboutUs");
                Cufon.replace($(this).find("a.cufon"));
            }
            Cufon.replace($(this).find("a.cufon"));
        }
    );
   
    // enter keywords
    $(".searchBox input").blur(function() {
        if ($(this).val() == "") {
            $(this).css("color", "#bbbbbb"); $(this).val("Enter keywords");
        }
    });

    $(".searchBox input").focus(function() {
        $(this).css("color", "#221E1F");
        if ($(this).val() == "Enter keywords") $(this).val("");
    });

    // print button
    $("li.print a").click(function() { print(); return false; });

    if ($('#pageMode') && $('#pageMode').val() == 'edit') return;
    if ($('#pageMode') && $('#pageMode').val() == 'preview') return;

    var staticMaps = $('.gmap');

    var parseQueryString = function(src) {
        var qs = new Hashtable();
        $.each(src.split('&'), function(i) {
            var kv = this;
            if (kv == "") return;
            var key = kv.split('=')[0];
            var value = kv.split('=')[1];
            qs.put(key, value);
        });
        return qs;
    };

    $.each(staticMaps, function(i) {
        var staticMap = this;

        //grab all meta
        var src = $(staticMap).attr('src').replace(/^.*\?/, '');
        var queryString = parseQueryString(src);
        var lat = queryString.get('center').split(',')[0];
        var lng = queryString.get('center').split(',')[1];
        var width = queryString.get('size').split('x')[0];
        var height = queryString.get('size').split('x')[1];
        var zoom = Number(queryString.get('zoom'));
        var maptype = queryString.get('maptype');
        var markers = queryString.get('markers');


        //insert placeholder
        var dynamicMap = $('<div/>').attr('id', 'dynamic_gmap_' + i)
            .css('display', 'inline-block')
            .css('width', width + 'px')
            .css('height', height + 'px')
            .css('overflow', 'hidden');
        $(staticMap).after(dynamicMap);
        $(staticMap).hide();

        //create gmap object
        var tmpGMap = new GMap2(dynamicMap[0]);
        tmpGMap.setCenter(new GLatLng(lat, lng), zoom);
        tmpGMap.setUIToDefault();

        if (maptype == 'roadmap') tmpGMap.setMapType(G_NORMAL_MAP);
        else if (maptype == 'satellite') tmpGMap.setMapType(G_SATELLITE_MAP);
        else if (maptype == 'hybrid') tmpGMap.setMapType(G_HYBRID_MAP);
        else if (maptype == 'terrain') tmpGMap.setMapType(G_PHYSICAL_MAP);

        markers = markers.replace(/%7C/g, '|');

        $.each(markers.split('|'), function(i) {
            if (this == "") return;
            var mlat = this.split(',')[0];
            var mlng = this.split(',')[1];
            tmpGMap.addOverlay(new GMarker(new GLatLng(mlat, mlng)));
        });

    });
});

/******************************************************************/
/* Client side code for email subscription component              */
/******************************************************************/
var EmailSC_frontEnd = {
    subscribe: function(cid, dbId) {
        var t = this;
        var fieldArray = []; //we will fill this and send to web service
        var valid = true;

        // text fields
        var textFields = $('.componentES_' + cid + ' .fields input.text');
        $.each(textFields, function(i) {
            var field = this;
            var type = field.type.toLowerCase(); var name = field.name; var value = field.value; var checked = field.checked;

            if ($(field).hasClass('mandatory') && $.trim(value).length <= 0) { valid = false; return false; } //validation
            fieldArray.push({ Name: name, Value: value });

        });

        // radio fields
        var radioWraps = $('.componentES_' + cid + ' .fields .radio_wrap');
        $.each(radioWraps, function(i) {
            var name = $(this).attr('title');
            var mandatory = $(this).hasClass('mandatory');
            var $radios = $('.radio:checked', $(this));
            if (mandatory && $radios.length <= 0) { valid = false; return false; } //validation
            var value = $radios.val();
            fieldArray.push({ Name: name, Value: value });
        });


        // select fields
        var selectFields = $('.componentES_' + cid + ' .fields select.field');
        $.each(selectFields, function(i) {
            var field = this;
            var name = field.name;
            var options = $('option', $(field));
            var value = null;

            $.each(options, function(j) {
                var option = this;
                if (option.selected && $(field).hasClass('mandatory') && $(option).hasClass('default')) { //validation
                    valid = false;
                    return false;
                }
                if (option.selected) {
                    value = option.value;
                    return false;
                }
            });

            if (value != null) fieldArray.push({ Name: name, Value: value });
        });

        // checkbox field
        var checkboxWraps = $('.componentES_' + cid + ' .fields .checkbox_wrap');
        $.each(checkboxWraps, function(i) {
            var name = $(this).attr('title');
            var mandatory = $(this).hasClass('mandatory');
            var $checkboxes = $('.checkbox:checked', $(this));
            var values = '';

            $.each($checkboxes, function(j) {
                values += values.length > 0 ? ', ' : '';
                values += $(this).val();
            });

            if (mandatory && values.length <= 0) { valid = false; return false; } //validation
            fieldArray.push({ Name: name, Value: values });
        });

        // date field
        var dateFields = $('.componentES_' + cid + ' .fields .date');
        $.each(dateFields, function(i) {
            var name = $(this).attr('name');
            var value = $(this).val();
            var mandatory = $(this).hasClass('mandatory');
            if (mandatory && $.trim(value).length <= 0) { valid = false; return false; }
            fieldArray.push({ Name: name, Value: value });
        });

        // stop here if form is invalid
        if (!valid) {
            $('.componentES_' + cid + ' .mandatory_error').show();
            $('.svcError_' + cid).html('Fields marked with asterisks (*) are mandatory');
            return;
        } else {
            $('.componentES_' + cid + ' .mandatory_error').hide();
            $('.svcError_' + cid).html('');
        }

        // turn on ajax loader image
        $('.componentES_' + cid + ' .loader').show();

        //send via service -- (servicePath, methodName, useGet, params, onSuccess, onFailure, userContext, timeout)
        Sys.Net.WebServiceProxy.invoke('/awms/services/EmailSubscription.asmx', 'subscribeContact', false, { databaseId: dbId, customFields: fieldArray },
        function(resp) {
            $('.svcSuccess_' + cid).html('Subscription success');
            $('.componentES_' + cid + ' .loader').hide();
        }, function(err) {
            //$('.svcError_' + cid).html(err.get_message() + '<br/>' + err.get_exceptionType() + '<br/><pre>' + err.get_stackTrace() + '</pre>');
            $('.svcError_' + cid).html(err.get_message());
            $('.componentES_' + cid + ' .loader').hide();
        });
    },

    // Initialize component on load / update
    init: function(cid) {
        $.each($('.componentES_' + cid + ' .date'), function(i) {
            $(this).datepicker({ dateFormat: 'yy-mm-dd', changeYear: true });
        });
        
    
    }

    // run overlay
};