var idCurrentW;
var prevIdwork;
var nextIdwork;
var totalXml;

function wPrevNextDetail(_id)
{
    if(_id != undefined)
    {
        var _url = _URI;
        idCurrentW = _id;
            
        $.ajax({ 
            url:_URI+_xmlWorks, 
            type: "POST", 
            dataType: "xml",
            success: function(xml) 
            {
                _xml = xml;
                wDetail(_xml);
                showGalery(_xml);
            }
        });
    }
    $("#loading").remove();
};

function wDetail(_xml)
{
    $(function()
    {
        $("a[rel='wPrevDetail']").click(function()
        {        
            var exitFind = false;
            $(_xml).find('ITEM[display="1"]').each(function(i)
            {    
                if($(this).find('ID').text() == idCurrentW && !exitFind)	
                {	    
                    prevIdwork = $(this).parent().find('ID:not(:empty)').eq(i-1).text();
                    idCurrentW = prevIdwork;
                    
                    showGalery(_xml);
                    exitFind = true;
                }
            });
            $("#loading").hide();
        });
        $("a[rel='wNextDetail']").click(function()
        {
            totalXml = $(_xml).find('ITEM[display=1]').length;
            
            var exitFind = false;
            $(_xml).find('ITEM[display="1"]').each(function(i)
            {    
                if($(this).find('ID').text() == idCurrentW && !exitFind)	
                {	        
                    nextIdwork = $(this).parent().find('ID:not(:empty)').eq(i+1).text();
                    if(nextIdwork != "")
                        idCurrentW = nextIdwork;
                    else 
                        idCurrentW = $(this).parent().find('ID:first(:empty)').text();
                    
                    showGalery(_xml);
                    exitFind = true;
                }
            });
            $("#loading").hide();
        });
    });
};

//LISTING WORK
$(function() 
{
    $("a[rel='pagWPrev']").click(function()
    {
        if(currentPageWork > 1)
            currentPageWork -= 1;
    });
    $("a[rel='pagWNext']").click(function()
    {
        currentPageWork += 1;
    });
    
	$("a[rel^='pagW']").click( function() 
	{
        $('#loading').show();
        $.ajax({ 
			url:_URI+_xmlWorks, 
			type: "POST", 
			dataType: "xml",
		   	success: function(xml) 
		   	{
                $('#loading').hide();
                
                var items = $(xml).find('ITEM[display=1]');
                var totalItems = items.length;
                var numPagesWork = Math.ceil(totalItems / nbrShow);

                (currentPageWork == 1) ? $('#pagWPrev img').replaceWith('<img src="images/fleche-prec-empty.png" border="0" />') : $('#pagWPrev img').replaceWith('<img src="images/fleche-prec.png" border="0" />');
                (currentPageWork >= numPagesWork) ? $('#pagWNext img').replaceWith('<img src="images/flech-next-empty.png" border="0" />') : $('#pagWNext img').replaceWith('<img src="images/flech-next.png" border="0" />');
                
                if(currentPageWork > numPagesWork)
                    currentPageWork = numPagesWork;

                var _content = $('#works_content').empty();
                
                var limitStart = (currentPageWork-1)*nbrShow;
                var limitEnd = (currentPageWork-1)*nbrShow + nbrShow;          
                
                var itemsPaginated = items.slice(limitStart, limitEnd);
                
                $('#numPagW').text(currentPageWork+'/'+numPagesWork);
                
                itemsPaginated.each(function()
                {             
                    var _id_ = $(this).find('ID').text();
                    
                    _content.append($('<ul><li><a class="bouton" href="#detail_work" rel="'+_id_+'"></a></li></ul>'));
                    _content.append($('<div class="work">'+
                    '<img src="'+_URI+$(this).find('MOBILE').find('MIN').text()+'" border="0" />'+
                    '<h2>'+$(this).find('TITRE').text()+'</h2>'+
                    '<p class="sous_titre">'+$(this).find('PROJET').text()+'<em>projet</em></p>'+
                    '<p class="sous_titre">'+$(this).find('SECTEUR').text()+'<em>secteur</em></p>'+
                    '<p class="sous_titre">'+$(this).find('CLIENT').text()+'<em>client</em></p>'+
                    '</div>'));
                    _content.append($('<div class="clear"></div>'));
                });
            }
        });
    });
});

//DETAIL WORKS
function showGalery(_xml)
{
    $('#loading').show();
    $("#content").height(46);
    $("#toggleBtn").text('... En lire +');
    $("#photoGalery").remove();
    $(".toolbar").empty();
    
    var photo_list = new Array();
    
    $('#img').empty();
    $('#img').show();
    var _content = $('#contentTxt').empty();

    var exitFind = false;
    $(_xml).find('ITEM').each(function()
    {      
        if($(this).find('ID').text() == idCurrentW && !exitFind)	
        {	
            $(this).find('THUMBS').find('IMG').find('BIG').each(function()
            {
                var _img_small = $(this).text();
                photo_list.push(_URI+_img_small);
            });	
            
            var myJson = [];
            for(var i=0; i<photo_list.length; i++)
            {
                myJson.push({src:photo_list[i]});
            }
            
            $('a#voir_rea').attr({'href': $(this).find('MOBILE').find('URL').text(), 'target': '_blank'});
            $('a#jaime_work').attr({'href': 'http://www.facebook.com/share.php?u='+$(this).find('MOBILE').find('URL').text(), 'target': '_blank'});
            $('#img').append($('<img src="'+_URI+$(this).find('MOBILE').find('BIG').text()+'" border="0" />'));
            
            _content.append($('<p style="text-align:'+$(this).find('DESC').attr('align')+'">'+
            '<span class="sous_titre">'+$(this).find('TITRE').text()+'<br/><br/></span>'+$(this).find('DESC').text()+'</p>'));
            
            if($(this).find('VIMEO_URL').text() == "")
            {
                _content.append($('<br/><a href="#jqt" style="color:#FF6600; margin:10px 0 10px 10px;"><img src="images/bouton-voir-capture.jpg" border="0" /></a>'));
                jQT.generateGallery("photoGalery", myJson);
                jQT.goTo("photoGalery"); 
            }
            
            exitFind = true;
        }
    });
   $("#loading").hide();
}