var Index_Page = function(){
}

//Index_Page.prototype.edit = function(id){
//    window.location = "/admin/banner/edit?id=" + id;
//}


var View = null;
    
$(document).ready(function(){

    View = new Index_Page();

    $(".js-category").click(function(){
       var catId = $(this).attr('data-id');
        $.ajax({
            'url' : "/app/index/category-filters",
            "type" : "POST",
            "data" : {
                "catId" : catId
            },
            "success" : function(response){
                $(".js-category-filters").html(response);
                $(".js-submit-search").click(function(){
                    $(this).parents('form:first').submit();
                });
                /*$(".js-info-tooltip-category").tooltip({
                    showURL: false,   
                    bodyHandler: function() {                                           
                    return $("<div class=\"tooltip-pad\"/>").html(this.getAttribute('data-tooltip'));
                        },
                    delay : 0,
                    fade : 250,
                    top : -22,
                    left : 10
                });*/
				$(".js-info-tooltip-category").bind( 'mouseenter', function()
				{
					target  = $( this );
					tip     = this.getAttribute('data-tooltip');
					tooltip = $( '<div id="tooltip-new"></div>' );
			 
					if( !tip || tip == '' )
						return false;
			 
					target.removeAttr( 'title' );
					tooltip.css( 'opacity', 0 )
						   .html( tip )
						   .appendTo( 'body' );
			 
					var init_tooltip = function()
					{
						if( $( window ).width() < tooltip.outerWidth() * 1.5 )
							tooltip.css( 'max-width', $( window ).width() / 2 );
						else
							tooltip.css( 'max-width', 340 );
			 
						var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ),
							pos_top  = target.offset().top - tooltip.outerHeight() - 20;
			 
						if( pos_left < 0 )
						{
							pos_left = target.offset().left + target.outerWidth() / 2 - 20;
							tooltip.addClass( 'left' );
						}
						else
							tooltip.removeClass( 'left' );
			 
						if( pos_left + tooltip.outerWidth() > $( window ).width() )
						{
							pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20;
							tooltip.addClass( 'right' );
						}
						else
							tooltip.removeClass( 'right' );
			 
						if( pos_top < 0 )
						{
							var pos_top  = target.offset().top + target.outerHeight();
							tooltip.addClass( 'top' );
						}
						else
							tooltip.removeClass( 'top' );
			 
						tooltip.css( { left: pos_left, top: pos_top } )
							   .animate( { top: '+=10', opacity: 1 }, 50 );
					};
			 
					init_tooltip();
					$( window ).resize( init_tooltip );
			 
					var remove_tooltip = function()
					{
						tooltip.animate( { top: '-=10', opacity: 0 }, 50, function()
						{
							$( this ).remove();
						});
			 
						target.attr( 'title', tip );
					};
			 
					target.bind( 'mouseleave', remove_tooltip );
					tooltip.bind( 'click', remove_tooltip );
				});
            }
        });  
    });
    
    
     $('.js-carousel-small').cycle({
            fx:    'fade',
            speed: 'slow',
            timeout: 3000,            
            fit: true,
            slideResize : true,
            containerResize : false            

        });
        
        
       /*$(".js-info-tooltip").tooltip({
            showURL: false,   
            bodyHandler: function() {                                           
            return $("<div class=\"tooltip-pad\"/>").html(this.getAttribute('data-tooltip'));
                },
            delay : 0,
            fade : 250,
            top : -22,
            left : 10
        });*/

		$(".js-info-tooltip").bind( 'mouseenter', function()
		{
			target  = $( this );
			tip     = this.getAttribute('data-tooltip');
			tooltip = $( '<div id="tooltip-new"></div>' );
		
			if( !tip || tip == '' )
				return false;
		
			target.removeAttr( 'title' );
			tooltip.css( 'opacity', 0 )
				   .html( tip )
				   .appendTo( 'body' );
		
			var init_tooltip = function()
			{
				if( $( window ).width() < tooltip.outerWidth() * 1.5 )
					tooltip.css( 'max-width', $( window ).width() / 2 );
				else
					tooltip.css( 'max-width', 340 );
		
				var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ),
					pos_top  = target.offset().top - tooltip.outerHeight() - 20;
		
				if( pos_left < 0 )
				{
					pos_left = target.offset().left + target.outerWidth() / 2 - 20;
					tooltip.addClass( 'left' );
				}
				else
					tooltip.removeClass( 'left' );
		
				if( pos_left + tooltip.outerWidth() > $( window ).width() )
				{
					pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20;
					tooltip.addClass( 'right' );
				}
				else
					tooltip.removeClass( 'right' );
		
				if( pos_top < 0 )
				{
					var pos_top  = target.offset().top + target.outerHeight();
					tooltip.addClass( 'top' );
				}
				else
					tooltip.removeClass( 'top' );
		
				tooltip.css( { left: pos_left, top: pos_top } )
					   .animate( { top: '+=10', opacity: 1 }, 50 );
			};
		
			init_tooltip();
			$( window ).resize( init_tooltip );
		
			var remove_tooltip = function()
			{
				tooltip.animate( { top: '-=10', opacity: 0 }, 50, function()
				{
					$( this ).remove();
				});
		
				target.attr( 'title', tip );
			};
		
			target.bind( 'mouseleave', remove_tooltip );
			tooltip.bind( 'click', remove_tooltip );
		});
});

$(".js-info-tooltip").bind( 'mouseenter', function()
{
	target  = $( this );
	tip     = this.getAttribute('data-tooltip');
	tooltip = $( '<div id="tooltip-new"></div>' );

	if( !tip || tip == '' )
		return false;

	target.removeAttr( 'title' );
	tooltip.css( 'opacity', 0 )
		   .html( tip )
		   .appendTo( 'body' );

	var init_tooltip = function()
	{
		if( $( window ).width() < tooltip.outerWidth() * 1.5 )
			tooltip.css( 'max-width', $( window ).width() / 2 );
		else
			tooltip.css( 'max-width', 340 );

		var pos_left = target.offset().left + ( target.outerWidth() / 2 ) - ( tooltip.outerWidth() / 2 ),
			pos_top  = target.offset().top - tooltip.outerHeight() - 20;

		if( pos_left < 0 )
		{
			pos_left = target.offset().left + target.outerWidth() / 2 - 20;
			tooltip.addClass( 'left' );
		}
		else
			tooltip.removeClass( 'left' );

		if( pos_left + tooltip.outerWidth() > $( window ).width() )
		{
			pos_left = target.offset().left - tooltip.outerWidth() + target.outerWidth() / 2 + 20;
			tooltip.addClass( 'right' );
		}
		else
			tooltip.removeClass( 'right' );

		if( pos_top < 0 )
		{
			var pos_top  = target.offset().top + target.outerHeight();
			tooltip.addClass( 'top' );
		}
		else
			tooltip.removeClass( 'top' );

		tooltip.css( { left: pos_left, top: pos_top } )
			   .animate( { top: '+=10', opacity: 1 }, 50 );
	};

	init_tooltip();
	$( window ).resize( init_tooltip );

	var remove_tooltip = function()
	{
		tooltip.animate( { top: '-=10', opacity: 0 }, 50, function()
		{
			$( this ).remove();
		});

		target.attr( 'title', tip );
	};

	target.bind( 'mouseleave', remove_tooltip );
	tooltip.bind( 'click', remove_tooltip );
});