/*=================================================================================
 
Balderton Project v1
 
our-team public js file.
Created : 08/09/2008 - cem@skyron.co.uk
 
=================================================================================*/
var filterCategory = new Array();
var filterLocation = new Array();

var teamID;
//var processing = false;

/* 
*  DOM READY 
*/
$(function() {


    $('#teamsportfolio-holder .portfolio img').livequery('mouseover', function() {
        $(this).hover({ color: '#0E93CD', color2: '#c6c6c6' });
    });

    $('#teamsportfolio-holder .portfolio img').livequery('mouseout', function() {
        $(this).hover({ color: '#cbcbcb', color2: '#c6c6c6' });
    });

    //    $('#member-holder .member').livequery('mouseover', function() {
    //        $(this).hover({ color: '#0E93CD', color2: '#c6c6c6', textcolor: 'white' });
    //        $('img', this).hover({ color: '#0E93CD', color2: '#c6c6c6', textcolor: 'white' });
    //        return false;
    //    });

    //    $('#member-holder .member').livequery('mouseout', function() {
    //        $(this).hover({ color: 'white', color2: '#c6c6c6', textcolor: 'black' });
    //        $('img', this).hover({ color: 'white', color2: '#c6c6c6', textcolor: 'black' });
    //        return false;
    //    });



    __ajaxCallXml('/ajax/admin/functions/team.aspx?op=GetAll'
        , ''
        , __completedPortfolio);


    var selectedTeam = null;
    $("#member-holder .member").livequery('mouseover', function(e) {
        $(this).css('backgroundColor', '#0E93CD');

        $('img', this).css("borderColor", "#0E93CD");

        $('.textHeader', this).css("backgroundColor", "#0E93CD").css("color", "white");
        $('.text', this).css("backgroundColor", "#0E93CD").css("color", "white");
    });

    $("#member-holder .member").livequery('mouseout', function(e) {
        if ($(selectedTeam).attr('id') == $(this).attr('id')) return false;

        $(this).css('backgroundColor', 'white');
        $('img', this).css("borderColor", "");
        $('.textHeader', this).css("backgroundColor", "").css("color", "");
        $('.text', this).css("backgroundColor", "").css("color", "");
    });


    $("#member-holder .member").livequery('click', function(e) {
        selectedTeam = $(this);

        $('#team-header').slideUp();

        //$(this).css('backgroundColor', '#0E93CD');
        // if you dont do type conversion , you'd .. (check querystrings)
        teamID = parseInt($(":hidden:first", this).attr("value"));
        document.location = '#' + $(this).attr('id').replace('div-', '');

        $('.member').css('backgroundColor', '')
        $(this).css('backgroundColor', '#0E93CD');
        $('#member-holder .member').css('paddingRight', '0').css('height', '165px');
        $("#member-holder .member img").css("borderColor", "").css('width', '92px').css('height', '92px');
        $('.textHeader').css("backgroundColor", "").css("color", "").css('width', '92px').css('fontSize', '10px');
        $('.member .text').css("backgroundColor", "white").css("color", "").css('width', '92px').css('fontSize', '10px');

        $('.member').css("borderColor", "#0E93CD").css('marginRight', '15px').css('marginBottom', '15px');

        $('.member img').each(function() {
            var imgSrcAttr = $(this).attr("src");
            if ($.browser.msie && imgSrcAttr.indexOf('?w=') == -1) $(this).attr("src", imgSrcAttr + '?w=95');
        });




        $('.textHeader', this).css("backgroundColor", "#0E93CD").css("color", "white");
        $('.text', this).css("backgroundColor", "#0E93CD").css("color", "white");
        $('img', this).css("borderColor", "#0E93CD");

        var that = $(this);

        // start animation
        $("#member-holder").animate({ width: '470px' }, 400, function() {
            //$("#portfolio-details-holder").slideDown("slow");            

            // hide filter.
            //$("#op-filter").slideUp("fast", function() { $("#toogle-op-filter").slideDown("fast"); });
            $("#toogle-op-filter").click(function() { $(this).slideUp("fast", function() { $("#op-filter").slideDown("fast"); }); });

            // call ajax page to populate data !
            //if (portfolioID > -1) {

            if (teamID == -1) {
                editMode = "new";
                __pushEditContent();
                return false;
            } else {
                editMode = "edit";
                __ajaxCallXml('/ajax/admin/functions/team.aspx?op=GetByTeamID&teamID=' + teamID
                                , "", __completedTeamDetails);
            }



            //} else {
            //    $(".loading1").hide();
            //}

            /*window.scrollTo(1, 325);*/

            return false;
        });

        $("#portfolio-details-holder").animate({ width: '470px' }, 400, function() { });

        //return false;
    });

    var url = document.location.href;
    var urls = url.split("/");
    var pf = urls[urls.length - 1].split('#');
    var _pf = urls[urls.length - 1];
    if (pf.length > 0) {
        _pf = pf[1];
    }

    $("#div-" + _pf).livequery(function() {
        if (filterCategory.length == 0) {
            $(this).trigger('click');
        } else {
            $(this).unbind('click');
        }
    });
});

