$(document).ready(function(){
	$("#brands-arrow-right").click(function()
	{
		if($("#brands-slider").css('left') == '0px')
		{
			$("#brands-slider").animate( { left: "-825" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-825px')
		{
			$("#brands-slider").animate( { left: "-1650" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-1650px')
		{
			$("#brands-slider").animate( { left: "-2475" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-2475px')
		{
			$("#brands-slider").animate( { left: "-3300" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-3300px')
		{
			$("#brands-slider").animate( { left: "-4125" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-4125px')
		{
			$("#brands-slider").animate( { left: "0" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
	});

	$("#brands-arrow-left").click(function()
	{
		
		if($("#brands-slider").css('left') == '0px')
		{
			$("#brands-slider").animate( { left: "-4125" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-825px')
		{
			$("#brands-slider").animate( { left: "0" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-1650px')
		{
			$("#brands-slider").animate( { left: "-825" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-2475px')
		{
			$("#brands-slider").animate( { left: "-1650" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-3300px')
		{
			$("#brands-slider").animate( { left: "-2475" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
		else if($("#brands-slider").css('left') == '-4125px')
		{
			$("#brands-slider").animate( { left: "-3300" }, { duration: 'slow' , easing: 'easeOutElastic'});
		}
	});

	$('.alko').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/alko', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});

	$('.black').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/black', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.bosch').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/bosch', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.briggs').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/briggs', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.castel').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/castel', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.deca').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/deca', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.dewalt').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/dewalt', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.dolmar').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/dolmar', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.elko').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/elko', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.gf').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/gf', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.husqvarna').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/husqvarna', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.skil').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/skil', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.karcher').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/karcher', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.klingspor').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/klingspor', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.leo').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/leo', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.makita').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/makita', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.mullner').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/mullner', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.oregon').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/oregon', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.pedrollo').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/pedrollo', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.sever').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/sever', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.steinel').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/steinel', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.stihl').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/stihl', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.unior').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/unior', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.varstroj').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/varstroj', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.vatrosprem').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/vatrosprem', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.villager').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/villager', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.yanmar').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/yanmar', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
	$('.yato').qtip({
		content: {
			  text: 'Ucitavam...', // The text to use whilst the AJAX request is loading
			  title: {
				  text: function(api) { return $(this).attr('name'); },
				  button: 'Zatvori'	},
			  ajax: {
				 url: '/brands/yato', // URL to the local file
				 type: 'GET', // POST or GET
				 data: {} }
			},
		position: { my: 'bottom center', at: 'top center' },
		style: { tip: false, classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' },
		show: 'click',
	    hide: { event: 'unfocus' }
	});
	
});