var anime = 0;
var mouseon = 0;
var mouse = {x: 0,y: 0};
var maxleft;
var images = new Array();
var zoomedimg = new Image();
var gwidth;
var width;
$(document).ready(function(){
$("img").each(function(i,n){
	this.id = 'img'+i;
	images[i] = this
});
//load_images(0);

$("td > img,a > img").removeClass("trans");
gwidth = $("#gallery").width();
$(".special").mouseover(zoom_right);
$(".speciar").mouseover(zoom_left);
$(".special,.speciar").mouseout(function(){
	mouseon = 0;
	$('#moveit').stop();
})
	
	var gzwidth = $("#gallery").width();
	width = 11498-gzwidth;
//$("#debug").html(width+" "+gzwidth);
maxleft = parseInt(gzwidth)-(parseInt(width));
logo = new Image();
logo.onload = function(){
		setTimeout("$('#theText').fadeIn()",500);
}
logo.src = 'images/val-logo.png';
setTimeout("showGallery()",5000);
});
function showGallery(){
	$('#gallery').css("background-image","none");
	$('#moveit').fadeIn()
}
function load_images(num){
	if(images.length > num){
	var src = images[num].src;
	var id = images[num].id
	images[num] = new Image();
	images[num].name = id;
	images[num].onload = function(){
		num++;
		load_images(num);
	}
	images[num].src = src;
	} else {
	$("td > img,a > img").removeClass("trans");
	$('.special, .speciar').removeClass("hidden");
	}
	return true;
}
function move(){
	mouseon = 1;
	move_left();
}
function give_left(){
	var left = $("#moveit").css("left");
	left = left.split("px");
	return left;
}
function zoom(object){
	var ikey = object.firstChild.id.split("img");
	ikey = parseInt(ikey[1]);
	var zimg = images[ikey];
	overlay();
	$("body").append('<div class="img-shadow"><div id="thediv"><img id="flying" /><p id="itext"></p></div></div>');
	$("#flying").css({width: 1,height: 1});
	var timg = new Image();
	timg.onload = function(){
		$("#flying").attr("src",object.href);
		var az = cordinates(timg.width,timg.height);
		$(".img-shadow").css({top: az.itop,left: az.ileft});
		$(".img-shadow").show();
		$("#flying").animate({width: timg.width,height: timg.height},500);
		$(".img-shadow").animate({top: az.top,left: az.left},500,function(){$("#itext").html('<a onclick="close_img();">Close</a>')});
		$("#flying").click(close_img)
	}
	timg.src = object.href;
	return false;

}
function close_img(){
	$("#thediv").fadeOut("slow",function(){
		$("thediv").html('');
		$("#thediv, .img-shadow").remove();
		remove_overlay();
	});
}
function zoom_left(){
	var left = $('#moveit').css('left');
	var speed = (width-Math.abs(parseInt(left)))*3;
	$('.speciar').removeClass('trans2')
	if(parseInt(left) == -width) $('.speciar').addClass('trans2');
	$('#moveit').animate({left: -width},speed,function(){$('.speciar').addClass('trans2')});
	
}
function zoom_right(){
	var left = $('#moveit').css('left');
	var speed = Math.abs(parseInt(left)*3);
	$('.special').removeClass('trans2')
	if(parseInt(left) == 0) $('.special').addClass('trans2');
	$('#moveit').animate({left: 0},speed,function(){$('.special').addClass('trans2')});
}
function showInfo(name){
	overlay();
	$("body").append('<div class="img-shadow"><div id="thediv"><p id="itext"></p></div></div>');
			var az = cordinates(680,280);
		$(".img-shadow").css({top: az.top,left: az.left});
		$("#thediv").css({width: 550,height: 183});
		$.post('proccessor.php',{need: name},function(data){
			$('#thediv').html(data);
		})
}