/*
    kodi Widget-Set
    Copyright 10.2015-2016 instalator<vvvalt@mail.ru>
*/
"use strict";

if (vis.editMode) {
    $.extend(true, systemDictionary, {
        "myColor":          {"en": "myColor",       "de": "mainColor",  "ru": "Мой цвет"},
        "myColor_tooltip":  {
            "en": "Description of\x0AmyColor",
            "de": "Beschreibung von\x0AmyColor",
            "ru": "Описание\x0AmyColor"
        },
        "oid_playlist":		{"en": "playlist",    	"de": "playlist", 		"ru": "playlist"},
        "oid_pvrplaylist":	{"en": "PVR playlist",  "de": "PVR playlist",  	"ru": "PVR playlist"},
		"oid_position":		{"en": "position",    	"de": "position",  		"ru": "position"},
		"oid_codec":		{"en": "codec",    		"de": "codec",  		"ru": "codec"},
		"oid_aspect":		{"en": "video_aspect",  "de": "video_aspect",  	"ru": "video_aspect"},
		"oid_channel":		{"en": "channels",     	"de": "channels",  		"ru": "channels"},
		"oid_videocodec":	{"en": "video_codec",   "de": "video_codec",  	"ru": "video_codec"},
		"oid_play":			{"en": "play",     		"de": "play",  			"ru": "play"},
		"oid_speed":		{"en": "speed",     	"de": "speed",  		"ru": "speed"},
		"oid_prev":			{"en": "previous",     	"de": "previous",		"ru": "previous"},
		"oid_next":			{"en": "next",     		"de": "next",  			"ru": "next"},
		"oid_stop":			{"en": "stop",     		"de": "stop",  			"ru": "stop"},
		"oid_mute":			{"en": "mute",     		"de": "mute",  			"ru": "mute"},
		"oid_rpt":			{"en": "repeat",     	"de": "repeat",  		"ru": "repeat"},
		"oid_shf":			{"en": "shuffle",     	"de": "shuffle",  		"ru": "shuffle"},
		"oid_seek":			{"en": "seek",     		"de": "seek",  			"ru": "seek"},
		"oid_server":		{
								"en": "IP адрес и порт веб сервера коди. Например: 127.0.0.1:80",
								"de": "IP адрес и порт веб сервера коди. Например: 127.0.0.1:80", 
								"ru": "IP адрес и порт веб сервера коди. Например: 127.0.0.1:80"},
		"oid_resolut":		{"en": "video_height",  "de": "video_height",  	"ru": "video_height"}
    });
}

$.extend(true, systemDictionary, {
    "Instance":  {"en": "Instance", "de": "Instanz", "ru": "Инстанция"}
});

