//-------------------------------------------------------------------------------------------------------------------------
// jQuery timers
//-------------------------------------------------------------------------------------------------------------------------

jQuery.fn.extend({
	everyTime: function(interval, label, fn, times, belay) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, times, belay);
		});
	},
	oneTime: function(interval, label, fn) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, 1);
		});
	},
	stopTime: function(label, fn) {
		return this.each(function() {
			jQuery.timer.remove(this, label, fn);
		});
	}
});

jQuery.extend({
	timer: {
		guid: 1,
		global: {},
		regex: /^([0-9]+)\s*(.*s)?$/,
		powers: {
			// Yeah this is major overkill...
			'ms': 1,
			'cs': 10,
			'ds': 100,
			's': 1000,
			'das': 10000,
			'hs': 100000,
			'ks': 1000000
		},
		timeParse: function(value) {
			if (value == undefined || value == null)
				return null;
			var result = this.regex.exec(jQuery.trim(value.toString()));
			if (result[2]) {
				var num = parseInt(result[1], 10);
				var mult = this.powers[result[2]] || 1;
				return num * mult;
			} else {
				return value;
			}
		},
		add: function(element, interval, label, fn, times, belay) {
			var counter = 0;
			
			if (jQuery.isFunction(label)) {
				if (!times) 
					times = fn;
				fn = label;
				label = interval;
			}
			
			interval = jQuery.timer.timeParse(interval);

			if (typeof interval != 'number' || isNaN(interval) || interval <= 0)
				return;

			if (times && times.constructor != Number) {
				belay = !!times;
				times = 0;
			}
			
			times = times || 0;
			belay = belay || false;
			
			if (!element.$timers) 
				element.$timers = {};
			
			if (!element.$timers[label])
				element.$timers[label] = {};
			
			fn.$timerID = fn.$timerID || this.guid++;
			
			var handler = function() {
				if (belay && this.inProgress) 
					return;
				this.inProgress = true;
				if ((++counter > times && times !== 0) || fn.call(element, counter) === false)
					jQuery.timer.remove(element, label, fn);
				this.inProgress = false;
			};
			
			handler.$timerID = fn.$timerID;
			
			if (!element.$timers[label][fn.$timerID]) 
				element.$timers[label][fn.$timerID] = window.setInterval(handler,interval);
			
			if ( !this.global[label] )
				this.global[label] = [];
			this.global[label].push( element );
			
		},
		remove: function(element, label, fn) {
			var timers = element.$timers, ret;
			
			if ( timers ) {
				
				if (!label) {
					for ( label in timers )
						this.remove(element, label, fn);
				} else if ( timers[label] ) {
					if ( fn ) {
						if ( fn.$timerID ) {
							window.clearInterval(timers[label][fn.$timerID]);
							delete timers[label][fn.$timerID];
						}
					} else {
						for ( var fn in timers[label] ) {
							window.clearInterval(timers[label][fn]);
							delete timers[label][fn];
						}
					}
					
					for ( ret in timers[label] ) break;
					if ( !ret ) {
						ret = null;
						delete timers[label];
					}
				}
				
				for ( ret in timers ) break;
				if ( !ret ) 
					element.$timers = null;
			}
		}
	}
});

if (jQuery.browser.msie)
	jQuery(window).one("unload", function() {
		var global = jQuery.timer.global;
		for ( var label in global ) {
			var els = global[label], i = els.length;
			while ( --i )
				jQuery.timer.remove(els[i], label);
	} 
});

//-------------------------------------------------------------------------------------------------------------------------
// Slider Functionality
//-------------------------------------------------------------------------------------------------------------------------
	
	$(function(){
		     var j = 2;
		     var click = false;
            $("#slider").everyTime(5000,function() {			  
			 
			 if(click == false){
			 
			    if(j == 1){
			        $("#One-button").click();
			    }else if(j == 2){
			        $("#Two-button").click();			    
			    }else if(j == 3){
    			    $("#Three-button").click();			    
			    }else if(j == 4){
			        $("#Four-button").click();			    
			    }else if(j == 5){
			        $("#Five-button").click();		    
			    }
			    click = false;			    
			    if(j == 5){
			        j = 1
			    }else{
			       j += 1;
			    }
			 }
			});
			
			
			$("#One-button").addClass("first");
			$("#One-button").addClass("on"); 
			$("#menu li.button").click(function(){
				click = true;
				//remove all the css first
				$("#One-button").removeClass("on");
				$("#Two-button").removeClass("on");
				$("#Three-button").removeClass("on");
				$("#Four-button").removeClass("on");
				$("#Five-button").removeClass("on");
				 
				$clicked = $(this);
				
//				// if the button is not already "transformed" AND is not animated
//				if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
//					
//					$clicked.animate({
//						opacity: 1

//					}, 600 );
//					 
					
					// each button div MUST have a "xx-button" and the target div must have an id "xx" 
					var idToLoad = $clicked.attr("id").split('-');
				 
					//we search trough the content for the visible div and we fade it out
					$("#content").find("div.sliderTop:visible").fadeOut("fast", function(){
						//once the fade out is completed, we start to fade in the right div
						$(this).parent().find("#"+idToLoad[0]).fadeIn();
					})
//				} 
				$clicked.addClass("on"); 	

//				//we reset the other buttons to default style
//				$clicked.siblings(".button").animate({opacity: 0.5}, 600 );
//				
				Cufon('#One-button', {color: '#474747'});
				Cufon('#Two-button', {color: '#474747'});
				Cufon('#Three-button', {color: '#474747'});
				Cufon('#Four-button', {color: '#474747'});
				Cufon('#Five-button', {color: '#474747'});	

				Cufon($clicked, {color: '#ffffff'});
			});
		});

//-------------------------------------------------------------------------------------------------------------------------
// slider font replacement
//-------------------------------------------------------------------------------------------------------------------------
$(document).ready(
function(){
	
	Cufon.replace('#slider ul.nav li', { fontSize: '14px' });
	Cufon.replace('#slider .sliderContainer.product h2', { fontSize: '24px' });
	Cufon.replace('#slider .sliderContainer.product .details p.priceTxt ', { fontSize: '24px' });
	Cufon.replace('#slider .sliderContainer.product .details p.price', { fontSize: '32px' });
	Cufon.replace('#slider .sliderContainer.product .details p.was', { fontSize: '16px' });

});