$(document).ready(function(){
 	$('ul.sf-menu').superfish({
    animation: {height:'show'},
    delay:     500
	});

  $('a.blank').attr('target','_blank');

	$("a.fancybox").fancybox({
		 'padding':0,
		 'zoomSpeedIn': 300,
		 'zoomSpeedOut': 300
	});

  $("a.fancyajax").fancybox({
  	'padding':0,
		'frameWidth':600,
		'frameHeight':500,
    'zoomSpeedIn': 300,
		'zoomSpeedOut': 300,
		'overlayOpacity':0.8
  });

	$('#menu li.item1 li:first-child').css('background','url('+path_to_site+'images/sub1_top.png) no-repeat');
	$('#menu li.item1 li:last-child').css('background','url('+path_to_site+'images/sub1_bot.png) no-repeat');
  $('#menu li.item1 li:only-child').css('background','url('+path_to_site+'images/enquire1_hover.png) no-repeat');

	$('#menu li.item2 li:first-child').css('background','url('+path_to_site+'images/sub2_top.png) no-repeat');
	$('#menu li.item2 li:last-child').css('background','url('+path_to_site+'images/sub2_bot.png) no-repeat');
  $('#menu li.item2 li:only-child').css('background','url('+path_to_site+'images/enquire2_hover.png) no-repeat');

  $('#menu li.item3 li:first-child').css('background','url('+path_to_site+'images/sub3_top.png) no-repeat');
	$('#menu li.item3 li:last-child').css('background','url('+path_to_site+'images/sub3_bot.png) no-repeat');
  $('#menu li.item3 li:only-child').css('background','url('+path_to_site+'images/enquire3_hover.png) no-repeat');

  $('#menu li.item4 li:first-child').css('background','url('+path_to_site+'images/sub4_top.png) no-repeat');
	$('#menu li.item4 li:last-child').css('background','url('+path_to_site+'images/sub4_bot.png) no-repeat');
  $('#menu li.item4 li:only-child').css('background','url('+path_to_site+'images/enquire4_hover.png) no-repeat');

	function mycarousel_initCallback(carousel) {
	  $('div.jcarousel-next').bind('click', function() {
      carousel.next();
      return false;
	  });

	  $('div.jcarousel-prev').bind('click', function() {
      carousel.prev();
      return false;
	  });
	};

	// Ride the carousel...
	$("#buyonline").jcarousel({
		start: 6,
		scroll: 3,
		initCallback: mycarousel_initCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null
	});

  var X=0;
  $("div.slider").draggable({
		axis:'x',
		containment:'parent',
		refreshPositions: true,
		start: function(e){
		 	X = e.pageX;
			ulX = parseInt($('ul.jcarousel-list').css('left'));
		},
		drag: function(e){
		   moved = e.pageX - X;
			$('ul.jcarousel-list').css({'left':ulX - moved + 'px'});
		},
		stop: function(e){
		   X=0;
		}
	});
});