$(document).ready(function() {
jQuery.preLoadImages("http://www.mercedes-benz.com.co/web/images/loading.gif", "http://www.mercedes-benz.com.co/web/css/css_ng/bg_fly_v2_1.png", "http://www.mercedes-benz.com.co/web/css/css_ng/bg_fly_v1_1.png", "http://www.mercedes-benz.com.co/web/css/css_ng/bg_fly_v1_2.png");
        var bd = {
		_cached:{},
		    getBodies: function(idclass, layer){
			    layer.html('<img class="menu-loading" src="http://www.mercedes-benz.com.co/web/images/loading.gif" />');
			    var cacheKey = idclass;
			    if(bd._cached[cacheKey]) {
				    //lb.currentPage = page;
				    layer.html(bd._cached[cacheKey]);				
				    //lb._selectPageButton();
				    return;
			    }
			    var url = 'http://www.mercedes-benz.com.co/web/ajax/get_class_bodies/';
			    $.post(url,{id: idclass}, function(data) {
				      layer.html(data);
				      bd._cached[cacheKey] = data;
			    });

		    }
        }
        //main menu logic begins
        $(".ms-navi > li").hover(
            function(){                
                $(this).addClass("ms-fly-hover");                
            },
            function(){
                $(this).removeClass("ms-fly-hover");
            });         
        //main menu logic ends
        
        //classes menu logic begins
         $("#ms-i-class-list > li").hover(
            function() {
                 $(this).addClass("ms-fly-hover");
                 var id = $(this).attr('id').split('@');
                 var layer = $('#' + id[0]);
                 //layer.show('slide',{ direction: "left" },200);
                 layer.css("display", 'block');
                 bd.getBodies(id[1], layer); 
            },
            function() {
                 $(this).removeClass("ms-fly-hover");
                 var id = $(this).attr('id').split('@');
                 var layer = $('#' + id[0]);
                 layer.css("display", 'none');
                 //layer.hide('slide',{ direction: "left" },200); 
            }
        );
        //classes menu logic ends
        
        //Newsletter
        $('#ms-navi-meta-1').bind('click',  function(){
            $('#ms-navi-newsletter').show('slide',{ direction: "up" },500);
            }
        );
        $('#ms-navi-meta-2').bind('click', function(){
            $('#ms-navi-search').show('slide',{ direction: "up" },500);
        });
        $('#ms-navi-newsletter > .close').bind( 'click', function(){
            $('#ms-navi-newsletter').hide('slide',{ direction: "up" },500);
            }
        );
        $('#ms-navi-search > .close').bind( 'click', function(){
            $('#ms-navi-search').hide('slide',{ direction: "up" },500);
            }
        );
        $('#register-button').bind('click', function(){
            var name = $("input[name=nl_name]");
            var email = $("input[name=nl_email]");
            var test_mail = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email.val());
            if(!test_mail){
                mb_alert('Por favor ingrese una dirección de e-mail válida');
                return;
            }
            if(name.val().length < 4){
                mb_alert('Por favor ingrese su nombre');
                return;
            }
            var url = 'http://www.mercedes-benz.com.co/web/ajax/subscribe/';
            $.post(url,{email: email.val(), name: name.val()}, function(data) {
                  $('#ms-navi-newsletter').hide('slide',{ direction: "up" },500);
                  name.val('');
                  email.val('');
                  mb_alert(data, 'Newsletter');
            });
            
        });
        
        

            $('.window .close').click(function (e) {
                e.preventDefault();
                $('#mask, .window').hide();
            });        

            $('#mask').click(function () {
                $(this).hide();
                $('.window').hide();
            });
            $('.highlight-image span').bind('click', function(){
                var link = $('.highlight-image img').attr('name');
                if(link.substring(0,7) != 'http://'){
                    link = 'http://www.mercedes-benz.com.co/web/' + link;
                }
                document.location.href = link;
            });
            $('#search-form').submit(function()
            {
                
                var term = $('#search-field').val();         
                 if(term != '')
                 {
                    if(term.length < 3){
                     mb_alert('Por favor escriba un término de búsqueda más largo', 'Buscar');
                     return false;
                     }
                 }else{
                     return false;
                 }
                return true;
            });

     });
     $(window).load(function(){
         $('#maskit').remove();
     });
     
     //////
     function body_specs(el, slug)
     {
    	$('ul.ms-navi li a').removeClass('ms-hover');
    	$(el).addClass('ms-hover'); 		
		$('.ms-navi-main-fly-v1-2-right').css('display', 'none');
		$('.ms-navi-main-fly-v1-2-bottom').css('display', 'none');
		if($('.loc-avail').length > 0){								
			$('.loc-avail').css('display', 'none');
		}
		if($('.loc-avail-flag').length > 0){
			$('.loc-avail-flag').css('display', 'none');
		}
		
		$('#body-r' + slug).css('display', 'block');
		$('#body-b' + slug).css('display', 'block');
		$('#body-a' + slug).css('display', 'block');
		$('#body-i' + slug).css('display', 'block');				
     }
     var mb_alert = function(message){
         
            var id = '#dialog';
            var mtitle = 'Mercedes-Benz Colombia';
            
            if(arguments[1]){
                mtitle = arguments[1];
            }
            $('#dialog .mtitle').html(mtitle);
            $('#dialog .message').html(message);
        
            var maskHeight = $(document).height();
            var maskWidth = $(window).width();
        
            $('#mask').css({'width':maskWidth,'height':maskHeight});
        
            var winH = $(window).height();
            var winW = $(window).width();

            $(id).css('top',  winH/2-$(id).height()/2);
            $(id).css('left', winW/2-$(id).width()/2);

            $(id).fadeIn(500);
        }
     
     function search()
     {
         $('#search-form').submit();
     }