vis.binds.kodi = {
    version: "0.2.2",
    showVersion: function () {
        if (vis.binds.kodi.version) {
            console.log('Version kodi: ' + vis.binds.kodi.version);
            vis.binds.kodi.version = null;
        }
    },
	states: {
		oid_seek:			{val: 0, selector: '', objName: 'oid_seek'},
		oid_curtimetotal:	{val: undefined, selector: '', objName: 'curtimetotal'}
	},
/***********************************************************************/
Thumbnail: function (widgetID, view, data, style) {
		var $div = $('#' + widgetID);
		var type = null;
		// if nothing found => wait
		if (!$div.length) {
			return setTimeout(function () {
				vis.binds.kodi.Thumbnail(widgetID, view, data, style);
			}, 100);
		}
		function Thumb(cover){
			var url_thumb;
			if (vis.editMode) {
				$div.find('li').removeClass().addClass("cover adef").css('backgroundImage', 'url()');
			} else {
				if (cover && cover !== 'image://DefaultAlbumCover.png/'){
					url_thumb = 'http://' + data.oid_server + '/image/' + encodeURI(cover);
					$div.find('li').removeClass().addClass("cover").css('backgroundImage', 'url('+url_thumb+')');
				} else {
					if (type == 'video'){
						$div.find('li').removeClass().addClass("cover vdef").css('backgroundImage', 'url()');
					} else {
						$div.find('li').removeClass().addClass("cover adef").css('backgroundImage', 'url()');
					}
				}
			}
		}
		// subscribe on updates of value
		if (data.oid_thumbnail) {
			vis.states.bind(data.oid_thumbnail + '.val', function (e, newVal, oldVal) {
				Thumb(newVal);
			});
		}
		if (data.oid_type) {
			vis.states.bind(data.oid_type + '.val', function (e, newVal, oldVal) {
				type = newVal;
				Thumb();
			});
		}
		Thumb(vis.states[data.oid_thumbnail + '.val']);
	},
/************************************************************************/
Progress: function (widgetID, view, data, style) {
		var $div = $('#' + widgetID);
		
		if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.Progress(widgetID, view, data, style);
            }, 100);
        }
		
		$(function(){
			$div.progressbar({
				value: 0
			});
		});
		
		$div.on('click', function(e){
			var maxWidth = $(this).css("width").slice(0, -2);
			//var left = $(this).css("left").slice(0, -2);
			var clickPos = e.pageX - this.offsetLeft;
			var percentage = clickPos / maxWidth * 100;
			vis.setValue(data.oid_seek, percentage);
			$div.progressbar("option","value", percentage);
		});

		// subscribe on updates of value
		if (data.oid_seek) {
			vis.states.bind(data.oid_seek + '.val', function (e, newVal, oldVal) {
				$div.progressbar("value", newVal);
			});
		}
	},
/**************************************************************************/
Button: function (widgetID, view, data, style) {
		var $div = $('#' + widgetID);
		
		if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.Button(widgetID, view, data, style);
            }, 100);
        }
		
		$("#kodicontrols .prev").on('click',function(){
			vis.setValue(data.oid_prev, '');
		});
		$("#kodicontrols .rewind").on('click',function(){
			var seek = vis.states[data.oid_seek + '.val'];
			vis.setValue(data.oid_speed, 'decrement');
		});
		$("#kodicontrols .playpause").on('click',function(){
			var speed = vis.states[data.oid_speed + '.val'];
			if (speed === 1){
				vis.setValue(data.oid_speed, 0);
			} else {
				vis.setValue(data.oid_speed, 1);
			}
		});
		$("#kodicontrols .stop").on('click',function(){
			vis.setValue(data.oid_stop, '');
		});
		$("#kodicontrols .forward").on('click',function(){
			var seek = vis.states[data.oid_seek + '.val'];
			vis.setValue(data.oid_speed, 'increment');
		});
		$("#kodicontrols .next").on('click',function(){
			vis.setValue(data.oid_next, '');
		});
		$("#kodicontrols .repeat").on('click',function(){
			var rpt = vis.states[data.oid_rpt + '.val'];
			if (rpt === 'off'){
				vis.setValue(data.oid_rpt, 'one');
			} else if (rpt === 'one'){
				vis.setValue(data.oid_rpt, 'all');
			} else if (rpt === 'all'){
				vis.setValue(data.oid_rpt, 'off');
			}
		});
		$("#kodicontrols .shuffle").on('click',function(){
			var shf = vis.states[data.oid_shf + '.val'];
			if (shf === false){
				vis.setValue(data.oid_shf, true);
			} else {
				vis.setValue(data.oid_shf, false);
			}
		});
		

		// subscribe on updates of value
		if (data.oid_speed) {
			vis.states.bind(data.oid_speed + '.val', function (e, newVal, oldVal) {
				var sp = $("#kodicontrols > .playpause");
				if (newVal !== 1){
					sp.removeClass().addClass('playpause play');
				} else {
					sp.removeClass().addClass('playpause');
				}
			});
		}
		if (data.oid_rpt) {
			vis.states.bind(data.oid_rpt + '.val', function (e, newVal, oldVal) {
				var r = $("#kodicontrols > .repeat");
				if (newVal == 'off'){
					r.removeClass();
					r.addClass("repeat off");
				} else if (newVal == 'one'){
					r.removeClass();
					r.addClass("repeat one");
				} else if (newVal == 'all'){
					r.removeClass();
					r.addClass("repeat all");
				}
			});
		}
		if (data.oid_shf) {
			vis.states.bind(data.oid_shf + '.val', function (e, newVal, oldVal) {
				var s = $("#kodicontrols > .shuffle");
				if (newVal === true || newVal === 'true'){
					s.removeClass('off').addClass('on');
				} else {
					s.removeClass('on').addClass('off');
				}
			});
		}
	},
