$(document).ready(function()
{
	//$(document).pngFix(); 
	
	$('.banner').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed:3000,
		timeout:7000
	});
	$('#carousel').cycle({
		fx: 'scrollHorz', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		next:'#right-btn',
		prev:'#left-btn',
		timeout:0,
		speed:"fast"
		
	});	
	$('#stockists').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		random:  1 
	});		
	



	/* CarouFredSel: an infinite, circular jQuery carousel.	
    Configuration created by the "Configuration Robot"	
    at caroufredsel.frebsite.nl
	*/
	/*$("ul#ticker").carouFredSel({
	    items: {
	        visible: "variable",
	        start:1,
	        width:"variable"
	        
	    },
	    scroll: {
	        items: "variable",
	        pauseOnHover: true
	    },
	    auto: {
	        pauseDuration: 4000,
	        delay: 5000
	    },
	    width: 480,
	    height:20
	});*/
	

	$('marquee').marquee('pointer').mouseover(function () {
		$(this).trigger('stop');
	}).mouseout(function () {
	$(this).trigger('start');
	}).mousemove(function (event) {
	 if ($(this).data('drag') == true) {
	this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
	}
	}).mousedown(function (event) {
	$(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
	}).mouseup(function () {
	$(this).data('drag', false);
	 }); 


});