// JavaScript Document

var photos = Array();
photos['azzuri'] = Array();
photos['azzuri'][0]="767";
photos['azzuri'][1]="768";
photos['azzuri'][2]="776";
photos['azzuri'][3]="777";
photos['azzuri'][4]="778";
photos['azzuri'][5]="779";
photos['chantelle'] = Array();
photos['chantelle'][0]="809";
photos['chantelle'][1]="813";
photos['chantelle'][2]="824";
photos['chantelle'][3]="834";
photos['chantelle'][4]="836";
photos['chantelle'][5]="838";
photos['chantelle'][6]="840";
photos['chantelle'][7]="847";
photos['chantelle'][8]="850";
photos['chantelle'][9]="851";
photos['children'] = Array();
photos['children'][0]="ARIKARA";
photos['children'][1]="AZTEC";
photos['children'][2]="BISON";
photos['children'][3]="CHUMASH";
photos['children'][4]="INNU";
photos['children'][5]="LAKOTA";
photos['children'][6]="Mandan";
photos['children'][7]="MOHICAN";
photos['children'][8]="MOJAVE";
photos['children'][9]="MUSTANG";
photos['children'][10]="NAVAJO";
photos['children'][11]="POWHATAN";
photos['children'][12]="POWOW";
photos['children'][13]="SCOUT";
photos['children'][14]="SQUAW";
photos['children'][15]="TOTEM";
photos['children'][16]="WICHITA";
photos['cour-carre'] = Array();
photos['cour-carre'][0]="644";
photos['cour-carre'][1]="648";
photos['cour-carre'][2]="651";
photos['cour-carre'][3]="710";
photos['cour-carre'][4]="719";
photos['cour-carre'][5]="723";
photos['cour-carre'][6]="724";
photos['cour-carre'][7]="5113";
photos['cour-carre'][8]="5115";
photos['episode'] = Array();
photos['episode'][0]="107";
photos['episode'][1]="108";
photos['episode'][2]="109";
photos['episode'][3]="110";
photos['episode'][4]="111";
photos['episode'][5]="112";
photos['episode'][6]="115";
photos['episode'][7]="119";
photos['hero'] = Array();
photos['hero'][0]="4097";
photos['hero'][1]="4099";
photos['hero'][2]="4100";
photos['hero'][3]="4103";
photos['hero'][4]="4104";
photos['hero'][5]="4105";
photos['hero'][6]="4106";
photos['hero'][7]="4119";
photos['hero'][8]="4120";
photos['hero'][9]="4121";
photos['jaeger'] = Array();
photos['jaeger'][0]="248";
photos['jaeger'][1]="250";
photos['jaeger'][2]="251";
photos['jaeger'][3]="252";
photos['jaeger'][4]="253";
photos['jaeger'][5]="254";
photos['jaeger'][6]="256";
photos['jaeger'][7]="260";
photos['jaeger'][8]="261";
photos['jaeger'][9]="262";
photos['jaeger'][10]="263";
photos['janet-reger'] = Array();
photos['janet-reger'][0]="4001";
photos['janet-reger'][1]="4019";
photos['janet-reger'][2]="4021";
photos['janet-reger'][3]="4025";
photos['janet-reger'][4]="4028";
photos['janet-reger'][5]="4029";
photos['janet-reger'][6]="4032";
photos['janet-reger'][7]="4038";
photos['janet-reger'][8]="4039";
photos['john-rocha'] = Array();
photos['john-rocha'][0]="6004";
photos['john-rocha'][1]="6008";
photos['john-rocha'][2]="6011";
photos['john-rocha'][3]="6012";
photos['john-rocha'][4]="6013";
photos['john-rocha'][5]="6016";
photos['john-rocha'][6]="6017";
photos['john-rocha'][7]="6018";
photos['john-rocha'][8]="6023";
photos['john-rocha'][9]="6026";
photos['john-rocha'][10]="6027";
photos['julian-beaumont'] = Array();
photos['julian-beaumont'][0]="652";
photos['julian-beaumont'][1]="669";
photos['julian-beaumont'][2]="670";
photos['julian-beaumont'][3]="679";
photos['julian-beaumont'][4]="682";
photos['julian-beaumont'][5]="685";
photos['julian-beaumont'][6]="687";
photos['julian-beaumont'][7]="688";
photos['paul-costelloe'] = Array();
photos['paul-costelloe'][0]="5001";
photos['paul-costelloe'][1]="5003";
photos['paul-costelloe'][2]="5008";
photos['paul-costelloe'][3]="5009";
photos['paul-costelloe'][4]="5010";
photos['paul-costelloe'][5]="5016";
photos['paul-costelloe'][6]="5017";
photos['paul-costelloe'][7]="5018";
photos['paul-costelloe'][8]="5022";
photos['paul-costelloe'][9]="5023";
photos['puccini'] = Array();
photos['puccini'][0]="126";
photos['puccini'][1]="127";
photos['puccini'][2]="128";
photos['puccini'][3]="131";
photos['puccini'][4]="143";
photos['puccini'][5]="147";
photos['puccini'][6]="150";
photos['retro'] = Array();
photos['retro'][0]="201";
photos['retro'][1]="202";
photos['retro'][2]="203";
photos['retro'][3]="206";
photos['retro'][4]="208";
photos['retro'][5]="209";
photos['retro'][6]="214";
photos['retro'][7]="216";
photos['retro'][8]="218";
photos['retro'][9]="219";
photos['sunglasses'] = Array();
photos['sunglasses'][0]="CH208";
photos['sunglasses'][1]="CH212";
photos['sunglasses'][2]="CH214";
photos['sunglasses'][3]="CH217";
photos['sunglasses'][4]="DK8016";
photos['sunglasses'][5]="DK8017";
photos['sunglasses'][6]="DK8018";
photos['sunglasses'][7]="DK8023";
photos['sunglasses'][8]="DK8024";
photos['sunglasses'][9]="DK8026";
photos['sunglasses'][10]="DK8027";
photos['sunglasses'][11]="DK8029";
photos['sunglasses'][12]="DK8031";
photos['sunglasses'][13]="DK8032";
photos['sunglasses'][14]="DK8033";
photos['sunglasses'][15]="DK8034";
photos['sunglasses'][16]="JR2";
photos['sunglasses'][17]="JR4";
photos['sunglasses'][18]="JR5";
photos['sunglasses'][19]="JR7";
photos['sunglasses'][20]="JR8";
photos['sunglasses'][21]="JR9";
photos['sunglasses'][22]="JR12";
photos['sunglasses'][23]="JR13";
photos['sunglasses'][24]="JR14";
photos['sunglasses'][25]="OB9019";
photos['sunglasses'][26]="OB9020";
photos['sunglasses'][27]="OB9022";
photos['sunglasses'][28]="OB9032";
photos['sunglasses'][29]="OB9033";
photos['sunglasses'][30]="OB9034";
photos['sunglasses'][31]="OB9035";
photos['sunglasses'][32]="OB9037";
photos['sunglasses'][33]="OB9038";
photos['voodoo'] = Array();
photos['voodoo'][0]="7001";
photos['voodoo'][1]="7002";
photos['voodoo'][2]="7004";
photos['voodoo'][3]="7007";
photos['voodoo'][4]="7008";
photos['voodoo'][5]="7011";
photos['voodoo'][6]="7013";
photos['voodoo'][7]="7015";
photos['voodoo'][8]="7016";
photos['voodoo'][9]="7022";
photos['zenith'] = Array();
photos['zenith'][0]="30";
photos['zenith'][1]="35";
photos['zenith'][2]="36";
photos['zenith'][3]="44";
photos['zenith'][4]="45";
photos['zoffani'] = Array();
photos['zoffani'][0]="3001";
photos['zoffani'][1]="3003";
photos['zoffani'][2]="3004";
photos['zoffani'][3]="3006";
photos['zoffani'][4]="3012";
photos['zoffani'][5]="3014";
photos['zoffani'][6]="3020";
photos['zoffani'][7]="3021";
photos['zoffani'][8]="3022";