// image clicked and we showed portfolio details!
function __completedTeamDetails(xml) {
    //return false;
    // populate case study detail

    __ajaxCallXml('/ajax/admin/functions/portfolio.aspx?op=GetByTeamID&teamID=' + teamID
                , "", __completedPortfolios);


    var _html = "<input type=\"hidden\" id=\"hiddenteamid\" value=\"" + $(xml).find("partnertype").text() + "\"/>" +                
                "<div id=\"left-logo\">" +
                    "<img src=\"/media/team/" +
                            $(xml).find("picture").text() + "\"" +
                                "style=\"float:left;padding-left:20px;padding-top:20px;width:147px;height:146px;\" alt=\"" + $(xml).find("lastname").text() + "\" />" +
                    "<div style=\"float:left;padding-top:30px;padding-left:20px;\">" +
                        "<p class=\"email\">" +
                            "<a href=\"mailto:" + $(xml).find("email").text()  + "\">" + $(xml).find("email").text() + "</a>" +
                        "<\/p>" +
                        "<p class=\"phone_number\" style=\"margin-top:10px;\">" +
                            "" + $(xml).find("phone").text() +
                        "<\/p>" +
                        "<p style=\"margin-top:20px;\">" +
                            "Assistant: " + $(xml).find("assistantname").text() +
                            "<div style=\"padding-bottom:3px;\" /><a href=\"mailto:" + $(xml).find("assistantemail").text() + "\">" + $(xml).find("assistantemail").text() + "</a>" +
                            //"<div style=\"padding-bottom:3px;\" /><b>Website</b> : <a href=\"" + $(xml).find("website").text() + "\">" + $(xml).find("website").text() + "</a>" +
                            "" +
                        "<\/p>" +
                    "<\/div>" +
                    "<div class=\"fix\"><\/div><div>" +
                        "<p style=\"margin-top:20px;\">" +
                            $(xml).find("intro").text() +
                        "<\/p>" +
                    "<\/div>" +
                "<\/div>";


    var _comHtml = "<ul class='comp'>";
    var hideComHtml = true;
    
    var _skype = $(xml).find("skype").text();
    if (_skype != "") {
        hideComHtml = false;
        _skype = '<li class="skype">' +
                    '<a href="skype:' + _skype + '">Skype</a>' +
                '</li>';
        _comHtml += _skype;
    }

    var _twitter = $(xml).find("twitter").text();
    if (_twitter != "") {
        hideComHtml = false;
        _twitter = '<li class="twitter">' +
                    '<a target="_blank" href="http://twitter.com/' + _twitter + '">Twitter</a>' +
                '</li>';
        _comHtml += _twitter;
    }

    var _blog = $(xml).find("blog").text();
    if (_blog != "") {
        hideComHtml = false;
        _blog = '<li class="blog">' +
                    '<a target="_blank" href="' + _blog + '">Blog</a>' +
                '</li>';
        _comHtml += _blog;
    }
    var _linkedin = $(xml).find("linkedin").text();
    if (_linkedin != "") {
        hideComHtml = false;
        _linkedin = '<li class="linkedin">' +
                        '<a target="_blank" href="' + _linkedin + '">Linked In</a>' +
                    '</li>';
        _comHtml += _linkedin;
    }

    _comHtml += "</ul>";
    
    //$("#portfolio-details-holder .block").empty();
    $("#portfolio-details-holder .image").html(_html);
    $("#portfolio-details-holder .header p:first").html($(xml).find("name").text() + " " + $(xml).find("lastname").text());
    $('#divPortfolio p.title').text("Companies " + $(xml).find("name").text() + " has worked with");
    $('#divComm .media-holder').html(_comHtml);
    $('#divComm li:last').css('border', 'none');

    if (hideComHtml) { $('#divComm').hide(); }
    else { $('#divComm').show(); }
    
}

