<!--
$(document).ready(function(){

$("#content").wrap('<div id="topwrap"></div>').wrap('<div id="bottomwrap"></div>')
$("blockquote").corners();
$("table th").corners();
if (jQuery.browser.msie || jQuery.browser.opera || jQuery.browser.chrome){
      $("table th").css("background-image","none");
} 

// XHTML STRICT...

$('A[rel="external"]').click( function() {
	window.open( $(this).attr('href') );
	return false;
});

$(".portfolioitem").click( function() {
   	window.location=$(this).find("a").attr("href");return false;
});

$(".portfolioitem").css("cursor","pointer").hover(function() {
	$(this).addClass("phover")
},function() {
	$(this).removeClass("phover")
});

// SIDEBAR QUICK GALLERY

var count = ($(".portfolioitem").length)/2;
var clicknum = 0;

	// AUTOMATION OF QUICKGALLERY

function getPrevious(){
	if(clicknum > 0){
		clicknum--;
		$("#portfolio").scrollTo( '-=99px', 500 );
	}
	else if(clicknum == 0){
		var scrollmax = count*99
		$("#portfolio").scrollTo(''+scrollmax+'px', 500 );
		clicknum = count;
	}
}

function getNext(){
	if(clicknum <= count -1){
		clicknum++;
		$("#portfolio").scrollTo( '+=99px', 500 );
	}
	else if(clicknum == count){
		$("#portfolio").scrollTo( '0px', 500 );
		clicknum = 0;
	}
}

function automaticGetNext(){
	quickgallerytimer = setTimeout(automaticGetNext, 5000);
	getNext();
}

quickgallerytimer = setTimeout(automaticGetNext, 5000);

$("#next").click( function() {
	getNext();
	return false;
});

$("#previous").click( function() {
	getPrevious();
	return false;
});

$("#sidebar").hover(function() {
	clearTimeout(quickgallerytimer)
},function() {
	quickgallerytimer = setTimeout(automaticGetNext, 5000);
});


$("#sidebar").mousewheel(function(event, delta) {
	if (delta > 0){
		getPrevious();
	}
	else if (delta < 0){
		getNext();
	}
});


// END OF AUTOMATION OF QUICKGALLERY

$("#wrapper").prepend('<img src="/gfx/showgallery.png" alt="show gallery" id="showgallery" />');
$("#showgallery").hide();

if($(".sliderGallery").length == 1){
	$("#hide").hide();
	$(".sliderGallery li:last").css("margin-right","0")

}

$("#hide").click(function() {
	$("#sidebar").fadeOut(500);
	//setTimeout('$("#content").animate({ width: "939px"}, 500 );$("#footer").animate({ width: "899px"}, 500 );$("#showgallery").fadeIn();', 510);
	setTimeout('$("#content").animate({ width: "879px"}, 500 );$("#footer").animate({ width: "899px"}, 500 );$("#showgallery").fadeIn();', 510);
	return false;
});

$("#showgallery").bind("click", function(e){
	setTimeout('$("#sidebar").fadeIn()', 510);
	//$("#content").animate({ width: "699px"}, 500 );
	//$("#footer").animate({ width: "664px"}, 500 );
	$("#content").animate({ width: "639px"}, 500 );
	$("#footer").animate({ width: "664px"}, 500 );
	$("#showgallery").fadeOut();
	return false;
});


// GALLERY


if($('div.sliderGallery').length>=1){
window.onload = function () {
	var container = $('div.sliderGallery');
	var ul = $('ul', container);          
	var itemsWidth = ul.innerWidth() - container.outerWidth();         

	$('.slider', container).slider({
		animate: true,
		min: 0,
		max: itemsWidth,
		handle: '.handle',
		change: function (event, ui) {
			ul.stop().animate({'left' : ui.value * -1}, 500);
		},
		slide: function (event, ui) {
			ul.css('left', ui.value * -1);
		}
		}).before("<img src='/gfx/sprev.jpg' class='sliderbutton' id='sprev' />").before("<img src='/gfx/snext.jpg' class='sliderbutton' id='snext' />")

$("#snext").bind("click", function(e){
	$('div.sliderGallery .slider').slider("value",$('div.sliderGallery .slider').slider("value")+ul.innerWidth()/$('div.sliderGallery ul li').length+2);
});
$("#sprev").bind("click", function(e){
	$('div.sliderGallery .slider').slider("value",$('div.sliderGallery .slider').slider("value")-ul.innerWidth()/$('div.sliderGallery ul li').length-2);
});

};






}




// NEXT & PREVIOUS

var index = 0;
var maxnumber = $("div.sliderGallery ul li").length -1;

$("#fullpath").hover(function() {
	//$("#description").stop().animate({ marginTop: "0px"}, 500 );
	$("#gnext").css("visibility","visible");
	$("#gprevious").css("visibility","visible");
},function() {
	//$("#description").stop().animate({ marginTop: "-65px"}, 500 );
	$("#gnext").css("visibility","hidden");
	$("#gprevious").css("visibility","hidden");
});

$(".sliderGallery li a").click(function() {
	$("#gprevious").show();
	$(this).children("img").stop()
		.animate({opacity: "0"},50)
		.animate({opacity: "1"},250)

	var source = $(this).attr("href");
	nameLen = source.length;
	pictureName = source.substr(0,nameLen-4);
	pictureType = source.substr(nameLen-4, nameLen);

	source = pictureName + "-medium" + pictureType;

	var source2 = "/pictures/gallery/" + source;

	$("#fullimage").attr("src",source2)
		.stop()
		.animate({opacity: "0"},0)
		.animate({opacity: "1"},250)

	var description = $(this).children("img").attr("alt");
	$("#description").html(description);

	index = $(".sliderGallery li a").index(this);

return false;
});

$("#fullpath")
	.prepend('<img src="/gfx/gallery_next.png" alt="" id="gnext" />')
	.prepend('<img src="/gfx/gallery_previous.png" alt="" id="gprevious" />');

$("#gprevious").hide();
$("#gprevious, #gnext").css("visibility","hidden");

$("#gnext").click(function(){
var next = index+1;
var source = $("div.sliderGallery ul li:nth("+next+") a").attr("href");
var description = $("div.sliderGallery ul li:nth("+next+") img").attr("alt");
	$("#description").html(description);
	nameLen = source.length;
	pictureName = source.substr(0,nameLen-4);
	pictureType = source.substr(nameLen-4, nameLen);

	source = pictureName + "-medium" + pictureType;

var source2 = "/pictures/gallery/" + source;

	$("#fullimage").attr("src",source2);
if(next <= maxnumber){
	index++;
}
if(index == maxnumber){
	$(this).hide();
}
if($("#gprevious").css("display")=="none"){
	$("#gprevious").css("display","inline")
}
});

$("#gprevious").click(function(){
var minnumber = 0;
var previous = index-1;
var source = $("div.sliderGallery ul li:nth("+previous+") a").attr("href");
var description = $("div.sliderGallery ul li:nth("+previous+") img").attr("alt");
	$("#description").html(description);
	nameLen = source.length;
	pictureName = source.substr(0,nameLen-4);
	pictureType = source.substr(nameLen-4, nameLen);

	source = pictureName + "-medium" + pictureType;

var source2 = "/pictures/gallery/" + source;

	$("#fullimage").attr("src",source2);
if(index > minnumber){
	index--;
}
if(index == minnumber){
	$(this).hide();
}
if($("#gnext").css("display")=="none"){
	$("#gnext").css("display","inline")
}
});

// TIPPING THE TOOL

$("a img[alt]").hover(function(e) {
	$("body").append("<p id='tooltip'>"+ $(this).attr("alt").substr(0,50) +"...</p>");
	$("#tooltip")
		.css("top",(e.pageY - 50) + "px")
		.css("left",(e.pageX - 20) + "px")
		.fadeIn();
},function() {
	$("#tooltip").remove();
});

$("a img[alt]").mousemove(function(e){
	$("#tooltip")
		.css("top",(e.pageY - 50) + "px")
		.css("left",(e.pageX - 20) + "px");
});			

// SOME NEW ADDITION?? 

$("#fullimage").click(function() {
	source = $(this).attr("src");
	nameLen = source.length;
	pictureName = source.substr(0,nameLen-11);
	pictureType = source.substr(nameLen-4, nameLen);

	source = pictureName + "" + pictureType;

	$("body")
		.append("<div id='fullscreenimage'><img src="+ source +" alt='SULGE' /></div>")
		//.css("overflow","hidden")

/*
	//if(dwidth>dheight){
		$("#fullscreenimage img")
			.attr("style","")
			.css("height","100%")
			var fwidth = $("#fullscreenimage img").width();

		$("#fullscreenimage img")
			.css("margin-left",(dwidth-fwidth)/2)
	//}
*/


$("#fullscreenimage img").hide();

$("#fullscreenimage img").load(function(){
var dwidth = $(document).width();
var dheight = $(document).height();

	$("#fullscreenimage").css("height",dheight)

var fheight = $("#fullscreenimage img").height();
	$("#fullscreenimage img")
		.css("margin-top",(dheight-fheight)/2)
		.fadeIn("slow")
})


$("#fullscreenimage").click(function() {
	$("#fullscreenimage").remove();
	//$("body").css("overflow","auto")

});

});

});
-->