// JavaScript Document

$(function(){
	if($.browser.msie){
		document.execCommand("BackgroundImageCache", false, true);
	}
		   
	$('A.popup').hover(function(e){
		$('#popup').hide();
		$('#popup .content').html($('SPAN',this).html());
		h=$('#popup').height()-5;
		$('#popup').css('top',(e.pageY-h)+'px').css('left',(e.pageX)+'px').show();
	},
	function(){$('#popup').hide();}
	);
	
	$('.left_menu UL>LI').click(function(){
		$('UL',this).toggle('slow');
	});
	
	$('.tabs LI').click(function(){
		$('.tabs LI, .tabs .content').removeClass('active');
		$(this).addClass('active');
		$('#'+this.id+'_content').addClass('active');
		
	});
	
	$('#radio_credit_no').click(function(){$('#radio_credit_section').hide('slow')});
	$('#radio_credit_yes').click(function(){$('#radio_credit_section').css('left','13px').show('slow')});
	
	$('#radio_shipping_no').click(function(){$('#radio_shipping_section').hide('slow')});
	$('#radio_shipping_yes').click(function(){$('#radio_shipping_section').css('left','13px').show('slow')});
	
	$('#radio_credit_section').each(function(){if($('#radio_credit_no:checked').size()) $(this).hide(); else $(this).css('left','13px');});
	$('#radio_shipping_section').each(function(){if($('#radio_shipping_no:checked').size()) $(this).hide(); else $(this).css('left','13px');} );
	
	
	$('#s').each(function(){$(this).autotip({text:$(this).attr('title'),color:'#aaa'});});
	$('#ContactForm').parent('form').submit(function(){
		$('#s').each(function(){
			if($(this).val()==$(this).attr('title')) $(this).val('');
		})
	});
	
	$('.buttons INPUT').click(function(){
		$('#checkout_details').show('slow');
		//$('.checkout_left_menu').css('height',($('.center_column').height())+'px');
		$('.checkout_left_menu').css('height','1256px');
	});
	
	//adding hover effect for all buttons - nice stuff eh? ;)

	$('INPUT[type=image]').hover(function(){
		$(this).attr('src',$(this).attr('src').replace('.','_hover.'));
	},
	function(){
		$(this).attr('src',$(this).attr('src').replace('_hover.','.'));
	});
	
	
})