dojo.require("dojo.fx");

sv_status = true
sv_index = 0
sv_videos = [
    {
        "title":'Video 1', 
        "image":'data/1.jpg',
        "link":'http://www.nokeena.tv/staticsite/players/sf/sf.html?xml=http://205.209.188.232/live/comp-01.xml'
    },
    {
        "title":"Video 2",
        "image":"data/2.jpg",
        "link":"http://www.nokeena.tv/staticsite/players/sf/sf.html?xml=http://205.209.188.232/live/comp-03.xml"
    }
]

sv_playtimeout = null
sv_waittime = 10000
sv_base = ""

function initScreen() {
    var slideIn = dojo.fx.slideTo({node: "video2",duration: 1, left: 175, top: 5})
    var fadeInTime = dojo.isIE ? 1 : 1000
    var fadeIn = dojo.fadeIn({node: "video2info",duration: fadeInTime})
		var fadeOut = dojo.fadeOut({node: "loading",duration: 1000})
    
    if (sv_index >= sv_videos.length) {
        sv_index = 0
    }
    var vidinfo = sv_videos[sv_index]
    
    // Reset info (fixes part of IE bug)
    dojo.style("video1info", "opacity", "0.0")
    dojo.style("video1info", "left", "0px")
    dojo.style("video2info", "opacity", "0.0")
    dojo.style("video2info", "left", "0px")
    
    
    var inId = "video2"
    var imageDiv = dojo.byId(inId)
    imageDiv.innerHTML = "<img src='" + sv_base + vidinfo["image"] + "' />"
    var infoDiv = dojo.byId(inId + "info")
    infoDiv.innerHTML = "<div>" + vidinfo["title"] + "</div>"
    
    loadItem()
    
    dojo.connect(fadeIn, "onEnd", function () {
        showLinks()
        sv_playtimeout = setTimeout(playNextItem, sv_waittime)
    })

    dojo.connect(slideIn, "onEnd", function(){
        fadeIn.play();
    })
    
    setTimeout(function() {slideIn.play(), fadeOut.play()}, 2000)
}

function loadVideo(num) {
    var myindex = sv_index - 1
    if ( myindex < 0 ) {
        myindex = sv_videos.length - 1
    }
    var vidinfo = sv_videos[myindex]
    location.href=vidinfo["link"][num]
}

function loadItem() {
    sv_index += 1
    if (sv_index >= sv_videos.length) {
        sv_index = 0
    }
    var vidinfo = sv_videos[sv_index]
    
    var inId = sv_status?"video1":"video2"
    var imageDiv = dojo.byId(inId)
    imageDiv.innerHTML = "<img src='" + sv_base + vidinfo["image"] + "' />"
    var infoDiv = dojo.byId(inId + "info")
    infoDiv.innerHTML = "<div>" + vidinfo["title"] + "</div>"
    
}

function playNextItem() {
    sv_status = !sv_status
    
    hideLinks()
    
    var outId = sv_status?"video1":"video2"
    var inId = sv_status?"video2":"video1"
    
    var slideOut = dojo.fx.slideTo({node:outId, duration: 1000, left: -1000, top:5})
    var slideOut2 = dojo.fx.slideTo({node:outId + "info", duration: 1000, left: -1175, top:5 })
    
    var slideIn = dojo.fx.slideTo({node: inId,duration: 2000, left: 175, top: 5})
    var fadeInTime = dojo.isIE ? 1 : 1000
    var fadeIn = dojo.fadeIn({node: inId + "info",duration: fadeInTime})

    dojo.connect(fadeIn, "onEnd", function () {
        // Reset the other one
        dojo.style(outId, "left", "1000px")
        dojo.style(outId + "info", "opacity", "0.0")
        dojo.style(outId + "info", "left", "0px")
        showLinks()
	    loadItem()
        sv_playtimeout = setTimeout(playNextItem, sv_waittime)
    })

    dojo.connect(slideIn, "onEnd", function(){
        fadeIn.play();
    })

    slideIn.play()
    slideOut.play()
    slideOut2.play()
    

    
}

