/*
 *
 * Product page
 *
 */
$(document).ready(function() {

	// Info overlay
	$('a[name=info]').click(function(e) {
		if($.browser.msie) $('.infobox').hide();
		else $('.infobox').fadeOut(200);
		position = $(this).position();
		$(this).siblings('.infobox').find('.arrow').css('top', '95px');
		if($.browser.msie) $(this).siblings('.infobox').css({'top': position.top - 100, 'left': position.left + 15}).show();
		else $(this).siblings('.infobox').css({'top': position.top - 100, 'left': position.left + 15}).fadeIn(200);
		$('.infobox .button').click(function() {
			if($.browser.msie) $('.infobox').hide();
			else $('.infobox').fadeOut(200);
		});
		e.stopPropagation();
	});
	$('.infobox').click(function(e) { e.stopPropagation(); });

	// Prodnav hover
	$('.prodnav li a').hover(
		function() {
			position = $(this).position();
			if($(this).parents('li').hasClass('first')) $(this).parents('li').prepend('<div class="overfirst"></div>');
			else $(this).parents('li').prepend('<div class="over"></div>');
			$(this).siblings('.over').css({'top': position.top, 'left': position.left + 1}).fadeIn(300);
			$(this).siblings('.overfirst').css({'top': position.top, 'left': position.left + 1}).fadeIn(300);
		},
		function() {
			$(this).siblings('.over').fadeOut(250).remove();
			$(this).siblings('.overfirst').fadeOut(250).remove();
		}
	);
	
	// Tabs
	$('ul.tabs li a').click(function() {
		$('ul.tabs li').removeClass('current');
		id = $(this).attr('name');
		
		if ($(this).attr('class') != "redirecttab")
		{
	    $('.tab').addClass('noShow');
	    $('#' + id).removeClass('noShow');
	    $(this).parent().addClass('current');
	    $(this).blur();
		}
	});

	// Tabs list
	$('#list .question a').click(function() {
		if($(this).siblings('.answer').hasClass('noShow')) {
			$(this).siblings('.answer').removeClass('noShow');
			$(this).children('span').before('<span class="opened"></span>').remove();
		}
		else {
			$(this).siblings('.answer').addClass('noShow');
			$(this).children('span').before('<span class="closed"></span>').remove();
		}
		$(this).blur();
	});
	
});