jQuery(document).ready(function() {
	initAutoClears();
	
	// create tabs for each product info section
	// var tabUl = jQuery('.product ul.tabs');
	// var tabHead = jQuery('.product .text h3');
	// tabHead.each(function() {
	// 	tabUl.append('<li><a href="#">' + jQuery(this).text() + '</a></li>');
	// });
	jQuery('.product .text div:first').show();
	jQuery('.product ul.tabs li:eq(0) a').addClass('current');
	jQuery('.product ul.tabs li a[href="#"]').click(function() {
		jQuery('.product ul.tabs li a').removeClass('current');
		jQuery(this).addClass('current');
		jQuery('.product .text div').hide();
		jQuery('.product .text div.' + jQuery(this).text()).show();
		return false;
	});
	
	
	jQuery('#slider > a').click(function() {
		var liWidth  = 870;
		var ulMargin = parseInt(jQuery('#slider ul').css('margin-left'));
		var liCount  = jQuery('#slider ul li').length;
		if(jQuery(this).hasClass('left'))
			ulMargin = ulMargin + liWidth;
		else
			ulMargin = ulMargin - liWidth;
		if(ulMargin <= liWidth * liCount * -1)
			ulMargin = 0;
		if(ulMargin > 0)
			ulMargin = liWidth * (liCount - 1) * -1;
		jQuery('#slider ul').animate({ marginLeft: ulMargin + 'px'}, 500, 'easeInOutExpo');
		return false;
	});
	
	
	
	jQuery('#appslider > a').click(function() {
		var liWidth  = 235;
		var ulMargin = parseInt(jQuery('#appslider ul').css('margin-left'));
		var liCount  = jQuery('#appslider ul li').length;
		if(jQuery(this).hasClass('left'))
			ulMargin = ulMargin + liWidth;
		else
			ulMargin = ulMargin - liWidth;
		if(ulMargin <= liWidth * liCount * -1)
			ulMargin = 0;
		if(ulMargin > 0)
			ulMargin = liWidth * (liCount - 1) * -1;
		jQuery('#appslider ul').animate({ marginLeft: ulMargin + 'px'}, 500, 'easeInOutExpo');
		return false;
	});
	
	

	jQuery('#appsliderd > a').click(function() {
		var liWidth  = 221;
		var ulMargin = parseInt(jQuery('#appsliderd ul').css('margin-left'));
		var liCount  = jQuery('#appsliderd ul li').length;
		if(jQuery(this).hasClass('left'))
			ulMargin = ulMargin + liWidth;
		else
			ulMargin = ulMargin - liWidth;
		if(ulMargin <= liWidth * liCount * -1)
			ulMargin = 0;
		if(ulMargin > 0)
			ulMargin = liWidth * (liCount - 1) * -1;
		jQuery('#appsliderd ul').animate({ marginLeft: ulMargin + 'px'}, 500, 'easeInOutExpo');
		return false;
	});
		
	
	
	jQuery('#appslidernokia > a').click(function() {
		var liWidth  = 201;
		var ulMargin = parseInt(jQuery('#appslidernokia ul').css('margin-left'));
		var liCount  = jQuery('#appslidernokia ul li').length;
		if(jQuery(this).hasClass('left'))
			ulMargin = ulMargin + liWidth;
		else
			ulMargin = ulMargin - liWidth;
		if(ulMargin <= liWidth * liCount * -1)
			ulMargin = 0;
		if(ulMargin > 0)
			ulMargin = liWidth * (liCount - 1) * -1;
		jQuery('#appslidernokia ul').animate({ marginLeft: ulMargin + 'px'}, 500, 'easeInOutExpo');
		return false;
	});
		
	
	
	
});

function initAutoClears(context) {
	jQuery(':input.autoclear', context).each(function() {
		if(this.value == '' || this.value == this.title) {
			this.value = this.title;
			jQuery(this).addClass('labeled');
		}
	})
	.focus(function() {
		if(this.value == this.title) {
			this.value = '';
			jQuery(this).removeClass('labeled');
		}
	})
	.blur(function() {
		if(this.value == '') {
			this.value = this.title;
			jQuery(this).addClass('labeled');
		}
	});	
}