$(document).ready(function() {
	$('#nav li').hover(function() {
		if (this.timer) clearTimeout(this.timer);
		$(this).addClass("hover");
		$(this).children('div').show();
	}, function() {
		var _this = this;

		if ($(this).parent().is('#nav')) {
			this.timer = setTimeout(function() {
				$(_this).removeClass("hover");
				$(_this).children('div').hide("slow");
			}, 300);
		} else {
			$(_this).removeClass("hover");
			$(_this).children('div').hide("slow");
		}
	});
	$('.team-table tr.hvr, .team-table tr.hvr-leader').hover(function() {
		if (!$(this).attr('class')) return false;
		$(this).addClass("hover");
	}, function() {
		if (!$(this).attr('class')) return false;
		$(this).removeClass("hover");
	});

	$('.hvr').click(function() {
		hdn = $(this).find('input[type="hidden"]');
		if (hdn.length != 1) return false;
		var tr_id = hdn[0].value;
		var _this = this;
		if ($(_this).next().attr('class') == "inf" && $(_this).next().css('display') != 'none') {
			$(_this).next().hide();
			$(_this).find('span').toggleClass("active-row");
			return;
		}
		$('#pre_load').css('display', 'block');
		PlayerService.GetPlayer(hdn[0].value, function(data) {
			if ($(_this).next().attr('class') == "hvr" || $("table tr:last").next().attr("class") == null) {
				hideInfoForAll();
				$("span.active-row").removeClass("active-row");
				json = data; // new Object();
				str = genTopInfoPlayer(tr_id);
				str += genInfoTab(json, tr_id);
				str += genBilderTab(tr_id, json.images);
				str += genBottomInfoPlayer();
				$(_this).after(str);

				$("#inf_img_slider_" + tr_id).easySlider({
					prevId: 's_nav_left_' + tr_id,
					nextId: 's_nav_right_' + tr_id
				});
				initTabs();
				initNaviBtnStyle();
				initSifr();
				/*init_dw_Scroll(tr_id);*/
				$('#lyr' + tr_id).jScrollPane({ showArrows: true, scrollbarWidth: 11 });
			}
			else if ($(_this).next().attr('class') == "inf") {
				dspl = $(_this).next().css('display');
				if (dspl == 'block' || dspl == 'table-row') {
					$(_this).next().css('display', 'none');
				}
				else {
					hideInfoForAll();
					verNav = getIEVersion();

					if (!verNav)
						$(_this).next().css('display', 'table-row');
					else
						$(_this).next().css('display', 'block');
				}
			}
			$(_this).find('span').toggleClass("active-row");
			$('#pre_load').css('display', 'none');
		});
	});

	$('.hvr-leader').click(function() {
		hdn = $(this).find('input[type="hidden"]');
		if (hdn.length != 1) return false;
		var tr_id = hdn[0].value;
		var _this = this;
		if ($(_this).next().attr('class') == "inf" && $(_this).next().css('display') != 'none') {
			$(_this).next().hide();
			$(_this).find('span').toggleClass("active-row");
			return;
		}
		$('#pre_load').css('display', 'block');
		PlayerService.GetPlayer(hdn[0].value, function(data) {
			if ($(_this).next().attr('class') == "hvr-leader" || $("table tr:last").next().attr("class") == null) {
				hideInfoForAll();
				$("span.active-row").removeClass("active-row");
				json = data; // new Object();
				str = genTopInfoPlayer(tr_id);
				str += genInfoTabForLeader(json, tr_id);
				str += genBilderTab(tr_id, json.images);
				str += genBottomInfoPlayer();
				$(_this).after(str);

				$("#inf_img_slider_" + tr_id).easySlider({
					prevId: 's_nav_left_' + tr_id,
					nextId: 's_nav_right_' + tr_id
				});
				initTabs();
				initNaviBtnStyle();
				initSifr();
				/*init_dw_Scroll(tr_id);*/
				$('#lyr' + tr_id).jScrollPane({ showArrows: true, scrollbarWidth: 11 });
			}
			else if ($(_this).next().attr('class') == "inf") {
				$(_this).next().show();
			}
			$('#pre_load').css('display', 'none');
			$(_this).find('span').toggleClass("active-row");
		});
	});
	setActivateSenastaMatch();
});
function hideInfoForAll() {
	$('#team-table, #team-table-leaders').find('tr').each(function() {
		if ($(this).attr('class') == 'inf') {
			$(this).css('display', 'none');
		}
	});
}
function initNaviBtnStyle() {
	$('.btn_nav_to_left, .btn_nav_to_right').mouseover(function() {
		$(this).css('background-position', '0 50%');
	}).mouseout(function() {
		$(this).css('background-position', '0 0');
	});
	$('.btn_nav_to_left').mousedown(function() {
		$(this).css('background-position', '0 100%');
	});
	$('.btn_nav_to_right').mousedown(function() {
		$(this).css('background-position', '0 100%');
	});
}
function getIEVersion() {
	if (navigator.appVersion.indexOf("MSIE") == -1)
		return false;
	var p1 = navigator.appVersion.indexOf("MSIE");
	var p2 = navigator.appVersion.indexOf(";", p1);
	return navigator.appVersion.substr(p1 + 5, p2 - (p1 + 5));
}

