var sss_transition = 1500, 
    sss_buttons_fadeIn = 400, 
		sss_buttons_fadeOut = 800, 
		sss_buttons_fadeOut_delay = 400, 
		sss_timeout = 10000;


_playerTout = {};
_playerInterval = {};
_playerTime = sss_timeout;

function setPlayers() { 
var divs = document.getElementsByTagName('div');
  for(var i = 0; i < divs.length; i++) {
	  if(! /\bplayer\b/.test(divs[i].className) || divs[i].getElementsByTagName('img').length < 2) continue;
	imagePlayer(divs[i], 'left');
	_playerInterval[divs[i].id] = setInterval("execPlayers('"+divs[i].id+"')", _playerTime);
	}
}

function execPlayers() {
var divs = document.getElementsByTagName('div');
  for(var i = 0; i < divs.length; i++) {
	  if(! /\bplayer\b/.test(divs[i].className)) continue;
	changeImg(divs[i], 'next');
	}
}

function execPlayer(id) {
var div = document.getElementById(id); 
  if(! /\bplayer\b/.test(div.className)) return false;
changeImg(div, 'next');
}

function imagePlayer(div, align) {
  if(!div.id) div.id = 'player_'+Math.floor(Math.random()*50); 
var imgs = div.getElementsByTagName('img');
  if(imgs.length == 0) return;
var flt = /^left|right$/i.test(align) ? flt : 'none';
div.style.cssText = 'position:relative; width:'+imgs[0].offsetWidth+'px; height:'+
                    (imgs[0].offsetHeight+0)+'px; float:'+flt+'; overflow:hidden; visibility:visible;';
  for(var i = 0; i < imgs.length; i++) {
	imgs[i].style.cssText = 'position:absolute; top:0px; left:0px;';
	  if(i > 0) jQuery(imgs[i]).hide();
	}
div.currentImg = '0';
var menu = document.createElement('div'), llink = document.createElement('a'), rlink = document.createElement('a');

menu.style.cssText = 'position:absolute; left:0px; top:0px; width:'+imgs[0].offsetWidth+'px;';
jQuery(div).hide();
llink.href = rlink.href = 'javascript://';
llink.onclick = function() { changeImg(parentTag(parentTag(this, 'div'), 'div'), 'previous'); return false; };
rlink.onclick = function() { changeImg(parentTag(parentTag(this, 'div'), 'div'), 'next'); return false; };

llink.innerHTML = '<img src="'+_tpurl+'/img/slideshow/ssp.png" alt="" border="0" />';
llink.style.cssText = 'float:left;';
rlink.innerHTML = '<img src="'+_tpurl+'/img/slideshow/ssn.png" alt="" border="0" />';
rlink.style.cssText = 'float:right;';
menu.appendChild(rlink);
menu.appendChild(llink);
div.appendChild(menu);
jQuery(div).mouseover(function() { 
                      //clearTimeout(_playerTout); 
											//clearInterval(_playerInterval); 
											clearInter(this.id);
											jQuery('div#'+div.id+' div').fadeIn(sss_buttons_fadeIn); });
jQuery(div).mouseout(function() { 
                     _playerTout[this.id] = setTimeout("jQuery('div#"+div.id+" div').fadeOut(sss_buttons_fadeOut);", sss_buttons_fadeOut_delay); 
										 _playerInterval[this.id] = setInterval("execPlayer('"+div.id+"')", _playerTime); });
jQuery(div).fadeIn(sss_transition, function() { jQuery(menu).fadeOut(sss_buttons_fadeOut); });
}

function clearInter(id) {
  try { 
	  clearTimeout(_playerTout[id]); 
		clearInterval(_playerInterval[id]); 
  } catch(e) {}
}

