// JavaScript Document
function equalHeight(group) {
    var tallest = 0;
    group.each(function() {
        var thisHeight = $(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}



/*
 * Superfish v1.4.8 - jQuery menu widget
 * Copyright (c) 2008 Joel Birch
 *
 * Dual licensed under the MIT and GPL licenses:
 * 	http://www.opensource.org/licenses/mit-license.php
 * 	http://www.gnu.org/licenses/gpl.html
 *
 * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
 */

(function($){$.fn.superfish = function(op){var sf = $.fn.superfish,c = sf.c,$arrow = $(['<span class="',c.arrowClass,'"></span>'].join('')),over = function(){var $$ = $(this), menu = getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out = function(){var $$ = $(this), menu = getMenu($$), o = sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}},o.delay);	},getMenu = function($menu){var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];sf.op = sf.o[menu.serial];return menu;},addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };return this.each(function() {var s = this.serial = sf.o.length;var o = $.extend({},sf.defaults,op);o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(' ')).filter('li:has(ul)').removeClass(o.pathClass);});sf.o[s] = sf.op = o;$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {if (o.autoArrows) addArrow( $('>a:first-child',this) );}).not('.'+c.bcClass).hideSuperfishUl();var $a = $('a',this);$a.each(function(i){var $li = $a.eq(i).parents('li');$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function() {var menuClasses = [c.menuClass];if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);$(this).addClass(menuClasses.join(' '));});};var sf = $.fn.superfish;sf.o = [];sf.op = {};sf.IE7fix = function(){var o = sf.op;if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)this.toggleClass(sf.c.shadowClass+'-off');};sf.c = {bcClass     : 'sf-breadcrumb',menuClass   : 'sf-js-enabled',anchorClass : 'sf-with-ul',arrowClass  : 'sf-sub-indicator',shadowClass : 'sf-shadow'};sf.defaults = {hoverClass	: 'sfHover',pathClass	: 'overideThisToUse',pathLevels	: 1,delay		: 800,animation	: {height:'show'},speed		: 'normal',autoArrows	: true,dropShadows : true,disableHI	: false,		onInit		: function(){},onBeforeShow: function(){},onShow		: function(){},onHide		: function(){}};$.fn.extend({hideSuperfishUl : function(){var o = sf.op,not = (o.retainPath===true) ? o.$path : '';o.retainPath = false;var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass).find('>ul').hide().css('visibility','hidden');o.onHide.call($ul);return this;},showSuperfishUl : function(){var o = sf.op,sh = sf.c.shadowClass+'-off',$ul = this.addClass(o.hoverClass).find('>ul:hidden').css('visibility','visible');sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });return this;}});})(jQuery);




$(document).ready(function() {
	$(".sf-menu").superfish();						   
	if($('.home #newstockbutton').length) {
		$('#newstockbutton a').click(function () {
			$('#storebutton').fadeIn(500);
			$('#image1').fadeOut(100);
			$('#newstockbutton').fadeOut(100);
		  });
   		PEPS.rollover.init();
 /*  	  $('img[name='d1']').attr('src', 'im/hp-dummy-1_o.jpg');
	  $('#d1').show();
	  $('#d1').attr('name', 'current');*/
	}
	
	if($('#thumbs').length) {
		$("body").append('<div class="simple_overlay" id="gallery"><img class="progress" src="/im/loading.gif" /></div>');
		$('#thumbs img').click(function(){
			/*$newsrc="/im/dummylarge"+$(this).attr('name')+".jpg";
			$newlink="/im/dummylarger"+$(this).attr('name')+".jpg";
			$('#preview img').attr('src', $newsrc);
			$('#preview a').attr('href', $newlink);  */
		});
		$("#preview a").overlay({ 
			target: '#gallery', 
			expose: '#000' 
		}).gallery({
			speed: 800 
		});
	}
	if($('a.gallery').length) {
		$("body").append('<div class="simple_overlay" id="gallery"><img class="progress" src="/im/loading.gif" /></div>');
		$("a.gallery").overlay({ 
			target: '#gallery', 
			expose: '#000' 
		}).gallery({
			speed: 800 
		});
	}
	
	if($("div[name='eq']").length) {
		equalHeight($("div[name='eq']"));
	}

	if($(".products").length) {
		$('.products').scrollable({
			size: 1, 
			clickable: false,
			loop: true
		}).circular();
	}
	if($(".relateditems").length) {
		$('.relateditems').scrollable({
			size: 2, 
			clickable: false,
			loop: true
		});
	}

/*	if($('#fttooltip').length) {
	$('#fttooltip').simpletip({ persistent: false, content: '<img src="im/but-more-products.png" />', position: ["250", "20"], fixed: true,showEffect: 'slide'  }); 
	}
*/	if($('#fttooltip').length) {
	$('#fttooltip').qtip({ content: { text: '<img src="im/but-more-products.png" />'}, style: { border: 0, background: 'transparent' }  }); 
	}
	if($('.help').length) {
	$('.help').qtip({ content: '<p>This tool is intended to help you find the equipment specifically made for your bike.  To use, firstly select your make of bike and then model (you can do this easily by typing the first few letters). eg: to look for a rack, select hard luggage from the category and racks from the sub-category.  This will produce a list of specific racks for your bike and if you click on the rack, you will see the associated parts to go with it.  If you cannot find your model of bike or the results are blank, please contact us.</p>' }); 
	}
	if($('.help2').length) {
	$('.help2').qtip({ content: '<p>This tool is intended to help you find the equipment specifically made for your bike.  To use, firstly select your make of bike and then model (you can do this easily by typing the first few letters). eg: to look for a rack, select hard luggage from the category and racks from the sub-category.  This will produce a list of specific racks for your bike and if you click on the rack, you will see the associated parts to go with it.  If you cannot find your model of bike or the results are blank, please contact us.</p>' }); 
	}

	
});

PEPS = {};

PEPS.rollover =
{
   init: function()
   {
      this.preload();
     
      $(".ro").hover(
         function () { 
		 	$(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); 
			$showid=($(this).attr('name'));
			//alert($showid);
			if($("div[name='current']").length) {
			$("div[name='current']").fadeOut("fast", function () {
				$("#"+$showid).slideDown();
			});
			} else {
				$("#"+$showid).slideDown();
			}
			
			$("div[name='current']").attr('name', '');
			$("#"+$showid).attr('name', 'current');
			},
         function () { 
		 	$(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); 
			}
      );
   },

   preload: function()
   {
      $(window).bind('load', function() {
         $('.ro').each( function( key, elm ) { $('<img>').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); });
      });
   },
   
   newimage: function( src )
   {
      return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '_o' + src.match(/(\.[a-z]+)$/)[0];
   },

   oldimage: function( src )
   {
      return src.replace(/_o\./, '.');
   }

};