﻿function clientSetup(sector) {
    var mygaming = sector;
    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: "xml/newDesign/sector/" + mygaming + ".xml",
            dataType: "xml",
            success: parseXml
        });
    });

    function parseXml(xml) {

        var mySectorTitle = $(xml).find('title').attr('myTitle');
        var mySectorTitleSrc = $(xml).find('title').attr('src');
        var mySectorSubTitle = $(xml).find('subTitle').attr('mySubTitle');
        var mySectorSubTitleSrc = $(xml).find('subTitle').attr('src');
        var mySectorDesc = $(xml).find('sectorDesc').text();

        var prImage = $(xml).find('prMainImage').text();
        var prDesc = $(xml).find('prDesc').text();

        $('#prImage').append('<img src="' + prImage + '" />');
        $('#prDesc').append(prDesc);


        $('#titleWrapper').append('<div id="sectorTitle"><img src="' + mySectorTitleSrc + '"/></div><br /><div style="background-image:url(images/nav1Divider2.gif); width:690px; height:1px; margin-top:38px;"></div>');
        $('#aboutOurClients').append('<div id="sectorSubTitle"><img src="' + mySectorSubTitleSrc + '"/></div><br />');
        $('#aboutOurClients').append('<div id="sectorDesc">' + mySectorDesc + '</div><br />');



        $(xml).find('works').each(function () {
            var clientImage = $(this).find('mainImage').text();
            var clientTitle = $(this).attr('title');
            var clientSubDesc = $(this).find('desc').text();
            var relLink = $(this).attr('subTitle');
            var subImages;



            $('#clients').append('<div class="clientList"><div class="imageBackground"><a rel="' + relLink + '"  title="' + $(this).find('mainImage').attr('desc') + '" href="' + $(this).find('mainImage').attr("firstImage") + '"><img class="clientImage" src="' + clientImage + '" /></a></div><br /><div><span class="clientTitle" >' + clientTitle + '</span><br /><span>' + clientSubDesc + '</span><br /></div></div><div style="display:none;" id="subImages' + relLink + '"></div>');

            $(this).find('subImage').each(function () {
                if ($(this).attr('type') != 'mov') {
                    $('#subImages' + relLink).append('<a rel="' + relLink + '" href="' + $(this).text() + '" title="' + $(this).attr('desc') + '"><img src="' + $(this).text() + '" /></a>');
                } else {
                    $('#subImages' + relLink).append('<a rel="' + relLink + '" href="' + $(this).text() + '" title="' + $(this).attr('desc') + '">swf</a>');
                }
            });

            $("a[rel=" + relLink + "]").fancybox({
                'titlePosition': 'inside',
                'titleFormat': function (title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });
        });

        
        



    }
}
