var lefttime,rigthtime;
function moveimg(){
document.getElementById("zohovo").scrollLeft = document.getElementById("zohovo").scrollLeft + 8;
lefttime = setTimeout("moveimg()",50)
}

function moveimg2(){
document.getElementById("zohovo").scrollLeft = document.getElementById("zohovo").scrollLeft - 8;
righttime=setTimeout("moveimg2()",50)
}

function SideScroll(){
var intab =document.createElement("table");
intab.className = "smallText";
intab.style.color = "#666";
intab.style.backgroundColor = "#edece8";
intab.width = "100%";
intab.height = "100%";
intab.border = "0";
intab.cellspacing = "0"; 
intab.cellpadding = "5";
var intbody = document.createElement("tbody");
intab.appendChild(intbody);
var tr1 = document.createElement("tr");
for(var i in innercontent){
    var td1 =document.createElement("td");
    td1.style.backgroundColor = innercontent[i]["bcolor"]
    td1.id = innercontent[i]["title"];
    td1.style.cursor = "pointer";
	    
    var img1 = document.createElement("img")
    img1.src = innercontent[i]["image"]
    img1.style.width ="190px";
    img1.style.height ="150px";
	img1.style.border ="0px";
	var ahref = document.createElement("a")
	ahref.href = innercontent[i]["url"]
	ahref.rel = "lightbox";
	if(img1.addEventListener){ 
        img1.addEventListener('mouseover',changebg,true);
        img1.addEventListener('mouseout',replacebg,true);
    }
    else{
        img1.attachEvent('onmouseover',changebg);
        img1.attachEvent('onmouseout',replacebg);
    }    
    ahref.appendChild(img1);
	td1.appendChild(ahref);
    tr1.appendChild(td1);
}
var tr2 = document.createElement("tr");
for(var i in innercontent){
    var td1 =document.createElement("td");
    td1.id = innercontent[i]["title"];
    td1.style.backgroundColor = innercontent[i]["bcolor"]
	td1.style.textAlign="center";
    td1.innerHTML = innercontent[i]["title"] ;
    tr2.appendChild(td1);
}
intbody.appendChild(tr1);
intbody.appendChild(tr2);
document.getElementById("zohovo").appendChild(intab);
}

function changebg(e){
var fobj =  e.target || event.srcElement;
fobj = fobj.parentNode.parentNode || fobj.parentElement.parentElement;
fobj.style.backgroundColor = getData(fobj.id,"movercol");
}

function replacebg(e){
var fobj =  e.target || event.srcElement;
fobj = fobj.parentNode.parentNode || fobj.parentElement.parentElement;
fobj.style.backgroundColor = getData(fobj.id,"bcolor");
}

function getData(curr,eve){
    for(var j in innercontent){
        if(innercontent[j]["title"] == curr){
            return innercontent[j][eve];
        }
    }
}

