$(document).ready(function()
    {
	$('.References_Item_image').hover( function() {	
			$(this).animate({
			opacity: 1.0
		  }, 300);
	});
	
	$('.References_Item_image').mouseout( function() {
			$(this).animate({
			opacity: 0.7
		  }, 300);
	});
});
function str_replace(search, replace, subject) {
	return subject.split(search).join(replace);
}

var subsite = window.location.hash;
if( subsite.substr(0,2) == '#!' ){
	var goto = str_replace( '#!','',subsite);
	window.location = '/'+goto;
}

function cload(title,page,obj){
	window.location = '#!'+page+'/'+title;
	$(".Subnav_Item").removeClass('Subnav_Item').addClass('Subnav_Item_off');
	$(obj).removeClass('Subnav_Item_off').addClass('Subnav_Item');
	$('#cbody').load('/content.php?n='+title);
	
	$('html, body').animate({scrollTop:0}, 'slow');
}

function pload(title,obj){
	switch( title ) {
		default: window.document.title = "PALAZEmedia | design, web, conception | Werbeagentur aus Sonthofen im Allgäu"; break;
		case 'leistungen': window.document.title = "PALAZEmedia | Leistungen | Werbeagentur aus Sonthofen im Allgäu"; break;
		case 'referenzen': window.document.title = "PALAZEmedia | Referenzen | Werbeagentur aus Sonthofen im Allgäu"; break;
		case 'kontakt': window.document.title = "PALAZEmedia | Kontakt | Werbeagentur aus Sonthofen im Allgäu"; break;
		case 'impressum': window.document.title = "PALAZEmedia | Impressum | Werbeagentur aus Sonthofen im Allgäu"; break;
	}
	window.location = '#!'+title;
	$(".Nav_Active").removeClass('Nav_Active');
	$(obj).addClass('Nav_Active');
	$('#Box_Content').load('/page.php?m='+title);
	
	$('html, body').animate({scrollTop:0}, 'slow');
}

function cpost(to,data){
	$('#cbody').load('/'+to, data );
	
	$('html, body').animate({scrollTop:0}, 'slow');
}

function ref2(obj,title,image){
	width = window.innerWidth;
	left = (width/2)-365;
	leftClose = (width/2)+360;
	
	$('#Dialog').css('width',720).css('height',528).css('background','#FFF').css('position','fixed').css('z-index',890).css('top',76).css('left',left).css('border','solid 3px #9ccd00').css('overflow','auto');
	$('#Dialog').fadeOut('slow',function(){
										 $('#Dialog').html( '<div style="padding:10px;"><img src="/img/references_dialog/'+image+'" alt="'+title+'" /><!--<h2>'+title+'</h2>--></div>' );
										 $('#Dialog').fadeIn('slow');
	});
	
	$('#DialogClose').css('width',30).css('height',30).css('background','#9ccd00').css('position','fixed').css('z-index',895).css('top',80).css('left',leftClose).css('color','#FFF').css('font-size',24).css('text-align','center').css('cursor','pointer');
	$('#DialogClose').css('display','block');
	$('#DialogClose').click( function(){
		$('#Dialog').fadeOut('slow');
		$(this).fadeOut('slow');
	});
	
	$('#Dialog').click( function(){
		$('#DialogClose').fadeOut('slow');
		$(this).fadeOut('slow');
	});
}