function jumpto(jumptarget)
{
	if(document.getElementById('jumptarget'))
	{
		var jumppoint = document.getElementById('jumptarget');
		jumppoint.scrollIntoView(true);
	}
}

var root = '';
var rlink = '/';
var loadelem=null;


function LoginDialog(){
	var dialogObj = $('<div id="dialog-message" title="Login"></div>');
	text= '<form id="modalLoginForm" method="post">';	
	text=text+'<p><input type="text" value="E-Mail" name="user[mail]" rel="E-Mail" class="text" /></p>';
	text=text+'<p><input type="password" value="Kennwort" rel="Kennwort" class="text" name="user[pass]" /></p>';
	text=text+'<input type="hidden" value="true" name="log_me" />';	
	text=text+'</form>';	
	$(dialogObj).html(text);
	$( dialogObj ).dialog({
		modal: true,
		zIndex : 100000,
		resizable: false,
		close : function(){
			var typeF = typeof func;
			if(typeF == 'function'){
					func();
			}
			$(this).dialog('destroy');
			$(dialogObj).remove();
		},
		buttons: {
			OK: function() {
				$('#modalLoginForm').submit();						
			},
			ABBRECHEN: function() {
				$( this ).dialog( 'close' );			
			}
			
		}

	});

}
function setClickFunction(){
	$('#boxsort_menu .boxes').click(
			function(){
				var bid= $(this).attr('name');
				if($(this).attr('checked')){					
					 addAndLoadLi( bid );
					 
				}else{
					$('#'+bid).remove();
					saveCoockie();
				}
			}
	);
}
function addAndLoadLi( bid ){	
	$.getJSON(root+'/boxdata.php?data='+bid, function(data) {
		var cssclass = data.csscl;
		if(cssclass!=''){cssclass=' '+cssclass}
		cssclass=cssclass+' '+data.type;
		var phtml='<li id="'+bid+'" class="box'+cssclass+'">';
		var cssimg='';
		if(data.image!=''){ cssimg=' style="background-image: url('+root+'/img/content/'+data.image+'); height:140px; " '; }
		phtml=phtml+'<div class="p-head" ><img src="'+root+'/img/p_head_arrow.png" />'+data.title+'<img class="hand" src="'+root+'/img/p_head_hand.png" /></div>';
		phtml=phtml+'<div class="p-cont" '+cssimg+'><div style="visibility:'+data.vis+'">'+data.content+'</div></div>';
		phtml=phtml+'</li>';
		$('#sortable').append(phtml);
		/* rundungen */
		$('li.box div.p-head').corner('top 5px');
		$('li.box div.p-cont').corner('bottom 5px');
		$('div.box div.p-head').corner('top 5px');
		$('div.box div.p-cont').corner('bottom 5px');		
		saveCoockie();		
	});	
	
}
function saveCoockie(){
	var data = $('#sortable').sortable('serialize');
	$.post(root+'/cookies.php?type=save', data );	
}
function showMenu( mid , rootm ){
		if($('#menu'+mid).css('display') =='none'){
			$('#menu'+mid).show();
		}else{
			$('#menu'+mid).hide();
		}
}
function delAlbum( aid , obj ){	
	confirmDialog( 'Wirklich entfernen?' , 
					function(){
						$.post( root+'/albumData.php',
							{ type : 'albumdelete' , delid : aid },
							function(data){
								if(data.del=='true'){
									$(obj).parent().remove();
								}else{
									createInfoDialog( 'Fehler beim entfernen' );
								}
							},
							'json'
						);
				
					}
	);
}

function delPicture( pid , obj ){	
	confirmDialog( 'Wirklich entfernen?' , 
					function(){
						$.post( root+'/albumData.php',
							{ type : 'picturedelete' , delid : pid },
							function(data){
								if(data.del=='true'){
									$(obj).parent().remove();
								}else{
									createInfoDialog( 'Fehler beim entfernen' );
								}
							},
							'json'
						);
				
					}
	);
}


