// preload function
jQuery.fn.onImagesLoaded = function(_cb) { 
	return this.each(function() {
		var $imgs = (this.tagName.toLowerCase()==='img')?$(this):$('img',this),
		_cont = this,
		i = 0,
		_done=function() {
			if( typeof _cb === 'function' ) _cb(_cont);
		};
		if( $imgs.length ) {
			$imgs.each(function() {
			var _img = this,
			_checki=function(e) {
			if((_img.complete) || (_img.readyState=='complete'&&e.type=='readystatechange') )
			{
				if( ++i===$imgs.length ) _done();
			}
			else if( _img.readyState === undefined ) // dont for IE
			{
				$(_img).attr('src',$(_img).attr('src'));
			}
		};
		$(_img).bind('load readystatechange', function(e){_checki(e);});
		_checki({type:'readystatechange'});
		});
		} else _done();
	});
};
var total_slides = 0;
var active_slide = 0;
var slide_values= [];
function slideshow(){
	if(total_slides > active_slide){
		slidenavi();
		$('#'+slide_values[active_slide]).show().animate({'opacity':1},slide_transition_speed,function(){	
			$('#'+slide_values[active_slide]).animate({'opacity':1},slide_freeze,function(){
				$('#'+slide_values[active_slide]).animate({'opacity':0},slide_transition_speed,function(){
					$('#'+slide_values[active_slide]).hide();
					active_slide++;
					slideshow();
				});																	  
			});
		});
	}else{
		active_slide =0;
		slidenavi();
		slideshow();
	};
}
function slidenavi(){
	$('#slider_navigation li').removeClass('active');
	$('#slide_nav_'+active_slide).addClass('active');
}
function initalize_slider(){
	$('#slider ul li').each(function(i){
		var slide_id = 'slide_'+i;
		$(this).attr('id',slide_id);
		slide_values.push(slide_id);
	});
	total_slides = slide_values.length;
	//hide all slides
	$('#slider_images li').animate({'opacity':0},1).hide(function(){$('#slider_images').show();});
	//hide the preloader gif
	$('#slider').css({'background-image':'none'});
	//when everything is loaded start the slideshow
	slideshow();
}//initalize end

$(document).ready(function(){
	$('#slider_images').onImagesLoaded(function(_img){initalize_slider()});
});