function playPrevItem() {
    sv_status = !sv_status
    
    hideLinks()
    
    var outId = sv_status?"video1":"video2"
    var inId = sv_status?"video2":"video1"

    dojo.style(inId, "left", "-825px")
    dojo.style(inId + "info", "opacity", "0.0")
    dojo.style(inId + "info", "left", "0px")
    
    var slideOut = dojo.fx.slideTo({node:outId, duration: 1000, left: 1175, top:5})
    var slideOut2 = dojo.fx.slideTo({node:outId + "info", duration: 1000, left: 1000, top:5 })
    
    var slideIn = dojo.fx.slideTo({node: inId,duration: 2000, left: 175, top: 5})
    var fadeInTime = dojo.isIE ? 1 : 1000
    var fadeIn = dojo.fadeIn({node: inId + "info",duration: fadeInTime})

    dojo.connect(fadeIn, "onEnd", function () {
        // Reset the other one
        dojo.style(outId, "left", "1000px")
        dojo.style(outId + "info", "opacity", "0.0")
        dojo.style(outId + "info", "left", "0px")
        showLinks()
	    loadItem()
        sv_playtimeout = setTimeout(playNextItem, sv_waittime)
    })

    dojo.connect(slideIn, "onEnd", function(){
        fadeIn.play();
    })

    slideIn.play()
    slideOut.play()
    slideOut2.play()
    

    
}

function nextVideo() {
    clearTimeout(sv_playtimeout)
    playNextItem()
}

function prevVideo() {
    clearTimeout(sv_playtimeout)
    sv_index -= 3
    if (sv_index < 0) {
        sv_index = sv_videos.length + sv_index 
    }
    loadItem()
    playPrevItem()
}

function hideLinks(){
    dojo.style("videolink", "display", "none")
    dojo.style("videonavnext", "display", "none")
    dojo.style("videonavprev", "display", "none")
}

function showLinks() {
    dojo.style("videolink", "display", "block")
    dojo.style("videonavnext", "display", "block")
    dojo.style("videonavprev", "display", "block")
}

function loadVideoList() {
    var now = new Date()
    now = now.getTime()
    dojo.xhrGet({
        url: sv_base + "videos.json?nocache" + now,
        load: function(responseObject, ioArgs){
            sv_videos = responseObject
            initScreen()
            return responseObject;
        },
        error: function(response, ioArgs){
            return response;
        },
        handleAs: "json"
    });

}

function slideVideo(base) {
    sv_base = 'http://' + location.href.split('/')[2] + base
    document.write('      <div class="slidevideo">')
		document.write('          <div class="sv-loading" id="loading">Loading...</div>')
    document.write('          <div class="sv-image" id="video1"></div>')
    document.write('          <div class="sv-info unitPng" id="video1info"></div>')
    document.write('          <div class="sv-image" id="video2"></div>')
    document.write('          <div class="sv-info unitPng" id="video2info"></div>')
    document.write('          <div class="sv-overlay unitPng"></div>')
    document.write('          <div class="sv-link unitPng" id="videolink"><a class="sv-link-sf" href="javascript:loadVideo(0)"><a class="sv-link-nosf" href="javascript:loadVideo(1)"></a></div>')
    document.write('          <div class="sv-nav-next unitPng" id="videonavnext"><div onclick="nextVideo()"></div></div>')
    document.write('          <div class="sv-nav-prev unitPng" id="videonavprev"><div onclick="prevVideo()"></div></div>')
    document.write('      </div>')

		document.write('<!--[if lt IE 7]><script type="text/javascript" src="unitpngfix/unitpngfix.js"></script><![endif]--> ')
    
    dojo.addOnLoad(function() {
        loadVideoList()
    
    })
}