/**
 * @author  Constantine Polozin 2008
 */
function play( fname, folderName)
{
	showMyElem('ring-play');
	document.getElementById("song").src="http://telesport.co.il/ring/" + folderName + "/a-" + fname + ".wav"; 
	//alert($("song").src);
}	
var switcher =0;
function showsongs()
{
	if( switcher == 0 )
	{
		switcher=1;
		showMyElem("song-hidden");
	}
	else
	{
		switcher = 0;
		hiddeMyElem("song-hidden");
	}
}
function stopplay()
{
	document.getElementById("song").src="";
	hiddeMyElem("ring-play");
}
var switcherGif =0;
function showgifs()
{
	if( switcherGif == 0 )
	{
		switcherGif=1;
		showMyElem("gif-hidden");
	}
	else
	{
		switcherGif = 0;
		hiddeMyElem("gif-hidden");
	}
}
var switcherJpeg =0;
function showjpegs()
{
	if( switcherJpeg == 0 )
	{
		switcherJpeg=1;
		showMyElem("jpeg-hidden");
	}
	else
	{
		switcherJpeg = 0;
		hiddeMyElem("jpeg-hidden");
	}
}
function getpic(fname, id)
{
  showMyElem("pic-get");
  document.getElementById("pic-get-img").src="http://telesport.co.il/animations/" + fname; 
  document.getElementById("pic-get-num").innerHTML= "575" + id;
  document.getElementById("pic-get-n1").innerHTML= "575" + id;
  document.getElementById("pic-get-n2").innerHTML= "575" + id;
}
function closepic()
{
	hiddeMyElem("pic-get");
}
function getring(name , num, type)
{
	 document.getElementById("ring-get-name").innerHTML=name;
	 document.getElementById("ring-get-num").innerHTML=( type == "70" ?"574": "576")+ num;
	 showMyElem("ring-get");
}
function closering()
{
	hiddeMyElem("ring-get");

}
function addEvent(obj, evType, fn) {
    if (obj.addEventListener)
        obj.addEventListener(evType, fn, true)
    if (obj.attachEvent)
        obj.attachEvent("on" + evType, fn)
} 
var jpegs = null;
var rings = null;
var indexJpeg = 0;
function bildJepegs(flag) {
    if (indexJpeg + 5 > jpegs.length) {
        return;
    }
    if( flag == 1 )
    indexJpeg++;
    var pics = document.getElementById("block-pics");
    pics.innerHTML = "";
    for (var i = indexJpeg; i < jpegs.length && i < indexJpeg+5; i++) {
        var n = jpegs[i];
        var pic = document.createElement("img");
        pic.className = "pics";
        pic.id = "sell" + i;
        addEvent(pic, "click", function(i) { getpicfunk(i); });
        pic.src = "http://telesport.co.il/animations/" + n.getAttribute("name_of_anim");
        pics.appendChild(pic);
    }
  
}
function bildJepegsRevers() {
    if (indexJpeg  == 0) {
        return;
    }
    indexJpeg--;
    var pics = document.getElementById("block-pics");
    pics.innerHTML = "";
    for (var i = indexJpeg; i < jpegs.length && i < indexJpeg + 5; i++) {
        var n = jpegs[i];
        var pic = document.createElement("img");
        pic.className = "pics";
        pic.id = "sell" + i;
        addEvent(pic, "click", function(i) { getpicfunk(i); });
        pic.src = "http://telesport.co.il/animations/" + n.getAttribute("name_of_anim");
        pics.appendChild(pic);
    }
  
}
function bildsellData() {
    var datac = document.getElementById("data_block");
    jpegs = datac.getElementsByTagName("jpeg");
    rings = datac.getElementsByTagName("ring");
    // alert(jpegs.length);
    bildJepegs(0);
    bildRings();
}
var indexRing = 0;
function bildRings() {
   var father = document.getElementById("block-rings");

    for (var i = 0; i < 5 && i < rings.length; i++) {
        var n = rings[i];
        var div = document.createElement("div");
        div.className = "ring-line catch clear";
        var sp = document.createElement("span");
        sp.className = "right";
        sp.appendChild( document.createTextNode(n.getAttribute("r_fileName")));
        div.appendChild(sp);
        var inLoad = document.createElement("input");
        inLoad.type = "button";
        inLoad.value = "load";
        inLoad.className = "btnchik";
        inLoad.id = "load" + i;
        addEvent(inLoad, "click", function(i) { getringfunc(i); });
        div.appendChild(inLoad);
        var inPlay = document.createElement("input");
        inPlay.type = "button";
        inPlay.value = "play";
        inPlay.className = "btnchik";
        inPlay.id = "play" + i;
        addEvent(inPlay, "click", function(i) { getringfunc(i); });
        div.appendChild(inPlay);        
        father.appendChild(div);
    }
}
function bildRingsNext() {
    if (indexRing+5 > rings.length) {
       // alert(indexRing);
        return;
    }
    var father = document.getElementById("block-rings");
    father.innerHTML = "";
    indexRing += 5;
    for (var i = indexRing;  i < rings.length && i < indexRing+5; i++) {
        var n = rings[i];
        var div = document.createElement("div");
        div.className = "ring-line catch clear";
        var sp = document.createElement("span");
        sp.className = "right";
        sp.appendChild(document.createTextNode(n.getAttribute("r_fileName")));
        div.appendChild(sp);
        var inLoad = document.createElement("input");
        inLoad.type = "button";
        inLoad.value = "load";
        inLoad.className = "btnchik";
        inLoad.id = "load" + i;
        addEvent(inLoad, "click", function(i) { getringfunc(i); });
        div.appendChild(inLoad);
        var inPlay = document.createElement("input");
        inPlay.type = "button";
        inPlay.value = "play";
        inPlay.className = "btnchik";
        inPlay.id = "play" + i;
        addEvent(inPlay, "click", function(i) { getringfunc(i); });
        div.appendChild(inPlay);
        father.appendChild(div);
    }
}
function bildRingsBack() {
    if (indexRing == 0 )
        return;
    var father = document.getElementById("block-rings");
    father.innerHTML = "";
    indexRing -= 5;
    for (var i = indexRing; i < rings.length && i < indexRing + 5; i++) {
        var n = rings[i];
        var div = document.createElement("div");
        div.className = "ring-line catch clear";
        var sp = document.createElement("span");
        sp.className = "right";
        sp.appendChild(document.createTextNode(n.getAttribute("r_fileName")));
        div.appendChild(sp);
        var inLoad = document.createElement("input");
        inLoad.type = "button";
        inLoad.value = "load";
        inLoad.className = "btnchik";
        inLoad.id = "load" + i;
        addEvent(inLoad, "click", function(i) { getringfunc(i); });
        div.appendChild(inLoad);
        var inPlay = document.createElement("input");
        inPlay.type = "button";
        inPlay.value = "play";
        inPlay.className = "btnchik";
        inPlay.id = "play" + i;
        addEvent(inPlay, "click", function(i) { getringfunc(i); });
        div.appendChild(inPlay);
        father.appendChild(div);
    }
}
function getringfunc(event)
{
    var id = "";
    if (event.target) {
        id = event.target.id;
    }
    else {
        id = event.srcElement.id;
    }
   
    var type = id.substr(0, 4);
    id = id.substr(4);
    var n = rings[parseInt(id)];    
    ///alert(id);
    if (type == "play") {
        play(n.getAttribute("poly"), n.getAttribute("r_eng_name"));
    }
    else if (type == "load") {
    getring(n.getAttribute("r_fileName"),n.getAttribute("r_name"), n.getAttribute("poly"));
    }

}
function getpicfunk(event)
{
    var id = "";
    if (event.target) {
        id = event.target.id;
    }
    else {
        id = event.srcElement.id;
    }
    //alert(id);
    id = id.substr(4);
    var n = jpegs[parseInt(id)];
    getpic(n.getAttribute("name_of_anim"),n.getAttribute("a_number"));
}