/**************************************************************************/
Playlist: function (widgetID, view, data, style) {
        var $div = $('#' + widgetID);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.Playlist(widgetID, view, data, style);
            }, 100);
        }
		var playlist;
		function SetPlaylist(val){
			playlist = JSON.parse(val);
			var _playlist = {};
			if (playlist){
				_playlist = playlist;
				$div.find("#playListContainer").empty();
				_playlist.forEach(function(item, i, arr) {
					$div.find("#playListContainer").append("<li class='item"+(i+1)+"'>"+(i+1)+' - '+_playlist[i].label+"</li>");
				});
				$div.find("#playListContainer .item"+(parseInt(vis.states[data.oid_position + '.val'])+1)).addClass("active");			
				$div.find('#playListContainer').on('click', "li", function(){
					  var n=$(this).index();
					  vis.setValue(data.oid_position, n);
				});
			} else if (playlist.channels){
				_playlist = playlist.channels;
				$div.find("#playListContainer").empty();
				_playlist.forEach(function(item, i, arr) {
					var url = 'http://'+data.oid_server+'/image/' + encodeURI(_playlist[i].thumbnail);
					$div.find("#playListContainer").append("<li class='item"+(i+1)+"'><img src='"+url+"' style='width: 50px; height: 50px; vertical-align: middle; margin: 2px;'> "+_playlist[i].label+"</li>");
				});
				$div.find("#playListContainer .item"+(parseInt(vis.states[data.oid_position + '.val'])+1)).addClass("active");
				
				$div.find('#playListContainer').on('click', "li", function(){
					  var n=$(this).index()+1;
					  vis.setValue(data.oid_position, n);
				});
			}
		}
		// subscribe on updates of value
		if (data.oid_playlist) {
			vis.states.bind(data.oid_playlist + '.val', function (e, newVal, oldVal) {
				SetPlaylist(newVal);
			});
		}
		if (data.oid_position) {
			vis.states.bind(data.oid_position + '.val', function (e, newVal, oldVal) {
				$div.find("#playListContainer li").removeClass("active");
				newVal = parseInt(newVal);
				if (playlist.items){
					newVal++;
				}
				$div.find("#playListContainer .item"+ newVal).addClass("active");
			});
		}
		if ($div.length){
			SetPlaylist(vis.states[data.oid_playlist + '.val']);
		}
		
	},
/************************************************************************/
CodecInfo: function (widgetID, view, data, style) {
        var $div = $('#' + widgetID);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.CodecInfo(widgetID, view, data, style);
            }, 100);
        }
		function SetCodecInfo(val){
			if (val){
				$('.kodiinfo > .codec').css('backgroundImage', 'url(./widgets/kodi/img/audio/'+val+'.png)');
			}
		}
		// subscribe on updates of value
		if (data.oid_codec) {
			vis.states.bind(data.oid_codec + '.val', function (e, newVal, oldVal) {
				SetCodecInfo(newVal);
			});
		}
		if (vis.editMode) {
			SetCodecInfo('dtshd_ma');
		} else {
			SetCodecInfo(vis.states[data.oid_codec + '.val']);
		}
	},