function __completedPortfolios(xml) {

    if ($('data', xml).length == 0) $('#divPortfolio').hide();
    else $('#divPortfolio').show();

    // populate media details
    __ajaxCallXml('/ajax/admin/functions/media.aspx?op=GetByTeamID&type=1&teamID=' + teamID
                , "", __completedMedia);

    //if ($('data',xml).find("introcopy").text() == "case study here..") {
        //$('.block:first').hide();
    //}
    
    

    //alert($('data', xml).find("introcopy").text());
    
    var _html = "<div id=\"teamsportfolio-holder\">";
    $('data', xml).each(function() {
        _html += "<div class=\"portfolio\">" +
                    "<a href=\"/our-portfolio/#" + $(this).find("name2").text() + "\">" + 
                        "<img src=\"/media/portfolio/" + $(this).find("logo").text() + "\" alt=\"\" />" + 
                    "</a> " +
                 "</div>";
    });
    _html += "</div>";

    $("#divPortfolio .media-holder").html(_html);

    try {
        //__addDeleteCaseStudyMediaContent();
    }
    catch (e) {
        // do nothing       
    }
}

function __completedMedia(xml) {

    // populate representative details
    /*__ajaxCallXml('/ajax/admin/functions/team.aspx?op=GetByPortfolioID&portfolioID=' + portfolioID
                , "", __completedRepresentative);
    */

       
    if ($('data', xml).length == 0) {
        $('#divMedia').hide();
    } else { $('#divMedia').show(); }

    var _video = '<div id=\"video-container\" style="padding:10px 0;">';
    var _videoSrc = '';
    $('data', xml).each(function(i) {
        _videoSrc = $(this).find('src').text();
        _video += _videoSrc;

        __src = _videoSrc;


        $('#divMedia .media-holder').append('<div style="text-align:center;border:solid 0;width:95%;padding:10px 0;" id="preview_' + i + '"></div>');
        //alert(_videoSrc);
        createPlayer(_videoSrc, 'preview_' + i);


        //player.sendEvent("LOAD", _videoSrc);
    });

    if ($('data', xml).length == 0) {
        //$('.block:eq(1)').hide();
    } else {
        $('#divMedia').show();
    }

    _video += "</div>";

    //alert();

    if ($('data', xml).length == 0) { $('#divMedia .media-holder-video').hide(); }
    else { $('#divMedia .media-holder-video').show(); }

    try {
        __addDeleteMediaContent();
    }
    catch (e) {
        // do nothing
    }


}

function createPlayer(src,containerID) {
    var s1 = new SWFObject('/media/player/player.swf', 'ply', '420', '350', '9', '#ffffff');
    s1.addParam('allowfullscreen', 'true');
    s1.addParam('allowscriptaccess', 'always');
    s1.addParam('wmode', 'opaque');
    s1.addParam('flashvars', 'file=/media/videos/' + src + '&image=/media/videos/' + src.replace('flv','png') + '');
    //s1.addParam('flashvars', 'file=http://balderton.clients.skyron.co.uk/media/homeflash/video1.flv');
    s1.write(containerID);

}

