var year = (new Date).getFullYear();

var mcat = 1;
var scat = 0;
var im = 0;
var dir = "pics/";

// times in secs
var fadeupdur = .6;
var fadedowndur = .3;
var pause = 0;
var buildthumbdelay = 150;


 
function init() {
buildmenu();

var hash = window.location.hash.substr(1);
if(hash.length > 0) {
  showMenu();
  setTimeout(function(){
 			// console.log( $('ul#menulist li:nth-child(2) span a') );
				window.location = $('ul#menulist li:nth-child('+hash+') span a').attr('href');
 	},10);
} else {
  firstpage();
}


$('#txt').css({opacity:0});

}

//preload thumbs

var pi = 0;
	while(sml[mcat][pi]) {
		var pj = 0;
			while(sml[mcat][pi][pj]) {
				(new Image()).src= "pics/" + sml[mcat][pi][pj];
				pj++;				
			}
			pi++;
	}



function gosifr() {
if(typeof sIFR == "function"){
	sIFR.replaceElement(named({sSelector:"ul#menulist>li", sFlashSrc:"sifr/eddmond16.swf", sColor:"#333333", sLinkColor:"#333333", sBgColor:"#FFFFFF", sHoverColor:"#000000", sFlashVars:"textalign=left&offsetTop=0"}));
};
}

function buildmenu() {
var parentnode = document.getElementById('menulist');
var i = 0;
while(subcats[mcat][i]) {
var menulink="javascript:fademain('" + i + "');";
var menutext = subcats[mcat][i];
makemenuitem(parentnode,menulink,menutext);
i++;
}
/* makemenuitem(parentnode,"film/","film"); */
makemenuitem(parentnode,"javascript:showbiog();","info");
makemenuitem(parentnode,"news/","news","_self");
makemenuitem(parentnode,"javascript:showcontact();","contact");

}

function makemenuitem( parentnode,menulink,menutext,win ) {

var win = (win == null) ? "_self" : win;

newli = document.createElement("li");
newli.className = "menulistitem";
parentnode.appendChild(newli);


newa = document.createElement("a");
newa.href= menulink;
newa.target = win;
newa.onfocus = blr;
newli.appendChild(newa);

var menuitem = document.createTextNode(menutext);
newa.appendChild(menuitem);
}


function firstpage() {
$('#cont').html("<img src ='" + "pics/" + big[0][0][0] + "'  id='firstimg'><br><div id='firstimgcap'>All images &copy; Mike Chick 1999-"+ year +". All rights reserved. </div>");

$('#firstimg').css({opacity: 0});
$('#firstimg').animate({opacity: 1},1800, showMenu );
// duration:1.8
//after complete: showMenu();

}

function showMenu() {
 	gosifr(); 
 	$('#firstimgcap').css('visibility','visible');
 	$('#logo').css('visibility','visible'); 	
}


function fademain(g) {
	// console.log('fademain');
	window.location = '#'+(parseInt(g)+1);
	im=0;
	clearCaption();
	if(g.length > 0) scat = g;
	$("#cont").animate({opacity:0},300, clearMain);
 
  };

function clearMain() {
	$('#cont').empty();
	showthumbs();
}

function showthumbs() {




$('#cont').append('<div id="bigcont"></div>');

$('#cont').append('<div id="ts_container"><div class="thumbScroller"><div class="container"></div></div></div>');

var ank = $('<a>', {  
   // href: '#',
     id: 'next',
     seq: 'next',
     className: 'imgnav',
    click:imgPress,
    mouseover: 	function(){ $('#ts_container').animate({opacity:0},800); },
    mouseout: 	function(){ $('#ts_container').animate({opacity:1},800); } 
});

var img = $('<img>', {  
    src: 'siteimages/nextactive.gif'
});

ank.append(img);
$('#bigcont').prepend(ank);



img = $('<img>', {  
    src: 'pics/'+ big[mcat][scat][0],
    id: 'bigimg'
});

$('#bigcont').prepend(img);

ank = $('<a>', {  
    // href: '#',
     seq: 'prev',
     id: 'prev',
      className: 'imgnav',
     click:imgPress,
     mouseover: function(){ $('#ts_container').animate({opacity:0},800); },
     mouseout: function(){ $('#ts_container').animate({opacity:1},800); } 
});



img = $('<img>', {  
    src: 'siteimages/prevactive.gif',
    css: {opacity: 0.2}

});

ank.append(img);
$('#bigcont').prepend(ank);




var parentnode = $('.container');
var i = 0;
while( sml[mcat][scat][i] ) {

//var newdiv = $('.container').append('<div class="content"><div class="new"></div></div>');

var div1 = $('<div>', {  
    className: 'content'  
});

var div2 = $('<div>', {   
});

ank = $('<a>', {  
    // href: '#',
    seq: i,
    click:imgPress,
    className: 'imgnav'
});

img = $('<img>', {  
    src: 'pics/'+ sml[mcat][scat][i],
    className: 'thumb'
});

ank.append(img);
div2.append(ank);
div1.append(div2);
$('.container').append(div1);


i++;
}
$("#cont").animate({opacity:1},500,tsGo);
$('#txt').focus();
$('#txt').css({opacity:0});
upmain();
}


