/* GLOBAL */
var Ts = jQuery.noConflict();

/*============ Home Page Picture Mosaic ==============*/

var mosaicBox = new Array();
var mosaicPics = null;
var abc=0;
Ts(function () {
    if (doctitle == 'home') {
        slatebox='<div class="slateBox"><span class="slate_text">text</span></div>';
        mosaicPics = Ts('#mosaicLoader img').length;
        
        function slateWarp(abc)
        {
            Ts('#hm_pic' + abc).append(slatebox);
            Ts('#hm_pic' + abc+' .slateBox').delay(abc *900).animate({
            'opacity': 0.9
            }, 400);
            Ts('#hm_pic' + abc+' .slateBox span').text(Ts('#hm_pic' + abc).attr('class'));
        }
        
        for (i = 0; i < mosaicPics; i++) {
            mosaicBox[i] = Ts('#mosaicblock_' + i + ' img');
            Ts('#hm_pic' + i).css({
                'opacity': '0'
            });
            Ts('#hm_pic' + i).css({
                'background-image': 'url(' + mosaicBox[i].attr('src') + ')'
            });
            Ts('#hm_pic' + i).attr('class',mosaicBox[i].attr('title'));
            Ts('#hm_pic' + i).delay(i * 500).animate({
                'opacity': '1'
            },3000);
            setTimeout(slateWarp,1000,[i]);
            
        };
        
        Ts('.slateBox').live('hover',function(){
            Ts(this).toggleClass('slateBox_over');
        });
        
        Ts('.slateBox').live('click',function(){
            window.location="/portfolio/"+Ts(this).text();
        });
    };
});

/* Portfolio Page */


/* Category Slide */
if(doctitle=='travel' || doctitle=='events' || doctitle=='people' || doctitle=='catalog' )
{
    Ts(function(){
        Ts('#showCatBtn').click(function(){
            Ts('#mainbox2, #mainboxcat').animate({
                'left' : -1013  
            },1000);    
        });
    Ts('#hidecatbox').click(function(){
        Ts('#mainbox2, #mainboxcat').animate({
            'left' : 0 
        },1000);    
    })  
        
    });
};



var thumbHref = new Array();
var NumberofThumbs =new Array();

Ts(function(){
    if (doctitle=='travel' || doctitle=='events' || doctitle=='people' || doctitle=='catalog' ){
        Ts('#port_thumbs_box .gallery-item').each(function (thumb_x) {
            thumbHref[thumb_x] = Ts(this).find('a').attr('href');
            NumberofThumbs[thumb_x] = Ts(this); // -> given to thumbnail gallery organizer
        });
    };
});

/*==========GALLERY THUMBNAIL ORGANIZER AND FUNCTIONS =============*/

var thumbRowRestriction=7;
var thumbRowPosition=7;
var thumbInc=0;
var OrgNumbofThumbs=new Array();
var thumbNailCol=new Array();
var reOrderedThumbs=null;
var Otherfunctions =false;
var thumbTriggered=false;
var ColRounder=null;
var ColX=null;
Ts(function(){

    if (doctitle=='travel' || doctitle=='events' || doctitle=='people' || doctitle=='catalog'){
        reOrderedThumbs='<div id="port_thumbs_box">';
        reOrderedThumbs+='<div class="gallery">';
        ColRounder=Math.round(NumberofThumbs.length/7);
        ColX=NumberofThumbs.length/7;
        if(ColRounder < ColX){ thumbNailCol=ColRounder+1;} else { thumbNailCol =ColRounder;}
        
        for(i=0;i<thumbNailCol;i++){
            reOrderedThumbs+='<div>';
            if(thumbRowPosition > NumberofThumbs.length){
                thumbRowPosition=NumberofThumbs.length;    
            }
            while(thumbInc < thumbRowPosition){
                reOrderedThumbs+='<dl id="gi_numb_'+thumbInc+'" class="gallery-item">';
                reOrderedThumbs+=NumberofThumbs[thumbInc].html();
                reOrderedThumbs+='</dl>';
                reOrderedThumbs+='<br style="clear: both">';
                thumbInc++; /*console.info('thumbInc= '+thumbInc);*/
            }
            reOrderedThumbs+='</div>';
            if(thumbRowPosition < NumberofThumbs.length){
                thumbRowPosition+=thumbRowRestriction;
            }
            else if(thumbRowPosition==NumberofThumbs.length)
            {
            Ts.noop();
            }
           /* console.info('thumbRowPosition= '+thumbRowPosition); */
        }
    reOrderedThumbs+='</div>';
    reOrderedThumbs+='</div>';
   };
Ts('#port_thumbs_box').replaceWith(reOrderedThumbs);
   Otherfunctions=true;
  
});


