var miliseconds = 1000;
var flipat = 5;
var pause = 0;
var counter = 0;
var saItemCount = 0;
var saItemCurrent = 0;
var t;

var saResetCounter = function() {
    counter = 0;
    //console.log("reset counter");
};
var incrementcounter = function() {
    if (pause != 1) {
        counter = counter + 1;
        //console.log("counter = " + counter);
    } else {
        //console.log("paused");
    }
    if (counter >= flipat) {
       saItemNxt();
    }
    t = setTimeout("incrementcounter()", miliseconds);
};
var saItemSel = function(g) {
   //console.log("select "+g);
    if (g <= saItemCount) {
        saClearAll();
        saItemCurrent = g;
        $('photo' + g).set('class', 'selected');
        $('photonavItem' + g).set('class', 'selected');
		var myFx = new Fx.Tween($('photo' + g));
		myFx.start('opacity', '1');
    } else {    
    //console.log("fail select g:"+g); photonavClear();
    }
};
var saItemPrv = function(goto) {
   //console.log("current item " + saItemCurrent); 
    if (saItemCurrent > 0) {
       var tmp=saItemCurrent-1;
       saItemSel(tmp);
        //console.log("prev");
    } else {
       saItemSel(saItemCount);
        //console.log("prev wrap");
    }
};
var saItemNxt = function() {
   //console.log("current item " + saItemCurrent); 
    if (saItemCurrent < saItemCount) {
       var tmp=(saItemCurrent+1);
       saItemSel(tmp);
        //console.log("next");
    } else {
       saItemSel(0);
        //console.log("next wrap");
    }
};
var saItemsClear = function() {
    if (saItemCount > 0) {
        $('photos').getElements('img').each(function(el, i) {
            if (el.get('class') == 'photo' || el.get('class') == 'selected') {
				var myFx = new Fx.Tween(el);
				myFx.start('opacity', '0');
                el.set('class', 'deselected');
            }
        });
    }
};
var photonavClear = function() {
    if (saItemCount > 0) {
        $('photonav').getElements('span').each(
        function(el, i) {
            el.set('class', 'deselected');
        }
        );
    }
};
var saClearAll = function() {
    saItemsClear();
    photonavClear();
    saResetCounter();
};

var buildFlipper = function() {
   //try { console.log('init console... done'); } catch(e) { console = { log: function() {} } }
    var matches = [];
    var matched = 0;
    var tmp = 0;

    $('photos').getElements('img').each(
    function(el, i) {
        if (el.get('class') == 'photo') {
            el.set('id', 'photo' + matched);
			//console.log('div.saItem found, naming "saItem' + matched+"\"");
			var newImage =  new Element('img', {
				'src': el.get('src'),
                'class': 'photo',
	            'id': 'photo' + matched

            });				

			var newImageWrapper =  new Element('span', {
            });
			
            var newNavItem = new Element('span', {
                'class': 'photonavItem',
                //'style': 'background-image:url('+theImageSrc+');',
                //'html': '',
                'id': 'photonavItem' + (matched),
                'rel': (matched)
            });

            var newNavImage = new Element('img', {
                'class': 'navthumb',
                'src': el.get('src'),
                'id': 'photonavItem' + (matched),
                'rel': (matched)
            });

			newNavImage.inject(newNavItem);

			newImage.addEvent('load',function(){
			   // $$('body').adopt(newNavImage);
			   //alert(newImage.getSize().x+' '+newNavImage.getSize().y);
			//this.destroy();
			})

			newImage.inject(newImageWrapper);
			newImageWrapper.inject($('photosinner'));

			el.destroy();
			newNavImage.addEvent('load',function(){
			   // $$('body').adopt(newNavImage);
			   // alert(newNavImage.getSize().x+' '+newNavImage.getSize().y);
			//this.destroy();
			})
			
            newNavItem.addEvent('click',
            function() {
                saClearAll();
                tmp = parseInt(newNavItem.get('rel'), 10);
            	//console.log("tmp = " + tmp);
                saItemSel(tmp);
            
            });
            newNavItem.addEvent('mouseenter',
            function() {
                pause = 1;
            });
            newNavItem.addEvent('mouseleave',
            function() {
                pause = 0;
            });
            matches.include(newNavItem);
        matched += 1;

        }
        saItemCount = (matched-1);

    }
    );

   // Create or Hide Navigation, 
    if (matched > 1) {
        matches.each(function(el) {
            el.inject('photonavNxt', 'before');
            //   el.inject('photonavItems');
        });

        $('photonavPrv').addEvent('click',
        function() {
            saItemPrv();
        });

        $('photonavNxt').addEvent('click',
        function() {
            saItemNxt();
        });

        $('photonav').set('opacity', 1);

        $('photos').addEvent('mouseenter',
        function() {
            pause = 1;
        });
        $('photos').addEvent('mouseleave',
        function() {
            pause = 0;
        });
      saItemSel(0);
        incrementcounter();
    } else {
        $('photonav').set('opacity', 0);

    }

    if (matched > 0) {
        //$('saItem0').set('class', 'selected');
        //$('photonavItem0').set('class', 'selected');
    }

};