var PhotoCount = 10;
var previousSlider = 0;
var previousImage = 0;
var frameCounter = 0;
var frameNumb = 0;
var sliderValue = 560;
var sliderDirection = "right";
var changeReg = new Array(10,0);
var change = 0;
var showingImage = 0;
var elements;
var zcount;
var firsttime = true;
var rBtn = 0;
var lBtn = 0;



jQuery(window).bind("load",function(){
		
		jQuery('#handle').draggable({  revert: true , axis: 'x' ,containment: "parent"});
		

    	
 		PhotoCount = elements.length;
    	setInterval(mainLoop,50);
});

function mainLoop(){
		
		var stR = "string";
		stR = jQuery('#handle').css("left");	
		sliderValue = parseFloat(stR);
	
		if(sliderValue>=560){
			sliderValue = (sliderValue-560)/(1114 - 560) ;
		}
		else if(sliderValue<560){
			sliderValue = ((sliderValue-560)/560);
		}
		
		if(previousSlider == 0){
			if(sliderValue>0){
				if(firsttime == true){firsttime = false;}
				frameCounter++;}
			else if(sliderValue<0){
				if(firsttime == true){firsttime = false;}
				else{frameCounter--;}
			}
		}
		if(firsttime == true){frameCounter= 0.01;firsttime = false;}
		if(lBtn!=0){
				if(firsttime == true){firsttime = false;}
				else{frameCounter--;}
				DebugPrint("checkedL");
		} else if(rBtn!=0){
				if(firsttime == true){frameCounter++;firsttime = false;}
				frameCounter++;
				DebugPrint("checkedR");
		}		
		
		frameCounter += sliderValue / 5;
		frameCounter = (frameCounter+PhotoCount) % PhotoCount ;
		showingImage = Math.ceil(frameCounter % PhotoCount)- 1;
		DebugPrint(showingImage);
		previousSlider = sliderValue;
		
		jQuery("#prevBT").css('z-index', zcount + 10);
		jQuery("#nextBT").css('z-index', zcount + 10);

		changeSearch();
	}

function next(change){
				zcount++;
				var prevImg = change[0];
				var showImg = change[1];
            	$(elements[prevImg]).stop();
            	$(elements[prevImg]).animate({ left: "1160px"},{speed: 'slow'});
				$(elements[showImg]).show();
				$(elements[showImg]).css("left","-1160px").css('z-index',zcount);
           		$(elements[showImg]).animate({ left: "0px"},{speed: 'slow'});
           	}

function preva(change){
				zcount++;
				var prevImg = change[0];
				var showImg = change[1];
				$(elements[prevImg]).stop();			
        		$(elements[prevImg]).animate({ left: "-1160px"},{speed: 'slow'});
				$(elements[showImg]).show();
				$(elements[showImg]).css("left","1160px").css('z-index',zcount);
           		$(elements[showImg]).animate({ left: "0px"},{speed: 'slow'});
		}

function changeSearch(){
		changeReg.push(showingImage);
		changeReg.shift();
		
				if(changeReg[0] != changeReg[1]){
			change = 1;
			DebugPrint("changeReg:"+changeReg[0] + "++" + changeReg[1]+"++");
			moveCursor();
			if(sliderValue>0.0){
				next(changeReg);
			} else if(sliderValue<0.0){
				preva(changeReg);			
			} else if(lBtn != 0){
				preva(changeReg);
				lBtn--;
			} else if(rBtn != 0){
				next(changeReg);
				rBtn--;
			}
		}
	else change = 0;
}
	
	
function moveCursor(){
		var cursorPX = '';
		
		cursorPX =((showingImage - PhotoCount/2) * (1160/PhotoCount)+580)+"px";
		jQuery('#cursor').stop();
		jQuery('#cursor').animate({ left: cursorPX},{speed: 'slow'});
}


       	
function DebugPrint(str){
    	var out = document.getElementById("debug");
    	if (!out) return;
   		out.value += str;
}


jQuery(document).bind("ready",function(){

    	elements = $('#stg').children();
		$('#stg').css('position', 'relative').css('height', "580px");
           for (var i = 0; i < elements.length; i++) {
               $(elements[i]).css('position', 'absolute').css('z-index', 0).hide();
    		}
    	$(elements[0]).show();


		
		jQuery("#prevBT").fadeTo(1,0.0).click(function(){
    		DebugPrint("CLICKED-1");
			lBtn++;
			$(this).stop().fadeTo(1,1).fadeTo("slow",0.5);
    	});
    	jQuery("#prevBT").hover(
    		function(){$(this).stop().fadeTo("slow",0.8)},
    		function(){$(this).fadeTo("slow",0)}
    	);
    	jQuery("#nextBT").fadeTo(0,0.0).click(function(){
    		DebugPrint("CLICKED+1");
    		rBtn++;
    		$(this).stop().fadeTo(1,1).fadeTo("slow",0.5);
    	});
    	jQuery("#nextBT").hover(
    		function(){$(this).stop().fadeTo("slow",0.8)},
    		function(){$(this).fadeTo("slow",0)}
    	);
    	
    			var browser;
		jQuery.each(jQuery.browser, function(i, val) {
      		if(val){browser = i}
		});
		if(browser == 'msie'){
			//DebugPrint("msie!!!!!");
		
			//window.outerHeight = 200;
			//window.outerWidth = 1200;
			window.resizeTo(1280,880);
		
			//var h = Math.floor( (screen.availHeight-ah)/2 );
			//var w = Math.floor( (screen.availWidth-aw)/2 );		
			//window.moveTo(w,h);
		} else {
			var ah=680;
			var aw=1200;
		
			window.resizeTo(aw,ah);
			var tempW = window.innerWidth;
			var tempH = window.innerHeight;
			ah += ah - tempH;
			aw += aw - tempW;
		
			window.resizeTo(aw,ah);
			var h = Math.floor( (screen.availHeight-ah)/2 );
			var w = Math.floor( (screen.availWidth-aw)/2 );		
			window.moveTo(w,h);
		}

	});