function genTopInfoPlayer(id) {
	str = '<tr class="inf"><td colspan="8"><div class="player-info"><ul class="tabset"><li class="info"><a class="tab active" href="#info' + id + '">INFO</a></li>';
	str += '<li class="statistik"><a class="tab" href="#bilder' + id + '">BILDER</a></li></ul><div class="player-area"><div class="player-bg"><span class="right-shad"></span>';
	return str;
}
function genTopInfoPlayer2(id) {
	str = '<tr class="inf"><td colspan="8"><div class="player-info"><ul class="tabset">';
	str += '</ul><div class="player-area"><div class="player-bg"><span class="right-shad"></span>';
	return str;
}

function genBottomInfoPlayer() {
	str = '</div></div></div></td></tr>';
	return str;
}
function genInfoTab(json, id) {
	str = '<div class="tab info" id="info' + id + '"><div class="layer"  id="lyr' + id + '"><div class="about-player"><div class="section"><div class="top"><span></span><em></em><div></div></div>';
	str += '<div class="section-cont"><div class="big-table light_gray_table"><div class="top-bg"><div class="bottom-bg">';
	str += '<div class="title"><h4><span>#' + json.number + ' ' + json.name + '</span></h4></div><div class="part-info">';
	str += '<div class="top-shad"></div><div class="part-info-main"><div class="small-title"><h5><span>RESULTAT</span></h5></div>';
	str += '<div class="shad-holder"><div class="shad-main"><table><tr><td class="term-cell"><strong>Säsong</strong></td><td><strong>Matcher</strong></td>';
	str += '<td><strong>Mål</strong></td></tr><tr class="border_gray"><td class="term-cell"></td><td></td><td></td></tr>';

	if (typeof(json.resultat.length) == 'undefined') {
		str += '<tr class="dark-row-player"><td class="term-cell"><strong>-</strong></td><td>-</td><td>-</td></tr>';
	}
	else {
		len = json.resultat.length;
		for (i = 0; i < len; i++) {
			if (i % 2 == 0) {
				str += '<tr class="dark-row-player">';
			}
			else {
				str += '<tr>';
			}
			str += '<td class="term-cell"><strong>' + json.resultat[i].season + '</strong></td>';
			str += '<td>' + json.resultat[i].games + '</td>';
			str += '<td>' + json.resultat[i].goals + '</td>';
			str += '</tr>';
		}
	}

	str += '<tr class="border_gray"><td class="term-cell"></td><td></td><td></td></tr><tr><td class="term-cell"><strong>Totalt i AIK</strong>';
	str += '</td><td><strong>' + json.total_games + '</strong></td><td><strong>' + json.total_goals + '</strong></td></tr></table></div></div><div class="sub-bottom-shad"></div></div><div class="bottom-shad">';
	str += '</div></div></div></div></div></div><div class="bottom"><span></span><em></em><div></div></div></div></div>';

	str += '<div class="photo-player"><div class="section"><div class="top"><span></span><em></em><div></div></div><div class="section-cont">';
	str += '<div class="big-table light_gray_table"><div class="top-bg"><div class="bottom-bg"><div class="title"><h4><span>#' + json.number + ' ' + json.name + '</span></h4>';
	str += '</div><div class="part-info"><div class="top-shad"></div><div class="part-info-main"><div class="small-title"><h5><span>INFO</span></h5></div>';
	str += '<div class="shad-holder"><div class="shad-main"><table><tr><td><strong>Född:</strong></td><td>' + json.date_birth + '</td></tr><tr class="dark-row-player"><td></td>';
	str += '<td>'+ json.place_birth +'</td></tr><tr><td><strong>Längd och vikt:</strong></td><td>' + json.length + 'cm, ' + json.weight + 'kg</td></tr><tr class="dark-row-player">';
	str += '<td><strong>Moderklubb:</strong></td><td>' + json.club + '</td></tr><tr><td><strong>Landskamper:</strong></td><td>' + json.nation_games + '</td></tr><tr class="dark-row-player">';
	str += '<td><strong>Balans:</strong></td><td>' + json.balance + '</td></tr><tr><td><strong>Karriär:</strong></td><td></td></tr><tr class="border_gray">';
	str += '<td class="term-cell" colspan="2"></td></tr>';

	if (!json.carrier) {
		str += '<tr class="dark-row-player"><td colspan="2">-</td></tr>';
	}
	else {
		str += '<tr class="dark-row-player"><td colspan="2">' + json.carrier + '</td></tr>';
	}

	str += '</table></div></div><div class="sub-bottom-shad"></div></div><div class="bottom-shad"></div></div></div></div></div></div><div class="bottom">';
	br = '';
	if (id == 15)
	{
	    br = '<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>';
	}
	    
	str += '<span></span><em></em><div></div></div></div></div>' + br + '</div></div>';
	return str;
}