function createInfoDialog( text , func ){
	var dialogObj = $('<div id="dialog-message" title="Dialog"></div>');
	$(dialogObj).html(text);
	$( dialogObj ).dialog({
		modal: true,
		zIndex : 100000,
		resizable: false,
		close : function(){
			var typeF = typeof func;
			if(typeF == 'function'){
					func();
			}
			$(this).dialog('destroy');
			$(dialogObj).remove();
		},
		buttons: {
			OK: function() {
				$( this ).dialog( 'close' );			
			}
		}

	});
}
function confirmDialog( text , func ){
	var dialogObj = $('<div id="dialog-message" title="Dialog"></div>');
	$(dialogObj).text(text);
	$( dialogObj ).dialog({
		modal: true,
		resizable: false,
		buttons: {
				'JA': function() {
					var typeF = typeof func;
					if(typeF== 'function'){
						func();
					}
					$( this ).dialog( 'close' );
					$(dialogObj).remove();
				},
				'NEIN': function() {
					$( this ).dialog( 'close' );
					$(dialogObj).remove();
				}
		},
		close : function(){
			$(this).dialog('destroy');
			$(dialogObj).remove();
		}
	});
}


function createLoad(){
	var loader = $('<div class="loader"><img src="/img/grid/bar-loader.gif" /></div>');
	
	loadelem = $('<div class="loadingscreen"></div>');
	$(loadelem).css('height','100%');
	$(loadelem).css('width','100%');
	$(loadelem).css('color','white');
	$(loadelem).css('top','0');
	$(loadelem).css('left','0');
	$(loadelem).css('position','fixed');
	$(loadelem).css('background','black');
	$(loadelem).css({opacity: 0.5});
	$(loadelem).css('z-index','99999');
	$(loadelem).append(loader);
	$('body').append(loadelem);
}
function clearLoad(){
	if(loadelem!=null){
		$(loadelem).remove();
		loadelem=null;
	}
}
var dataid=1;
function uploadHinzu() {
			var pelem = $('p');
			var fuplo = $('<input type="file" class="datei" name="data_'+dataid+'" />');
			pelem.append(fuplo);
			dataid++;
			return pelem;
}
$(document).ready(function() {
  // Handler for .ready() called.
		$( '#sortable' ).sortable({
			forcePlaceholderSize: true ,
			handle:	'div.p-head',
			update: function(event, ui) { 
				saveCoockie();				
			}
		});
		$( '#sortable li .p-head' ).hover(
			function(){ 
				$(this).parent().addClass('hover');							
			},
			function(){ 
				$(this).parent().removeClass('hover');				
			}		
		);
		$( '.boxes' ).button();
		setClickFunction();
		$('#hg_menu .hg_change').click(
			function(){
				var bgclass=$(this).attr('rel');
				$('body').attr('class',bgclass);
				$.post( root+'/cookies.php?type=save' , { background: bgclass } );
				
			}
		);
		$( 'form input.text' ).focus(
			function(){
				text= $(this).attr('rel');
				if( text ==  $(this).val() ){
					$(this).val('');
				}
			}
		).focusout(
			function(){
				text= $(this).attr('rel');
				if( $(this).val() ==  '' ){
					$(this).val(text);
				}
			}
		);		
		$('#header .save_btn .button').click(
			function(){
				location.href=root;
			}
		);		
		$('#right div.box div.tagcloud div.content').corner('bottom 5px');
		
		$('a.log_me_in,a.log_me_out').click(
			function(){
				$('#log_form').submit();
				return false;
			}
		);
		
		/* Foto Album */
		$('.texteditAlbum').each(
			function(){
					var mid = $(this).attr('rel');
					var oldValue = $(this).text();
					$(this).editable(root+'/albumData.php', { 
						  submitdata : { type: 'album', id : mid , old : oldValue },
						  indicator : "Speichere...",
						  type    : 'text',
						  tooltip : 'Klicken um zu bearbeiten...'
					})
					
			}		
		);
		$('.texteditAlbumPic').each(
			function(){
					var mid = $(this).attr('rel');
					var oldValue = $(this).text();
					$(this).editable(root+'/albumData.php', { 
						  submitdata : { type: 'picture', id : mid , old : oldValue },
						  type    : 'text',
						  tooltip : 'Klicken um zu bearbeiten...',
						  indicator : "Speichere..."					  
					});					
			}		
		);
		/* Links Kopieren */
		/* Albumbild */
		$('.einzelbildcont .abild').click(
			function(){
				var clickObj=this;
				var text = "konnte nicht gespeichert werden!";
				var plink = $(this).attr('rel');				
				$.post( root+'/albumData.php',
							{ type : 'albumimage' , albPic : plink },
							function(data){
								if(data.save=='true'){								
									text = 'wurde gespeichert!';
									$(clickObj).addClass('isaBild');
									$(clickObj).removeClass('isnaBild');
								}
								createInfoDialog( text );								
							},
							'json'
				);
				
			}		
		);		
		/* Delete links */
		$('.alben').hover(
			function(){
				$(this).find('.dellink').show();
			},
			function(){
				$(this).find('.dellink').hide();
			}
		);
		$('.alben .dellink').css({ opacity: 0.8 });
		$('.alben .delAlbum').click(			
			function(){
				var aid = $(this).attr('rel');					
				delAlbum( aid , this );					
			}
		);
		
		$('.alben .delPicture').click(			
			function(){
				var pid = $(this).attr('rel');					
				delPicture( pid , this );					
			}
		);		
		
				
		$('.albenuploadform .newupl').click(
			function(){
				$('.albenuploadform').append(uploadHinzu());
			}
		);
		
		var options = { 
			dataType:  'json',
			success:       showResponse  // post-submit callback 
		}
		
		$('.albenuploadform').ajaxForm(options); 
		$('.albenupload .submit').click(
			function(){ createLoad(); $('.albenuploadform').hide(); $('.albenupload .submit').hide(); $('.albenuploadform').ajaxSubmit(options);return false; }
		);
		/* My Pepino Radio */
		// init tabs
		
		$('.mypeptabs ul.tabs li a').each(
				function(){
						$(this).click(
							function(){
								var vclass = $(this).attr('href');
								setCMSTab( vclass );
								return false;
							}
						);
				}		
		);
		// FB Init		
		FaceBinit();
		if( $.client.os =='Mac' && $.client.browser == 'Firefox'  ){
			
			$('head').append('<link rel="stylesheet" href="'+root+'/css/mac_ff_20.css" type="text/css" />');			
			
		}		
		
				
});
function setCMSTab( vclass ){			
			$('.mypeptabs ul.tabs li a').each(
				function(){ 
						var elem = $(this).attr('href');
						if(elem == vclass){ 
							$(this).parent().addClass('active');
							$('.mypeptabs div'+elem).show();
							$('.content div'+elem).show();
						}else{ 
							if(elem!=''&&elem!='#'){
								$(this).parent().removeClass('active');
								$('.mypeptabs div'+elem).hide();
								$('.content div'+elem).hide();
							}
						}						
				}
			);
			
}
function updateSide(){
	var mlink = root+'/'+rlink+'/';
	location.reload();
}
// post-submit json callback 
function showResponse(responseOBJ, statusText, xhr)  { 
       var textobj = $('<div class="responsetext"></div>');
	   $('.albenupload').append(textobj);
	   var text = '';
	   $.each(responseOBJ.data, function(i,item){
			if(item.save=='true'){
				text=text+'<p>Datei '+item.name+' wurde gespeichert!</p>';				
			}else{
				text=text+'<p>Datei '+item.name+" konnte nicht gespeichert werden!</p>";
			}			
	   });
	   createInfoDialog( text , function(){clearLoad(); updateSide();} );	   	   
}

function FaceBinit(){
		FB.init("45499eee42fbbc5a70af194478e852aa","xd_receiver.htm"); 
}