function changeImg(div, pn) { // alert(div.currentImg+' '+pn);
var imgs = div.getElementsByTagName('img'), oldimg = div.currentImg, len = imgs.length - 2;
	if(pn == 'next') {
		if(div.currentImg >= len - 1) div.currentImg = 0;
		else ++div.currentImg;
	} else if(pn == 'previous') {
		if(div.currentImg <= 0) div.currentImg = len - 1;
		else --div.currentImg;
	} else if(!pn) {
		div.currentImg = 0;
	}
jQuery(imgs[oldimg]).fadeOut(sss_transition);
jQuery(imgs[div.currentImg]).fadeIn(sss_transition);
//var e = jQuery(div);//.children('div').eq(0); //css('width', div.currentImg.offsetWidth);
//alert(e.innerHTML);
}

function parentTag(el, tag, ind) {
var tag = tag ? tag.toLowerCase() : false;
  while(el = el.parentNode) 
    if(el && el.nodeType == 1 && (!tag || (el.tagName.toLowerCase() == tag))) break;
return el || false;
}

function addEvent(obj, ev, fn){
 if(obj.addEventListener) obj.addEventListener(ev, fn, false);
 else if(obj.attachEvent) obj.attachEvent("on"+ev, fn);
}

addEvent(window, 'load', setPlayers);

//////////////////////////////////////


(function($) {
	__$ = $;
	$plantao_index = -1;
	$z = 1;
	$.fn.plantao = function(time, selec, w, h) {
		if(!time) time = 15000;
	var fimg = $(this).find('img')[0], as = $(this).find('a');
	$w = w || fimg.offsetWidth;
	$h = h || fimg.offsetHeight;
	$time = time;
	$selec = selec;
	$dir = 'next';
	as.css({'position': 'absolute', 'top': '0px', 'left': '0px', 'width': $w+'px', 'height': $h+'px', 'zIndex': $z}).hide();
	$(this).css({'position': 'relative', 'overflow': 'hidden', 'top': '0px', 'left': '0px', 'width': $w+'px', 'height': $h+'px'});
	$(this).plantao_next();
	$tout = setInterval("__$('"+$selec+"').plantao_"+$dir+"();", $time);
		$(this).hover(
			function() { 
			clearInterval($tout); 
			$(this).find('span').fadeTo('fast', 0.85);
			$(this).find('.tools').animate({'bottom': '2px'}, 700);
			},
			function() { 
			$tout = setInterval("__$('"+$selec+"').plantao_"+$dir+"();", $time); 
			$(this).find('span').fadeTo('slow', 0);
			$(this).find('.tools').animate({'bottom': '-24px'}, 700);
			}
		);
	}


	$.fn.plantao_next = function() {
	$dir = 'next';
	var as = $(this).find('a'), last = $plantao_index;
	  if(++$plantao_index == as.length) $plantao_index = 0;
	++$z;
	as.eq($plantao_index).css({'zIndex': $z, 'left': $w+'px'}).show();
	as.eq(last).animate({'left': '-'+$w+'px'}, 800);
	as.eq($plantao_index).find('span').fadeTo('fast', .85);
	as.eq($plantao_index).animate({'left': '0px'}, 800, 'swing', 
																function() { as.eq(last).css('left', $w+'px').hide(); $(this).find('span').fadeTo('slow', 0); });
	}

	$.fn.plantao_last = function() {
	$dir = 'last';
	var as = $(this).find('a'), last = $plantao_index;
	  if(--$plantao_index == -1) $plantao_index = as.length - 1;
	++$z;
	as.eq($plantao_index).css({'zIndex': $z, 'left': '-'+$w+'px'}).show();
	as.eq(last).animate({'left': $w+'px'}, 800);
	as.eq($plantao_index).find('span').fadeTo('fast', .85);
	as.eq($plantao_index).animate({'left': '0px'}, 800, 'swing', 
																function() { as.eq(last).css('left', '-'+$w+'px').hide(); $(this).find('span').fadeTo('slow', 0); });
	}
})(jQuery);


jQuery(document).ready(function() { jQuery('#plantao').plantao(10000, '#plantao', 182 ,182); });