/* -------------------- My jQuery Things ------------------------ */
/* Compad Tables */

$(function() {
		   $('.main-tr').hover(function(){
				$(this).addClass('tr-hover');								
				 }, function() {
					 $(this).removeClass('tr-hover');
		   
		   });
	});

//Hovers
//----> add to cart
$(function() {

	$('a.addtocart').hover(function(e) {
		var html = '<div id="info_compad2">';
		html += '<p>Add to Cart</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info_compad2').hide().fadeIn(400);
		$('#info_compad2').css('top', e.pageY + -25).css('left', e.pageX + 40);
			
	}, function() {
		$('#info_compad2').remove();
	});
	
	$('a.addtocart').mousemove(function(e) {
		$('#info_compad2').css('top', e.pageY + -25).css('left', e.pageX + 40);
	});
});


//----> EB 12mm Firm 
$(function() {

	$('a.EB-12mm-soft').hover(function(e) {
		var html = '<div id="info_compad">';
		html += '<p>Easyboot Line | 12mm | Soft</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/comfort/comfort-12mm-soft.jpg" alt="image" />';
		html += '</div>';

		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info_compad').hide().fadeIn(400);
		$('#info_compad').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info_compad').remove();
	});
	
	$('a.EB-12mm-soft').mousemove(function(e) {
		$('#info_compad').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});

/*acessories simpler toggle */

$(document).ready(function(){

	//Hide (Collapse) the toggle containers on load
	 $('div.demo-show2 > div').hide();

	//Switch the "Open" and "Close" state per click
	$('div.demo-show2 > h3').toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});

	//Slide up and down on click
	$('div.demo-show2 > h3').click(function(){
		$(this).next('div').slideToggle(500);

	});

});

/* Accessories Accordion 
      $(document).ready(function() {
	 
        $('div.demo-show2> div').hide();  
        $('div.demo-show2> h3').click(function() {
		$(this).toggleClass("active");
		$(this).siblings("h3").removeClass("active");
          var $nextDiv = $(this).next();
          var $visibleSiblings = $nextDiv.siblings('div:visible');
          if ($visibleSiblings.length ) {
		  
            $visibleSiblings.slideUp('fast', function() {
			
              $nextDiv.slideToggle('fast');
			  
            });
          } else {
             $nextDiv.slideToggle('fast');
			
          }
        });
      });
	  
/* Accessories Boot hovers */

//----> 2005 Easyboot
$(function() {

	$('a.2005_easyboot').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/easyboot_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The 2005 Easyboot</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.2005_easyboot').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Pre-2005 Easyboot
$(function() {

	$('a.pre2005_easyboot').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/easyboot-old_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Pre-2005 Easyboot</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.pre2005_easyboot').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Epic
$(function() {

	$('a.eb_epic').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/epic_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Epic</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_epic').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Grip
$(function() {

	$('a.eb_grip').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/grip_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Grip</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_grip').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Bare
$(function() {

	$('a.eb_bare').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/bare_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Bare</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_bare').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Glove
$(function() {

	$('a.eb_glove').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/glove_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Glove</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_glove').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Glue-On
$(function() {

	$('a.eb_glue-on').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/glue-on_thumb2.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Glue-On</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_glue-on').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Edge
$(function() {

	$('a.eb_edge').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/edge_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Edge</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_edge').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Boa
$(function() {

	$('a.eb_Boa').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/boa_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Boa Horse Boot</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_Boa').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> OM G2
$(function() {

	$('a.eb_G2').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/omg2_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>Old Macs G2</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_G2').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> OM
$(function() {

	$('a.eb_OM').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/om_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>Old Macs Original</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_OM').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> RX
$(function() {

	$('a.eb_RX').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/rx_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The Easyboot Rx</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_RX').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});
//----> Soaker
$(function() {

	$('a.eb_soaker').hover(function(e) {
		var html = '<div id="info">';
		html += '<p>Compatible with</p>'
		html += '<div id="tooltip_img">';
		html +=	   '<img src="/_System/Lib/Image/main_pages/products/new_accessories/soaker_thumb.jpg" alt="image" />';
		html += '</div>';
		html += '<p>The EasySoaker</p>'
		html += '<p class="click_purchase">(click to purchase)</p>'
		html +=		'</div>';
				
		$('body').append(html).children('#info').hide().fadeIn(400);
		$('#info').css('top', e.pageY + 0).css('left', e.pageX + 40);
			
	}, function() {
		$('#info').remove();
	});
	
	$('a.eb_soaker').mousemove(function(e) {
		$('#info').css('top', e.pageY + -10).css('left', e.pageX + 40);
	});
});