//tab effects


var TabbedContent = {


	init: function(menu, submenu) {

            switch (submenu) {
   case "index":
        menu=0;
        submenu=0;
        break


   case "horarios":
        menu=1;
        submenu=1;
        break

  case "historia":
        menu=1;
        submenu=2;
        break

    case "como-llegar":
        menu=1;
        submenu=3;
        break

    case "rrhh":
        menu=1;
        submenu=4;
        break

    case "medios_de_pago":
        menu=3;
        submenu=5;
        break;
    case "promo_acciones":
        menu=3;
        submenu=6;
        break

    case "novedades":
        menu=4;
        break

    case "cines":
        menu=5;
        submenu=7;
        break

    case "aventura":
        menu=5;
        submenu=8;
        break

    case "agenda":
        menu=5;
        submenu=9;
        break

    case "del_shopping":
        menu=6;
        submenu=10;
        break

    case "jumbo":
        menu=6;
        submenu=11;
        break

    case "easy":
        menu=6;
        submenu=12;
        break
    case "newsletter":
        menu=7;

        break
}


            if (menu != 0) {

                var background = $('#menu'+menu).parent().find(".moving_bg");

                $('#submenu'+submenu).addClass('active');

                $(background).stop().animate({
                        left: $('#menu'+menu).position()['left']
                }, {
                        duration: 300
                });
				

                TabbedContent.startContent(menu);
            
            } else  {
				   $(".moving_bg").css({left:-100});

                   $('.tabslider').css({marginLeft:-826});

            }


            $(".tab_item").mouseover(function() {
				
				
				 /*$(".slide_content").stop().animate ({
					opacity: 1					
					}, { duration: 800}); */
					
                var background = $(this).parent().find(".moving_bg");

                $(background).stop().animate({
                        left: $(this).position()['left']
                }, {
                        duration: 300
                });
								
                TabbedContent.slideContent($(this));

            });
			
			$(".tab_item").mouseout(function() {
				             
				var background = $(this).parent().find(".moving_bg");
			
                $(background).stop().animate({
                        left: '-300'
                }, {
                        duration: 300 
                });
				
				
				/*$(".slide_content").stop().animate ({
					opacity: 0,
					marginLeft: 0
					}, { duration: 200}); */
	
				
				TabbedContent.slideContent($(this));
				
            });
			
			
	},

        startContent: function(menu) {

		var margin = $(".slide_content").width();
		margin = margin * (menu - 1);
		margin = margin * -1;

                
		$(".tabslider").stop().animate({
			marginLeft: margin + "px"
		}, {
			duration: 0
		});
	},
	
	slideContent: function(obj) {
		
		var margin = $(obj).parent().parent().find(".slide_content").width();
		margin = margin * ($(obj).prevAll().size() - 1);
		margin = margin * -1;
		
		$(obj).parent().parent().find(".tabslider").stop().animate({
			marginLeft: margin + "px"
		}, {
			duration: 300
		});
	}
}

$(document).ready(function() {
	menu = 0;
	submenu = 0;
	TabbedContent.init(menu, submenu);
        
});