function tsGo(){

	ThumbnailScroller("ts_container","horizontal",0,800,"easeOutCirc",.7,300);
		
}

function upmain(){
//prevnext();
$("#bigimg").animate({opacity:1},500);
caption(); // update caption

}

	//	<div class="content">
   //     	<div><a href="#"><img src="thumbs/thumb1.jpg" title="The path" alt="The path" class="thumb" /></a></div>
   //    </div>
        

function showbiog() {
	clearCaption();
	window.location = '#';
 $("#cont").animate({opacity:0},300,showbiog2);

}

function showbiog2() { 
$('#cont').empty();
$('#cont').append('<div id="biogdv"><img src="pics/' + big[2][0][0] + '">' + cap[2][0][0] + '</div>');

$('#cont').linkify();

$("#cont").animate({opacity:1},400);

}

function showcontact() {
	window.location = '#';
	clearCaption();
	$("#cont").animate({opacity:0},300,showcontact2);
}

function showcontact2() {
	$('#cont').empty();
	$('#cont').append('<div id="biogdv">'+ cap[5][0][0] +'</div>');
	$('#cont').linkify();
	
	$("#cont").animate({opacity:1},400);
}




function rollov() {
var e = this.id; // 'this' refers to A tag
$('#sml' + e).animate({opacity:0.7},200); 
}

function rollou() {
var e = this.id; // 'this' refers to A tag
$('#sml' + e).animate({opacity:1},400); 
}


function imgPress(){
	var seq = $(this).attr("seq");
	changePic(seq);
}

function keyPress(seq){
	changePic(seq);
}

function changePic(seq){

	if(seq=='prev'){
		if (im != 0) { 
			im=im-1;
		} else return false;
	}
	
	else if(seq=='next'){
		if (im != (big[mcat][scat].length-1)) {
			im++;
		} else return false;
	} else if(seq.length > 0) {
		im = seq;
	} else return false;
	
	clearCaption();
	
	
	if (im > 0) { $('#prev img').css({opacity:1}) } else { $('#prev img').css({opacity:.2}); };
	if (im != (big[mcat][scat].length-1)) { $('#next img').css({opacity: 1}) } else { $('#next img').css({opacity:.2});  };
	
	$('#bigimg').animate({opacity:0},500,changePic2);
  
}

function changePic2(){

var bigpath = dir + big[mcat][scat][im];

objImg = new Image();
objImg.src = bigpath;
objImg.onload = function() {
						document.getElementById("bigimg").src =  bigpath;
                         upmain();
						
               }

}



function blr() {
if((this.blur)&&(navigator.appName == 'Microsoft Internet Explorer'))
this.blur();
}




function fadedown() {
clearCaption();
     document.preload_image_object = new Image();
      document.preload_image_object.src = dir + big[mcat][scat][im];

$("#bigcont").animate({opacity:0},300,showbigpic);


} 

function showbigpic() {
var bigpath = dir + big[mcat][scat][im];
document.getElementById("bigimg").src =  "siteimages/transp.gif"; // any small image already in cache
document.getElementById("bigimg").src = bigpath;


//updateimgnav(); // update imgnav circles
prevnext(); // update prev/next buttons

showbigpicLoader(); // tvastegsraket
}

function showbigpicLoader() {
//document.getElementById("test").style.color = "#0f0"; 
if(document.getElementById("bigimg").width > 50) { // check if img loaded
caption(); // update caption
fadeup();
} else {
window.status = "Loading image...";
window.setTimeout('showbigpicLoader()', 100);
}
}

function fadeup() {

 $("#bigcont").animate({opacity:1},500,showbigpic); 

} 



function caption(){
if (cap[mcat][scat][im]) {
parentnode = document.getElementById('captioncont');
parentnode.innerHTML = cap[mcat][scat][im];
/*caparray = cap[mcat][scat][im].split("<br />");
var i = 0;
while(caparray[i]){

newtextrow = document.createElement("div");
newtextrow.className = "clear";
parentnode.appendChild(newtextrow);

var newcap = document.createTextNode(caparray[i]);
newtextrow.appendChild(newcap);
i++;
}
*/
}
}

function clearCaption() {
	$('#captioncont').empty();
}


$(window).jkey('left, right',function(key){
	var direction;
	if(key == 'left'){
		direction = 'prev';
	}
	else{
		direction = 'next';
	}
	//console.log("keypress: "+direction);
	keyPress(direction);	
});