function setOpacity(eID, opacityLevel){
	var eStyle = document.getElementById(eID).style;
	eStyle.opacity = opacityLevel / 100;
	eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}

function fade(eID, startOpacity, stopOpacity, duration) {
	var speed = Math.round(duration / 100);
	var timer = 0;
	if(startOpacity < stopOpacity){ // fade in
		if((($stopChange == false) && ($allowFadeIn)) || ($stopChange)){
			for (var i=startOpacity; i<=stopOpacity; i++) {
				setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
				timer++;
			} return;
		}
	}
	for(var i=startOpacity; i>=stopOpacity; i--){ // fade out
		if($stopChange){
			$allowFadeIn = true;
			setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
			timer++;
		}else{
			$allowFadeIn = false;
		}
	}
}

function change(){
	if($stopChange){
		document.getElementById('frame-page-img').src='http://www.chappleopticians.com/media/frames/'+$frameBrand+'/'+photos[''+$frameBrand+''][$j]+'.jpg';
	}
}

function loaded(){
	if($j < $howMany){
		//photos[''+$frameBrand+''][i]
		if($fadeType == 'in'){
			fade('frame-page-img','0','100','700');
			$fadeType = 'out';
			setTimeout("loaded()", 750);
		}else{
			if($stopChange){
				$j++;
				setTimeout("fade('frame-page-img','100','0','700')", 2000);
				setTimeout("change()",2700);
				$fadeType = 'in';
				setTimeout("loaded()", 2750);
			}else{
				setTimeout("loaded()", 100);
			}
		}
	}else{
		$j=0;
		$fadeType = 'out';
		change();
		fade('frame-page-img','0','100','700');
		setTimeout("loaded()", 750);
	}
}

$stopChange = true;
$allowFadeIn = false;

function stopChange(){
	if($stopChange){
		$stopChange = false;
		document.getElementById('play-pause-link').className = 'play';
	}else{
		$stopChange = true;
		$allowFadeIn = false;
		document.getElementById('play-pause-link').className = 'pause';
	}
}

window.onload=function(){
	$fadeType = 'out';
	$j=0;
	$howMany = photos[''+$frameBrand+''].length;
	document.getElementById('frame-page-image').innerHTML='<img id="frame-page-img" src="http://www.chappleopticians.com/media/frames/'+$frameBrand+'/'+photos[''+$frameBrand+''][$j]+'.jpg" /><div id="play-pause"><a id="play-pause-link" class="pause" onclick="stopChange(); return false;" href="#"></a></div>';
	loaded();
	
	document.getElementById('footer').innerHTML = document.getElementById('footer').innerHTML + '<div style="position:relative;height:0px;width:0px;overflow:hidden;display:none;visibility:hidden;" id="hiddenFrames"></div>';
	for(var value in photos[''+$frameBrand+'']){
		document.getElementById('hiddenFrames').innerHTML = document.getElementById('hiddenFrames').innerHTML + '<img src="http://www.chappleopticians.com/media/frames/'+$frameBrand+'/'+photos[''+$frameBrand+''][value]+'.jpg" />';
	}
}