function genInfoTabForLeader(json, id) {
    str = '<div class="tab info" id="info' + id + '"><div class="layer"  id="lyr' + id + '"><div style="margin-left:15px;">';
    str += '<div class="photo-player"><div class="section"><div class="top"><span></span><em></em><div></div></div><div class="section-cont">';
    str += '<div class="big-table light_gray_table"><div class="top-bg"><div class="bottom-bg"><div class="title"><h4><span>' + json.name + '</span></h4>';
    str += '</div><div class="part-info"><div class="top-shad"></div><div class="part-info-main"><div class="small-title"><h5><span>INFO</span></h5></div>';
    str += '<div class="shad-holder"><div class="shad-main"><table><tr><td><strong>Född:</strong></td><td>' + json.date_birth + '</td></tr>';
    str += '<tr class="dark-row-player"><td></td><td>' + ((json.place_birth) ? json.place_birth : "-") + '</td></tr>';
    str += '<tr><td><strong>Debut:</strong></td><td>' + json.debut + '</td></tr>';
    str += '<tr class="dark-row-player"><td><strong>Title:</strong></td><td>' + json.title + '</td></tr>';
    str += '<tr><td><strong>Karriär:</strong></td><td></td></tr><tr class="border_gray">';
    str += '<td class="term-cell" colspan="2"></td></tr>';

    if (!json.carrier) {
        str += '<tr class="dark-row-player"><td colspan="2">-</td></tr>';
    }
    else {
        str += '<tr class="dark-row-player"><td colspan="2">' + json.carrier + '</td></tr>';
    }

    str += '</table></div></div><div class="sub-bottom-shad"></div></div><div class="bottom-shad"></div></div></div></div></div></div><div class="bottom">';
    str += '<span></span><em></em><div></div></div></div></div></div></div></div>';
    return str;
}
function genBilderTab(id_player, images) {
	str = '<div class="tab bilder" id="bilder' + id_player + '"><div class="section"><div class="top"><span></span><em></em><div></div></div><div class="section-cont">';
	str += '<div id="inf_img_slider_' + id_player + '" class="inf_img_slider"><ul>'; 
	
	for (var i in images)
	{
		str += '<li><img width="500" height="333" alt="" src="' + images[i] + '" /></li>';
	}
	
	str += '</ul></div></div><div class="bottom"><span></span><em></em><div></div></div><div class="min_box"><div class="btn_nav_to_left" id="s_nav_left_' + id_player + '"></div>';
	str += '<div class="btn_nav_to_right" id="s_nav_right_' + id_player + '"></div></div></div></div>';
	return str;
}

function init_dw_Scroll(id) 
{
	var wndo = new dw_scrollObj('wn' + id, 'lyr' + id);
	wndo.setUpScrollbar("dragBar" + id, "track" + id, "v", 1, 1);
	wndo.setUpScrollControls('scrollbar' + id);
	wndo.setUpScrollControls('wn' + id);
	if (window.opera)
	{
	    dw_scrollObj.initScroll('wn' + id, 'down', 50);
	    setTimeout("dw_scrollObj.stopScroll('wn' + " + id + ");", 1);
	}
	$('#down' + id).mouseover(function(){
	   dw_scrollObj.initScroll('wn' + id, 'down', 50);
	}).mouseout(function(){
	   dw_scrollObj.stopScroll('wn' + id);
	});
	$('#up' + id).mouseover(function(){
	   dw_scrollObj.initScroll('wn' + id, 'up', 50);
	}).mouseout(function(){
	   dw_scrollObj.stopScroll('wn' + id);
	});
}