function firstslide() {
    slide_num = 1;
    
    changeslide();
    
    
}

function prevslide() {


    slide_num = slide_num - 1;
     
    if (slide_num < 1) {
        slide_num = num_of_slides;
        document.getElementById('div'+ slide_num ).className = 'item1'
     
    }
      
    changeslide();
}

function nextslide() {
    slide_num = slide_num + 1;
    if (slide_num == 1 ){
        document.getElementById('div1').className = 'item'
    }else{
        document.getElementById('div'+ (slide_num - 1) ).className = 'item1'
       
    }
     
    if (slide_num > num_of_slides) {
     
        slide_num = 1
    }

    changeslide();
    Mudar();
    
    
}



function lastslide() {
    slide_num = 5;
    changeslide();
}

function changeslide() {

    var imagem = document.getElementById('img_box');
    var desc = document.getElementById('midiaboxdesc');
    MM_effectAppearFade(imagem, 300, 100, 0, false)

    var f = function() {

        imagem.src = Foto[slide_num]
        
     

        imagem.style.cursor = "pointer"
        

        imagem.onclick = function() {
            location.href = URLLink[slide_num];
        }
        desc.innerHTML = descricao[slide_num];
        MM_effectAppearFade(imagem, 300, 0, 100, false)
    }

    setTimeout(f, 300);
}

function Mudar() {
    if (estado) {
        clearTimeout(tempo);
         document.getElementById('div'+ slide_num ).className = 'item'
        tempo = setTimeout(nextslide, 5000);
    }
}


function setEstado() {
    if (estado) {
        estado = false;
        clearTimeout(tempo)
    } else {
        estado = true;
        Mudar();
    }
}

function setTo(slide) {

     switch (slide) {
	case 1:
	      document.getElementById('div1').className = 'item'
	      document.getElementById('div2').className = 'item1'
	      document.getElementById('div3').className = 'item1'
	      slide_num = slide;
	        break;
	case 2:
	      document.getElementById('div1').className = 'item1'
	      document.getElementById('div2').className = 'item'
	      document.getElementById('div3').className = 'item1'
	    slide_num = slide;   
	     break;
	case 3:
	      document.getElementById('div1').className = 'item1'
	      document.getElementById('div2').className = 'item1'
	      document.getElementById('div3').className = 'item'
	      slide_num = slide;   
	     break;
	    
    default:
}

   
      changeslide();
   
    
    
    
    
   
}


function MM_effectAppearFade(targetElement, duration, from, to, toggle) {
    Spry.Effect.DoFade(targetElement, { duration: duration, from: from, to: to, toggle: toggle });
}