var slideshow_width='1000px';
var slideshow_height='420px';
var pause=4000; // (2000=2 sec)
var slidebgcolor="";/*#fffc01*/

/*var dropimages=new Array();
dropimages[0]="pic.jpg";
dropimages[1]="pic2.jpg";
dropimages[2]="pic3.jpg";

var droptitle=new Array()
droptitle[0]="<div class='tips'><a href='#12'>Zashto Laminata Skurca?</a></div>";
droptitle[1]="<div class='tips'><a href='#1dfgdfg2'>Da lorem ipsum dolor?</a></div>";
droptitle[2]="<div class='tips'><a href='#dfgdf12'>Sit amet akulo da se disba?</a></div>";
*/

var preloadedimages=new Array()
for (p=0;p<dropimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=dropimages[p]
}

var ie4=document.all;
var dom=document.getElementById;

if (ie4||dom)
document.getElementById("bigpic").innerHTML=('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
else
document.getElementById("bigpic").innerHTML=('<a href="javascript:rotatelink()"><img name="defaultslide" src="'+dropimages[0]+'" border=0</a>')

var curpos=parseInt(slideshow_width)*(-1)
var degree=550 //za animaciq
var curcanvas="canvas0"
var curimageindex=linkindex=0
var nextimageindex=1


function movepic(){
if (curpos<0){
curpos=Math.min(curpos+degree,0)
tempobj.style.left=curpos+"px"
}
else{

clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
var slideimage='<a href="'+droplink[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0>'
var title=droptitle[curimageindex];
//alert(title + dropimages[curimageindex]);
tempobj.innerHTML= slideimage+title+"</a>";
nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)

}
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("movepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=dropimages[curimageindex]
linkindex=curimageindex
curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
}

function rotatelink(){
if (droplinks[linkindex]!="")
window.location=droplinks[linkindex]
}

function resetit(what){
curpos=parseInt(slideshow_width)*(-1)
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
crossobj.style.left=curpos+"px"
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
//crossobj.innerHTML='<a href="'+droplinks[curimageindex]+'"><img src="'+dropimages[curimageindex]+'" border=0></a>'
crossobj.innerHTML="<a href="+droplink[curimageindex]+"><img src="+dropimages[curimageindex]+" border=0>"+droptitle[curimageindex]+"</a>";
rotateimage()
}