$(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);*/
                $("#info"+tr_id).show();
                $("#bilder"+tr_id).hide();
                $('#lyr' + tr_id).jScrollPane({ showArrows: true, scrollbarWidth: 11 });
                $(".player-info .tabset li.info a").click(function(){
                    $("#bilder"+tr_id).css("display", "none");
                    $(this).parent().parent().find("li.statistik a").each(function(){
                        $(this).removeClass("active");
                    }); 
                    $(this).addClass("active");
                    $("#info"+tr_id).css("display", "block");
                });
                $(".player-info .tabset li.statistik a").click(function(){
                    $("#info"+tr_id).css("display", "none");
                    $(this).parent().parent().find("li.info a").each(function(){
                        $(this).removeClass("active");
                    }); 
                    $(this).addClass("active");
                    $("#bilder"+tr_id).css("display", "block");
                });
            }
            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 });
                $("#info" + tr_id).show();
            }
            else if ($(_this).next().attr('class') == "inf") {
                $(_this).next().show();
            }
            $('#pre_load').css('display', 'none');
            $(_this).find('span').toggleClass("active-row");
        });
    });
    try{
        setActivateSenastaMatch();
    } catch(e){
    
    }
});
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="pt15px"><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></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);
	});
}