/************************************************************************/
AspectInfo: function (widgetID, view, data, style) {
        var $div = $('#' + widgetID);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.AspectInfo(widgetID, view, data, style);
            }, 100);
        }
		function SetAspectInfo(val){
			if (val){
				val = parseFloat(val).toFixed(2);
				$('.kodiinfo > .aspect').css('backgroundImage', 'url(./widgets/kodi/img/aspectratio/'+val+'.png)');
			}
		}
		// subscribe on updates of value
		if (data.oid_aspect) {
			vis.states.bind(data.oid_aspect + '.val', function (e, newVal, oldVal) {
				SetAspectInfo(newVal);
			});
		}
		if (vis.editMode) {
			SetAspectInfo('1.78');
		} else {
			SetAspectInfo(vis.states[data.oid_aspect + '.val']);
		}
	},
/************************************************************************/
ResolutInfo: function (widgetID, view, data, style) {
        var $div = $('#' + widgetID);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.ResolutInfo(widgetID, view, data, style);
            }, 100);
        }
		function SetResolutInfo(val){
			if (val){
				$('.kodiinfo > .resolut').css('backgroundImage', 'url(./widgets/kodi/img/video/'+val+'.png)');
			}
		}
		// subscribe on updates of value
		if (data.oid_resolut) {
			vis.states.bind(data.oid_resolut + '.val', function (e, newVal, oldVal) {
				SetResolutInfo(newVal);
			});
		}
		if (vis.editMode) {
			SetResolutInfo('1080');
		} else {
			SetResolutInfo(vis.states[data.oid_resolut + '.val']);
		}
		
	},
/************************************************************************/
ChannelInfo: function (widgetID, view, data, style) {
        var $div = $('#' + widgetID);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.ChannelInfo(widgetID, view, data, style);
            }, 100);
        }
		function SetChannelInfo(val){
			if (val){
				$('.kodiinfo > .channel').css('backgroundImage', 'url(./widgets/kodi/img/audio/'+val+'.png)');
			}
		}
		// subscribe on updates of value
		if (data.oid_channel) {
			vis.states.bind(data.oid_channel + '.val', function (e, newVal, oldVal) {
				SetChannelInfo(newVal);
			});
		}
		if (vis.editMode) {
			SetChannelInfo('6');
		} else {
			SetChannelInfo(vis.states[data.oid_channel + '.val']);
		}
	},
/************************************************************************/
VideoCodec: function (widgetID, view, data, style) {
        var $div = $('#' + widgetID);
        // if nothing found => wait
        if (!$div.length) {
            return setTimeout(function () {
                vis.binds.kodi.VideoCodec(widgetID, view, data, style);
            }, 100);
        }
		function SetVideoCodecInfo(val){
			if (val){
				$('.kodiinfo > .videocodec').css('backgroundImage', 'url(./widgets/kodi/img/video/'+val+'.png)');
			}
		}
		// subscribe on updates of value
		if (data.oid_videocodec) {
			vis.states.bind(data.oid_videocodec + '.val', function (e, newVal, oldVal) {
				SetVideoCodecInfo(newVal);
			});
		}
		if (vis.editMode) {
			SetVideoCodecInfo('vhs');
		} else {
			SetVideoCodecInfo(vis.states[data.oid_videocodec + '.val']);
		}
	}
/***********************************************************************/

};
	/*if (vis.editMode) {
		vis.binds.kodi.changeOid = function (widgetID, view, newId, attr, isCss) {
			//console.log('---------: ' + widgetID +' - '+view+' - '+newId+' - '+attr+' - '+isCss);
			newId = newId ? newId.substring(0, newId.length - attr.length + 'oid_'.length) : '';
			var changed = [];
			for (var s in vis.binds.kodi.states) {
				if (s === 'oid_curtime' || !vis.binds.kodi.states[s].objName) continue;
				if (vis.objects[newId + vis.binds.kodi.states[s].objName]) {
					changed.push(s);
					vis.views[view].widgets[widgetID].data[s] 	= newId + vis.binds.kodi.states[s].objName;
					vis.widgets[widgetID].data[s] 				= newId + vis.binds.kodi.states[s].objName;
				}
			}
			return changed;
	};
}*/

vis.binds.kodi.showVersion();