var slider_array = new Array();
var slider_act = new Array();
var slider_files = new Array();

$(document).ready(function(){
	initSlider();
});
function initSlider() {
	$('DIV[slider] IMG').css({display:'block',position:'absolute'});
	var slider_id = 1;
	$('DIV[slider]').each(function(){
		if ($(this).attr('slider_id')) {
			// if slider loaded
			return true;
		}
		var $e = $(this);
		$e.attr('slider_id',slider_id);
		$e.attr('slider_num',1);
		var folder = 'img/?' + $(window).width() + 'c'+ $(window).height() + 'q60_'+$(this).attr('slider_folder');
		var interval = $(this).attr('slider_time');
		var type = $(this).attr('slider_type');
                if (!type) {
                        type = 'fade';
                }
		if (!interval) {
			interval = 5000;
		}
		var slider = $(this).attr('slider');
		slider_files[slider_id] = slider.split("|");
		if (slider_files[slider_id].length > 1) {
			for(var n=0; n<slider_files[slider_id].length; n++) {
				var img = new Image();
				var text = "";
				if (slider_files[slider_id][n].match('#')) {
					var tmp = slider_files[slider_id][n].split('#')
					slider_files[slider_id][n] = tmp[0];
					text = tmp[1];
				}
				img.src = folder + slider_files[slider_id][n];
				$(img).css({left:$e.position().left,top:$e.position().top,display:'none',position:'absolute'});
				$(img).attr('slider_num',n);
				if (text) {
					$(img).attr('imgtext',text);
				}
				$e.append(img);
			}
			slider_act[slider_id] = 1;
			slider_array[slider_id] = window.setInterval("startSlider("+slider_id+")",interval);
			if ($(this).attr('slider_show_pages')) {
				initPageNumbers(slider_id);
			}
			slider_id++;
		}
		// events
		if ($(this).attr('stop_on_hover') == 'true') {
			$e.mouseenter(function(){
				if ($(this).attr('slider_id')) {
					window.clearInterval(slider_array[$(this).attr('slider_id')]);
				}
			});
			$e.mouseleave(function(){
				if ($(this).attr('slider_id')) {
					var interval = $(this).attr('slider_time');
					if (!interval) {
						interval = 5000;
					}
					slider_array[$(this).attr('slider_id')] = window.setInterval("startSlider("+$(this).attr('slider_id')+")",interval);
				}
			});
		}

	});
}
function startSlider(slider_id) {
	//var slider = $('DIV[slider_id="'+slider_id+'"]');
	var act = slider_act[slider_id];
	var next = act + 1;
	if (slider_files[slider_id].length < next) {
		next = 1;
	}
	$('DIV[slider_id="'+slider_id+'"] IMG:eq('+next+')').fadeIn(1500);
	$('DIV[slider_id="'+slider_id+'"] .slider_pages SPAN:eq('+next+')').css({'background':'#414141'});
	$('DIV[slider_id="'+slider_id+'"] .slider_pages SPAN:eq('+act+')').css({'background':'#ffffff'});
	$('DIV[slider_id="'+slider_id+'"] IMG:eq('+act+')').fadeOut(1500);
	slider_act[slider_id] = next;
}
function initPageNumbers(slider_id) {
	var slider = $('DIV[slider_id="'+slider_id+'"]');
	var div = document.createElement('div');
	
	var mleft = parseInt($(slider).position().left) + (parseInt($(slider).width()) - ((slider_files[slider_id].length + 1) * 18));
	var mtop = parseInt($(slider).position().top) + (parseInt($(slider).height()) - 30);
	$(div).css({position:'absolute',left:mleft,top:mtop,'z-index':9});
	$(div).addClass('slider_pages');
	var span = document.createElement('span');
	$(span).css({display:'none'});
	$(div).append(span);
	for (var x = 1; x <= slider_files[slider_id].length; x++) {
		var span = document.createElement('span');
		$(span).css({width:12,height:12,display:'block',float:'left',margin:3,background:'#ffffff',color:'#000000',cursor:'pointer'});
		//$(span).html(x);
		$(span).attr('slider_id',slider_id);
		$(span).attr('num',x);
		$(span).mouseenter(function(){
			showSliderEQ($(this).attr('slider_id'),parseInt($(this).attr('num')));
		});
		$(div).append(span);
	}
	$(slider).append(div)
	$('DIV[slider_id="'+slider_id+'"] .slider_pages SPAN:eq(1)').css({'background':'#414141'});
}
function showSliderEQ(slider_id,slider_num) {
        var act = slider_act[slider_id];
        var next = slider_num;
        if (slider_files[slider_id].length < next) {
                next = 1;
        }
        $('DIV[slider_id="'+slider_id+'"] IMG:eq('+next+')').fadeIn('slow');
        $('DIV[slider_id="'+slider_id+'"] .slider_pages SPAN:eq('+next+')').css({'background':'#414141'});
        $('DIV[slider_id="'+slider_id+'"] .slider_pages SPAN:eq('+act+')').css({'background':'#ffffff'});
        $('DIV[slider_id="'+slider_id+'"] IMG:eq('+act+')').fadeOut('slow');
        slider_act[slider_id] = next;

}