//BIG PICTURE
var PortBigPic = null;
var whichThumb = null;
var Fadeswitcher = 'a';
var hoverthumb = null;
var thumbNumber = null;
var currentthumb = null;
var imageFade1 = null;
var imageFade2 = null;
var ia=0;
var ib=0;
var note_b=null;
var btnNextRow;
var ttop=null;
var currentRow=0;
var numberofRows=null;
var nextRowOkay=false;
var prevRowOkay=false;
var whichRowBtn=null;
var showSlideNumber=0;


Ts(function () {
    
    
    if (doctitle=='travel' || doctitle=='events' || doctitle=='people' || doctitle=='catalog'  && Otherfunctions==true) {
        PortBigPic = Ts('#portpicbox');
        var slideRowDistance = Ts('#port_thumbs_box').find('.gallery div:eq(1)').height();
        PortBigPic.prepend('<div id="imageback"><img id="imagefade1" src=""><img id="imagefade2"></div>');
        Ts('#port_thumbs_box').find('img').fadeTo('fast', 0.33);
        Ts('#port_thumbs_box a').click(function (e,note_b) {
        
        if(note_b!=1){ ib =parseFloat(Ts(this).parents('dl').attr('id').replace(/gi_numb_/,'')); note_b=0;}
        if(Ts(this).parent().parent().attr('id')==Ts(this).parent().parent().parent().find('dl').last().attr('id')){nextRowOkay=true;} else { nextRowOkay=false; }
        if(Ts(this).parent().parent().attr('id')==Ts(this).parent().parent().parent().find('dl').first().attr('id')){prevRowOkay=true;} else { prevRowOkay=false; }
            
            Ts('#port_thumbs_box img').css({
                'opacity': 0.3
            });
            Ts(this).find('img').fadeTo('fast',1);
            thumbNumber = Ts(this).parent().parent('dl').attr('id');
           /* console.info(thumbNumber); */
            e.preventDefault();
            whichThumb = Ts(this).attr('href');
            imageFade1 = PortBigPic.find('#imagefade1');
            imageFade2 = PortBigPic.find('#imagefade2');
            if (Fadeswitcher == 'a') {
                imageFade1.animate({
                    'opacity': 0,
                    'z-index': 1
                }, 300, function () {
                    Fadeswitcher = 'b'
                });
                imageFade2.attr('src', whichThumb);
                imageFade2.animate({
                    'opacity': 1,
                    'z-index': 2
                }, 300);
                currentthumb = Ts('#imagefade2');
            }
            if (Fadeswitcher == 'b') {
                imageFade2.animate({
                    'opacity': 0,
                    'z-index': 1
                }, 300, function () {
                    Fadeswitcher = 'a';
                });
                imageFade1.attr('src', whichThumb);
                imageFade1.animate({
                    'opacity': 1,
                    'z-index': 2
                }, 300);
                currentthumb = Ts('#imagefade1');
            }
        });
        // Gallery Startup. Displays the first picture in the thumbnail list
        Ts('#port_thumbs_box a:eq(0)').delay(1000).trigger('click');
        Ts('#port_thumbs_box a').trigger('hover');
        // Thumbnail Effects
        hoverthumb = Ts('#port_thumbs_box img');
        hoverthumb.hover(function () {
            Ts(this).fadeTo('slow', 1);
        }, function () {
            if (Ts(this).parent().attr('href') != currentthumb.attr('src')) {
                Ts(this).fadeTo('slow', 0.33)
            };
        });


      //Next Picture/Prev Picture Without Click Thumbnails
      
        function GalleryNextPicture()
        {
            if(ib!==NumberofThumbs.length-1){
            ib++;
           /* console.info('thumbnumber= '+thumbNumber);
            console.info('ib= '+ib);*/
            Ts("#gi_numb_"+ ib ).find('a').trigger('click',note_b=1);
            };
        };
      
         function GalleryPrevPicture()
        {
            if(ib!==0){
                ib--;
                
               /* console.info('thumbnumber= '+thumbNumber);
                console.info('ib= '+ib);
                console.info('current row= '+currentRow); */
                Ts("#gi_numb_"+ ib ).find('a').trigger('click',note_b=1);
            };
        };
        
        //KEY DOWN EVENTS
        Ts(document).bind('keydown',function(e)
        {
            
            if(e.which==39 || e.which==40)
            {
                e.preventDefault();
                if(nextRowOkay==true && currentRow < (numberofRows-1)){   
                    ttop =ttop-slideRowDistance;
                    GalleryNextRow(ttop);
                    rowBtnOpacitychange('rowfoward');
                    
                }
                GalleryNextPicture();
                 
            }
            if(e.which==37 || e.which==38)
            {
                e.preventDefault();
                if(prevRowOkay==true && currentRow > 0)
                {
                    ttop =ttop+slideRowDistance;
                    GalleryPrevRow(ttop);
                    rowBtnOpacitychange('rowback');
                    
                }
                GalleryPrevPicture();
            }
        });
 
        //Big Picture Next Picture
        PortBigPic.click(function () {
            if(nextRowOkay==true && currentRow < (numberofRows-1)){
                ttop =ttop-slideRowDistance;
                GalleryNextRow(ttop);
                rowBtnOpacitychange('rowfoward');
            }
            GalleryNextPicture();
            
            
         });
        
        /*==========ROW OF THUMBS=============*/
        
        currentRow=Ts('#port_thumbs_box .gallery div').index();
        numberofRows=Ts('#port_thumbs_box .gallery div').length;
        
        function GalleryNextRow(rowVspace)
        {
            Ts('.gallery').animate(
                {
                'top': ttop
                },1000);
            if(currentRow < numberofRows){
                currentRow+=1;
            }
            
        };
        function GalleryPrevRow(rowVspace)
        {
            Ts('.gallery').animate(
                {
                'top': ttop
                },1000);
            if(currentRow > 0){
                currentRow-=1;
            }
        };
        
        /* Append More and Prev buttons for rows */
        Ts('#port_thumbs_box').after('<div id="moreButton"></div>');
        Ts('#port_thumbs_box').before('<div id="backButton"></div>');
        
        
        //Assigning Variables Buttons
        btnNextRow=Ts('#moreButton');
        btnPrevRow=Ts('#backButton').css({'opacity':'0.2'});
        
        
         function rowBtnOpacitychange(whichRowBtn)
        {
            if(whichRowBtn=='rowback')
            {
                
                btnNextRow.css({'opacity':'1'});
                if(currentRow > 0){
                    btnPrevRow.css({'opacity':'1'}); 
                    }
                else{
                    btnPrevRow.css({'opacity':'0.2'});
                }
            }
            if(whichRowBtn=='rowfoward')
            {
                btnPrevRow.css({'opacity':'1'});
                if(currentRow == (numberofRows-1))
                {
                    btnNextRow.css({'opacity':'0.2'});
                }
            }
        }
        
        // Next Row Prev Row Functions 
        btnNextRow.click(function(){
            
            ttop=Ts('#port_thumbs_box .gallery').position().top;
            if(currentRow < (numberofRows-1)){
                
                ttop =ttop-slideRowDistance;
                GalleryNextRow(ttop);
               Ts('#port_thumbs_box .gallery div:eq('+currentRow+')').find('a').first().trigger('click');
                rowBtnOpacitychange('rowfoward');
            }
           
    
        });
        btnPrevRow.click(function(event){
            
            if(currentRow > 0){
                
                ttop =ttop+slideRowDistance;
                GalleryPrevRow(ttop);
                Ts('#port_thumbs_box .gallery div:eq('+currentRow+')').find('a').last().trigger('click');
                rowBtnOpacitychange('rowback');
            }
        });
        
        
        /*==========AUTO PLAY SLIDE SHOW=============*/
        
        function TsSlideShow(tsSlideSpeed)
        {
            function AdvanceSlide()
            {
                if(showSlideNumber < NumberofThumbs.length)
                {
                 PortBigPic.trigger('click');
                 showSlideNumber+=1;
                /* console.info(showSlideNumber); */
                }
            }
            setInterval(AdvanceSlide,tsSlideSpeed);
        }
        
        // TsSlideShow(2000);
        
        
        
        /*==========GALLERY PRELOADER=============*/
        
        Ts('#mainbox2').append('<div id="galleryPreloader" style="display:none;"></div>')
       
        for (i = 0; i < thumbHref.length; i++) {
            Ts('#galleryPreloader').append('<img src="' + thumbHref[i] + '">');

        };
    };
});


/* CatBox on Portfolio Page */

Ts(function()
{
     if (doctitle=='travel')
     {
        Ts('#portpicbox').append('<div id="ctbxport_travel"></div>');
        Ts('#ctbxport_travel').delay(3000).fadeOut(500);
     }
     if (doctitle=='catalog')
     {
        Ts('#portpicbox').append('<div id="ctbxport_catalog"></div>');
        Ts('#ctbxport_catalog').delay(3000).fadeOut(500);
     }
     if (doctitle=='events')
     {
        Ts('#portpicbox').append('<div id="ctbxport_events"></div>');
        Ts('#ctbxport_events').delay(3000).fadeOut(500);
     }
     if (doctitle=='people')
     {
        Ts('#portpicbox').append('<div id="ctbxport_people"></div>');
        Ts('#ctbxport_people').delay(3000).fadeOut(500);
     }
});


/* Client Area */

var clientBodyCover =null;

Ts(function()
{
    function clientHideBody()
    {
    clientBodyCover = Ts(body);
    clientBodyCover.css({'display':'none'});
    }
});