$(document).ready(function() {

	var lbvuerstates = new Array('f','s','b');
	var lbvuersorder = new Array('img_pre','img_act','img_nxt');
	var lbvuerdelim = '_';
	var typColor = '#b76e14';

	var $cardState = lbvuerstates[0];//0 = f;
	var $theLBDivObj = $('#lightboxnavid');
	var catagoriesPopup = getSampleCategories($theLBDivObj);
	

	$theLBLiObj = $('#samplecat');
	$theLBLiObj.html(catagoriesPopup);	
	$theLBSelectObj = $('#samplecat select');

	var ranCatagory = genRanNumCeil(allCategories.length + 1)
	var iExt = '.jpg';
	var iTyp = lbvuerdelim + $cardState;

	var iIndex = 0;
	var spacing = 684;
	
	var vPortH = 433;
	var vPortW = 684;
	var iH = "20px";
	
	$('#caroselviewer').css({
		'width': vPortW,'height': vPortH,'overflow': 'hidden'
	}).find('.caroselholder li').css({
		'float': 'none','position': 'absolute','left': spacing*5
	});

	function createControl(src,aSide) {
		return $('<img/>').attr('src', src).addClass(aSide).css({
			'opacity':1,'display': 'none','top': vPortH/3
			});
	}
	function createWaiter(src) {
		return $('<img/>').attr('src', src).addClass('preloader').css({
			'opacity':.3,'top': vPortH/10,'left':vPortW/2.2
			}).hide();
	}
	
	var $leftRollover = createControl('images/arrows_narrow_pre.png','controll');
	var $rightRollover = createControl('images/arrows_narrow_nxt.png','controlr');
	var $enlargeRollover = createControl('images/enlarge.png','controll');
	var $preloadWaiter = createWaiter('images/preloader.gif');
	
	var setUpslides = function(ranCat,aTyp) {
	
		var aCat = eval(allCategories[ranCat][0]);
		var aCatNum = aCat.length;
		var iDir = 'imagesamples/' + allCategories[ranCat][0] + '/';
		var $slides = $('#caroselviewer .caroselholder li');
		var $slidesPs = $('#caroselviewer .caroselholder li p');
		var $slidesSpans = $('#caroselviewer .caroselholder li span');
		var $navpre = $('#lbvue_pre');
		var $navnxt = $('#lbvue_nxt');
		
		var $navfront = $('#lbvue_front');
		var $navscratch = $('#lbvue_scratch');
		var $navback = $('#lbvue_back');
		
		$navpre.unbind('click mouseenter mouseleave');
		$navnxt.unbind('click mouseenter mouseleave');
		$navfront.unbind('click mouseenter mouseleave');
		$navscratch.unbind('click mouseenter mouseleave');
		$navback.unbind('click mouseenter mouseleave');
		$theLBSelectObj.unbind('change');
		
		$theLBSelectObj.attr('selectedIndex' , (ranCat + 1));
		
		if(aTyp == '_f'){
			$('#lbvue_front').css('color',typColor);
			$('#lbvue_scratch').css('color','white');
			$('#lbvue_back').css('color','white');
		} else if(aTyp == '_s'){
			$('#lbvue_front').css('color','white');
			$('#lbvue_scratch').css('color',typColor);
			$('#lbvue_back').css('color','white');
		} else if(aTyp == '_b'){
			$('#lbvue_front').css('color','white');
			$('#lbvue_scratch').css('color','white');
			$('#lbvue_back').css('color',typColor);
		}
			
		// Previous image.
		(iIndex > 0) ? preImgRef = aCat[iIndex - 1] : preImgRef = aCat[aCatNum - 1];
		iPre = iDir + preImgRef + aTyp + iExt;
		$slides.eq(0).css({'left': -spacing,'background': 'url(' + iPre + ') no-repeat center center'});
		$slidesSpans.eq(0).html('');
		$slidesPs.eq(0).html('');

		// Center image.
		actImgRef = aCat[iIndex];
		iAct = iDir + actImgRef + aTyp + iExt;
		$slides.eq(1).css({'left': 0,'background': 'url(' + iAct + ') no-repeat center center'});
		$slidesSpans.eq(1).html('');
		$slidesPs.eq(1).html('');
		
		// Next image.
		(iIndex < (aCatNum - 1)) ? nxtImgRef = aCat[iIndex + 1] : nxtImgRef = aCat[0];
		iNxt = iDir + nxtImgRef + aTyp + iExt;
		$slides.eq(2).css({'left': spacing,'background': 'url(' + iNxt + ') no-repeat center center'});
		$slidesSpans.eq(2).html('');
		$slidesPs.eq(2).html('');

		(iIndex >= 0) ? imgCounter = [iIndex + 1] : imgCounter = [aCatNum - 1];
		var $browseID = $('#cardider');
		newText = imgCounter + ' OF ' + aCatNum;
		$browseID.text(newText);

		// Right image; scroll left (to view images on right).
		$navnxt.click(function(event) {
			$slides.eq(1).animate({'left': -spacing}, 'fast');
			$slides.eq(2).animate({'left': 0}, 'fast');
			$slides.eq(0)
				.css({'left': spacing})
				.hide('fast', function(event) {
					$preloadWaiter.appendTo(this).show();
					$(this).appendTo('#caroselviewer .caroselholder');
					$(this).show();
					$rightRollover.hide();
					setUpslides(ranCat,aTyp);
					});
			if (iIndex < (aCatNum - 1)){
				iIndex++;
			}else{
				iIndex = 0;
			}
			event.preventDefault();
		}).hover(function(){
			$rightRollover.appendTo($slides.eq(1)).show();
		},function(){
			$rightRollover.hide();
		});
				
		// Left image; scroll right (to view images on left).
		$navpre.click(function(event) {
			$slides.eq(1).animate({'left': spacing}, 'fast');
			$slides.eq(0).animate({'left': 0}, 'fast');
			$slides.eq(2)
				.css({'left': -spacing})
				.hide('fast', function(event) {
					$preloadWaiter.appendTo(this).show()
					$(this).prependTo('#caroselviewer .caroselholder');
					$(this).show();
					$leftRollover.hide();
					setUpslides(ranCat,aTyp);
					});
			if (iIndex > 0){
				iIndex--;
			}else{
				iIndex = (aCatNum - 1);
			}
			event.preventDefault();
		}).hover(function(){
			$leftRollover.appendTo($slides.eq(1)).show();
		},function(){
			$leftRollover.hide();
		});
		
		$theLBSelectObj.change(function (event){
			chosenGrp = ($theLBSelectObj.attr('selectedIndex') - 1);
			iIndex = 0;
			setUpslides(chosenGrp,aTyp);
			event.preventDefault();
		});

		$navfront.click(function(event){
			aTyp = '_' + lbvuerstates[0];
			setUpslides(ranCat,aTyp);
			event.preventDefault();
		});

		$navscratch.click(function(event){
			aTyp = '_' + lbvuerstates[1];
			setUpslides(ranCat,aTyp);
			event.preventDefault();
		});

		$navback.click(function(event){
			aTyp = '_' + lbvuerstates[2];
			setUpslides(ranCat,aTyp);
			event.preventDefault();
		});
	};
	setUpslides(ranCatagory,iTyp);
	
	
	
	
	$('#uploadfilediv').click(function(event){
	
		alert('alert');
		//event.preventDefault();
	});




});
function getImage(iI,iA){
thisImgName = eval(iA)[parseInt(iI)] + "_f" + ".jpg";
return ("imagesamples/" + iA + "/" + thisImgName);
}
function genRanNumCeil(thisNum){
	randNum = Math.random() * thisNum;
	ranNumCeil = Math.ceil(randNum);
	return ranNumCeil;
}
function getSampleCategories(theElem){
//this text manipulation has to oocur since IE7 will not give access to an object id and changr its content unless it is a DIV tag
// in order to manipulate the DOM here we cannot meaarly cahnge the select object... we must change the inclosing div too... ARRRRRRRGHHHH!!!! IE SUCKS
	divPreSelectText = '<select class=\"lbdropdown\" id=\"samplecat\" name=\"businesstype\">';
	divPostSelectText = '</select>';

	initText = '<option value=\"';
	valText = '\">';
	endText = '</option>\n';
	newText = initText + '\" selected=\"selected' + valText + '--Choose--' + endText;
	for(i=0; i<allCategories.length; i++){
		thisCatVal = allCategories[i][0];
		thisCatText = allCategories[i][1];
		newText += initText + thisCatVal + valText + thisCatText + endText;
	}
	return divPreSelectText + newText + divPostSelectText;		
}
function placeRandomSign(signElemId){	
	signElem = document.getElementById(signElemId);
	ranNum = genRanNumCeil(allsigns.length);
	newSignHTML = '';
	newSignHTML += '<img src=\"imagesigns\/';
	newSignHTML += allsigns[ranNum-1];
	newSignHTML += '\" title=\"Scratch Off Signs\">';
	signElem.innerHTML = newSignHTML;
}