var vodjson;


function loadVodjsDoc(url){

    new Ajax.Request(url, {
        method: 'get',
        onSuccess: function(transport){
			
            vodjson = transport.responseText.evalJSON();
           
		  // alert(json.gal[0].imagename);
          
		  changeVodImage();
        }
    });
	
    
    
}




function randOrd(){
    return (Math.round(Math.random()) - 0.12);
}

function changeVodImage(){

    var elements;
    
        elements = vodjson.vod;
    
    var imagecount = elements.length;
    var thumbnail = null;
	var categories = null;
    var vodurl = null;
    var vods = new Array();
    
    
    
    
    //Daten aus xml einlesen und in array speichern
    for (var i = 0; i <= imagecount - 1; i++) {
        base = elements[i];
        try {
            thumbnail = base.cover;
        } 
        catch (e) {
            thumbnail = ""
        }
        try {
            vodurl = base.videourl;
        } 
        catch (e) {
            vodurl = ""
        }
		 try {
            categories= base.categorie;
			categories = categories.replace('&uuml;','ü');
			categories = categories.replace('&auml;','ä');
			categories = categories.replace('&ouml;','ö');
			categories = categories.replace('&Uuml;','Ü');
			categories = categories.replace('&Auml;','Ä');
			categories = categories.replace('&Ouml;','Ö');
			categories = categories.replace('&szlig;','ss');
			categories = categories.replace('&amp;',' ');
			categories = categories.substr(0,15);

        } 
        catch (e) {
            categories = ""
        }
        
        vods[i] = new Array("thumbnail", "vodurl","categories");
        vods[i]["thumbnail"] = thumbnail;
        vods[i]["vodurl"] = vodurl;
		vods[i]["categories"] = categories;
       // alert(categories);
    }
	
	vods.sort( randOrd );
  
    
	
	
	document.getElementById("thumbnail1").src = "" + vods[0]["thumbnail"];
    document.getElementById("vodurl1").href = vods[0]["vodurl"];
	document.getElementById("categorie1").firstChild.data = vods[0]["categories"];
	
	document.getElementById("thumbnail2").src = "" + vods[1]["thumbnail"];
    document.getElementById("vodurl2").href = vods[1]["vodurl"];
	document.getElementById("categorie2").firstChild.data = vods[1]["categories"];
	
	document.getElementById("thumbnail3").src = "" + vods[2]["thumbnail"];
    document.getElementById("vodurl3").href = vods[2]["vodurl"];
	document.getElementById("categorie3").firstChild.data = vods[2]["categories"];
	
	document.getElementById("thumbnail4").src = "" + vods[3]["thumbnail"];
    document.getElementById("vodurl4").href = vods[3]["vodurl"];
	document.getElementById("categorie4").firstChild.data = vods[3]["categories"];
	
	document.getElementById("thumbnail5").src = "" + vods[4]["thumbnail"];
    document.getElementById("vodurl5").href = vods[4]["vodurl"];
	document.getElementById("categorie5").firstChild.data = vods[4]["categories"];
	
	document.getElementById("thumbnail6").src = "" + vods[5]["thumbnail"];
    document.getElementById("vodurl6").href = vods[5]["vodurl"];
	document.getElementById("categorie6").firstChild.data = vods[5]["categories"];
	
	document.getElementById("thumbnail7").src = "" + vods[6]["thumbnail"];
    document.getElementById("vodurl7").href = vods[6]["vodurl"];
	document.getElementById("categorie7").firstChild.data = vods[6]["categories"];
	
	document.getElementById("thumbnail8").src = "" + vods[7]["thumbnail"];
    document.getElementById("vodurl8").href = vods[7]["vodurl"];
	document.getElementById("categorie8").firstChild.data = vods[7]["categories"];
	
	document.getElementById("thumbnail9").src = "" + vods[8]["thumbnail"];
    document.getElementById("vodurl9").href = vods[8]["vodurl"];
	document.getElementById("categorie9").firstChild.data = vods[8]["categories"];
	
	document.getElementById("thumbnail10").src = "" + vods[9]["thumbnail"];
    document.getElementById("vodurl10").href = vods[9]["vodurl"];
	document.getElementById("categorie10").firstChild.data = vods[9]["categories"];
	
	document.getElementById("thumbnail11").src = "" + vods[10]["thumbnail"];
    document.getElementById("vodurl11").href = vods[10]["vodurl"];
	document.getElementById("categorie11").firstChild.data = vods[10]["categories"];
	
	document.getElementById("thumbnail12").src = "" + vods[11]["thumbnail"];
    document.getElementById("vodurl12").href = vods[11]["vodurl"];
	document.getElementById("categorie12").firstChild.data = vods[11]["categories"];

}