//	SlideShow v 0.1
//
//	Use:
//  var slideArray = new Array();
//  
//      slideArray[0] = new Array();
//
//      slideArray[0]['title']     = "TITLE";
//      slideArray[0]['image']     = "PATH/TO/IMG";
//      slideArray[0]['descript']  = "DESCRIPTION";
//      slideArray[0]['href'] 	   = "location on click";			

// 	elems							: slideImage, slideTitle, slideText;
//	elems Buttons and Scroling		: slideButtons, slideScroling
//
//  CSS:.slideScrol{width:20px;height:20px;line-height:20px;border:1px #000 solid;margin:2px;float:left;font-family: Arial;color:#000;font-size:12px;}
//		.slideScrolCur {font-family: Arial;color:#ff0000;font-size: 12px;font-weight: bold;}
//		.slideScrolHover{width:20px;height:20px;line-height:20px;border:1px #000 solid;margin:2px;float:left;cursor:pointer;
//						 font-family: Arial;color:#FFF;font-size: 12px;background-color: #000;}

//Настройки
	var showTime = 7000; //Время отображения слайда в мс
	
	var showImage = 1;	//Вывод изображения
	var showTitle = 1;	//Вывод заголовка
	var showText  = 0;	//Вывод текст
	var showBtn   = 1;	//Вывод кнопок
	var showLink  = 1;  //Урл у изображения
	
	var showArtist= 1;  // �?сполнитель (Костомизация для отдельного сайта)
	
	var showScrol = 1;	//Вывод скрола
	var scolType  = 1; //Тип скрола : 1 - Полный скролинг; 2 - 3-и слайда
	
	 
	 
	    
//Конец настроек
	var now = 0;
	var slide = true;
	var slids = slideArray.length-1;   //Количество слайдов
	var timeOut;		


  slideButtons('start');  
    
  
  function slideButtons(todo) 	//Кнопки запуска остановки слайдшоу
  {  	
  	if (todo == 'start') 
  	{  		
  		slide = true;  		
  		str = "<span onclick='slideButtons(\"stop\")' class='slideScrol' style='cursor:pointer;width:35px;text-align:center;'>Stop</span>";
  	}
  	else if (todo == 'stop')
  	{
  		slide = false;
  		clearTimeout(timeOut);
  		str = "<span onclick='slideButtons(\"start\")' class='slideScrol' style='cursor:pointer;width:35px;text-align:center;'>Start</span>";
  	}
   	if (showBtn == 1)	document.getElementById('slideButtons').innerHTML = str;
  	slideShow(now); 																  // Запускаем слайдшоу
  }
  
  
  function scroling(current, type) {  	
  	if (type == 1)
  	{
	  	str = "<div>";
	  	for(i=1;i<=slids+1;i++) 
	  	{  		
	  		if (i == current) 
	  		{
	  			num = "<font class='slideScrolCur'>"+i+"</font>";  			  			
	  		}
	  		else 
	  		{
	  			num = i;  			   
	  		}
	  		str += "<span onclick='getSlideByNum(\""+i+"\")' align='center' class='slideScrol' onmouseover='this.className=\"slideScrolHover\";' onmouseout='this.className=\"slideScrol\";'>"+num+"</span>";
	  	}
	    str	+= "</div>";
    }
    else if (type == 2) 
    {    	
    	str  = "<span style='width:80px;' align='center'>";
    		if (current-1 != 0) 
    		{
    			first = current-1
    		}
    		else 
    		{
    			first = slids+1;
    		}
    		
    		if (parseInt(current)+1 <= slids+1)
    		{
    			last = parseInt(current)+1; 
    		}
    		else
    		{
    			last = "1";    				
    		}
    	str += "<span onclick='getSlideByNum(\""+first+"\")' align='center' class='slideScrol' onmouseover='this.className=\"slideScrolHover\";' onmouseout='this.className=\"slideScrol\";'>"+first+"</span>";
    	str += "<span onclick='getSlideByNum(\""+current+"\")' align='center' class='slideScrol' onmouseover='this.className=\"slideScrolHover\";' onmouseout='this.className=\"slideScrol\";'><font class='slideScrolCur'>"+current+"</font></span>";
    	str += "<span onclick='getSlideByNum(\""+last+"\")' align='center' class='slideScrol' onmouseover='this.className=\"slideScrolHover\";' onmouseout='this.className=\"slideScrol\";'>"+last+"</span>";
    	str += "</span>";
    }
    if (showScrol == 1)	document.getElementById('slideScroling').innerHTML = str;
  }
  
  function getSlideByNum(num) 
  { 	
	now = num;
	slideButtons('stop');		
  }
  
  function slideShow(i) //Рекурсивная функция вывода слайдов   Параметры(Номер слайда, Автопереход)
  {                                                 
            
      if (slide == false) 
      {
      	stop(i);
      	scroling(i, scolType);
      	return;
	  } 
	       
	  if (i <= slids) {i++;} else {i = 1;}
	  scroling(i, scolType);
	  
      document.getElementById('slideImage').style.opacity = 0.01;                     //Прозрачность изображение FF      
      document.getElementById('slideTitle').style.opacity = 0.01;                     //Прозрачность заголовка FF
      if (showText  == 1) {document.getElementById('slideText').style.opacity = 0.01;}                    //Прозрачность текста FF
      
      document.getElementById('slideArtist').style.opacity = 0.01;                      //Прозрачность текста FF

	  innerInElem(i);

      transp(0.00);                                                                   //Эфект появления
      now = i;
      if (slide == true) {
        timeOut = setTimeout("slideShow("+i+")",showTime);
      }
  }
  
  function stop(i) 	//Остановка на текущем слайде
  {
	innerInElem(i);
  }
  
  
  function transp(k) 
  {                                                                //Функция эфекта появления
    v = parseFloat(k)+0.01;
	//Прозрачность FF
    document.getElementById('slideImage').style.opacity = v;							
    document.getElementById('slideTitle').style.opacity = v;
    if (showText  == 1) {document.getElementById('slideText').style.opacity = v;}
    
    document.getElementById('slideArtist').style.opacity = v;
    //Прозрачность IE
    document.getElementById('slideImage').style.filter = 'alpha(opacity='+v*100+')';
    document.getElementById('slideTitle').style.filter = 'alpha(opacity='+v*100+')'; 
    if (showText  == 1) {document.getElementById('slideText').style.filter = 'alpha(opacity='+v*100+')';}
    
    document.getElementById('slideArtist').style.filter = 'alpha(opacity='+v*100+')';
    if (v <= 1) {p = setTimeout("transp("+v+")",10);} else {return;}    
  }
  
  function innerInElem(i) 
  {
      if (showTitle == 1)	document.getElementById('slideTitle').innerHTML = slideArray[i-1]['title'];     //Выводим заголовок
      if (showText  == 1)	document.getElementById('slideText').innerHTML = slideArray[i-1]['descript'];   //Выводим текст
      if (showImage == 1)	document.getElementById('slideImage').src = slideArray[i-1]['image']; //выводим изображение
      if (showLink == 1)	document.getElementById('slideLink').href = slideArray[i-1]['href']; //Переход по клику на картинку 
      
      if (showArtist == 1)  document.getElementById('slideArtist').innerHTML = slideArray[i-1]['artist']; //�?сполнитель	
  }

  document.getElementById("buttonsPanel").style.opacity = 0.7;
  document.getElementById("buttonsPanel").style.filter = 'alpha(opacity=70)';