function __completedRepresentative(xml) {

    // populate representative details
    __ajaxCallXml('/ajax/admin/functions/news.aspx?op=GetByPortfolioID&portfolioID=' + portfolioID
                , "", __completedRelatedNews);

    if ($('data', xml).length == 0) {
        $('.block:eq(2)').hide();
    } else {
        $('.block:eq(2)').show();
    }


    var _media = "<ul class=\"representatives\">";

    $("data", xml).each(function() {
        _media +=   
            "<li style=\"float:left;padding-right:15px;padding-top:5px;padding-bottom:15px;\">" +
                "<a href=\"/media/team/" + $(this).find("picture").text() + "\" rel=\"image\">" +
                    "<img style=\"border:solid 0;width:83px;height:82px;\" src=\"/media/team/" + $(this).find("picture").text() + "?w=83\" alt=\"" + $(this).find("name").text() + "\" />" +
                "</a>" +
            "</li>";
    })

    _media += "</ul>";

    //$(".block:eq(1) p:eq(1)").html(_html);
    $(".block:eq(2) .media-holder").html(_media);

    try {
        __addRepresentativeFeatures();
    }
    catch (e) {
        // do nothing
    }
   
}

function __completedRelatedNews(xml) {    
    var _news = "<ul class=\"news-events\">";
    var item_count = $("data", xml).length;
    
    $("data", xml).each(function() {
    _news +=
            "<li>" +
                "<a style=\"float:left;width:100%;margin-bottom:5px;\" href=\"/news/" + $(this).find("name").text() + "\">" +
                    $(this).find("name").text() +
                "</a>" +
                "<span style=\"float:left;margin-bottom:15px;\">" + $(this).find("pagecopy").text() + "</span>" + 
            "</li>";
    })

    _news += "</ul>";

    //$(".block:eq(1) p:eq(1)").html(_html);
    if (item_count == 0) $(".block:eq(3)").hide();
    else { $(".block:eq(3)").show();  }
    $(".block:eq(3) .media-holder").html(_news);
}

//function test() {
//    var idx = getIndex("1", filterCategory);
//    window.status = filterCategory.toString();
//    //alert(idx);
//}

function getIndex(value, arr) {
    var arr_length = arr.length;
    var i = 0;
    for (i == 0; i < arr_length; i++) {
        if (value == arr[i].toString()) {
            return i;
        }
    }
    return -1;
}

function __completed(xml) {
    populate(xml,0);        
    __ajaxCallXml('/ajax/admin/functions/location.aspx?op=GetAll'
        , "", __completed2);
}

function __completed2(xml) {
    populate(xml,1);
}

function __completedPortfolio(xml) {
    var __html = "";
    
    $("rss", xml).find("data").each(function(i) {
        __html += "<div id=\"div-" + $(this).find("url").text() + "\" class=\"member\" title=\"" + $(this).find("longname").text() + "\">" +
        //"<a href=\"#1\">" +
                        "<input type=\"hidden\" id=\"hiddenteamid\" value=\"" + $(this).attr("id") + "\"/>" + 
                        "<input type=\"hidden\" id=\"hiddenteamorder\" value=\"" + $(this).find("order").text() + "\"/>" + 
                        "<img id=\"img-" + $(this).find("url").text() + "\" src=\"/media/team/" + $(this).find("picture").text() +
                            "\" alt=\"" + $(this).find("longname").text() + "\" style=\"width:147px;height:146px;\"/>" +
                        "<div class='textHeader' style='min-height:25px;'>" + $(this).find("name").text() + " <nobr>" + $(this).find("lastname").text() + "</nobr></div>" +
                        "<div class='text'>" + $(this).find("partnertype").text() + "</div>" +
        //"</a>" +
                        "<input type=\"hidden\" name=\"" + $(this).attr("id") + "\" value=\"" + $(this).attr("id") + "\" />" +
                    "</div>";
    });
    $("#member-holder").html(__html);
    
    try {
        __addNewPortfolioFeature();
    }
    catch (e) {
        // do nothing
    }
}

function populate(xml,j) {
    var __html = "<ul>";
    $("rss", xml).find("data").each(function(i) {
        __html += "<li style=\"float:left;width:125px;padding-bottom:3px;\"><input type=\"checkbox\" id=\"" + j + "-" + i + "\" value=\"" + $(this).attr("id") + "\" />" +
                "<label for=\"" + j + "-" + i + "\" >" + $(this).find("name").text() + "</label></li>";
    })
    __html += "</ul>";

    $(".chkContainer:eq(" + j + ")").html(__html);
}

function __resetFilter(n) {    
    $(":checkbox[id^='" + n + "']:checked").attr("checked","");
}

function populatePortfolios() {
    
}