var hasShaked =false;
var logoIndex =false;
var logoArr ="A";

$(function(){
	ajax_logo();
	menu();
	hover_logo();
	hover_images();
	$("div.logo div.title").draggable({containment:$("div.logo")});
	$("div.previous").click(function(){logo_change("prev")});
	$("div.next").click(function(){logo_change("next")});
	disorderCreativebits();
	hover_portfolio();
	portfolio_lightbox();
});

function toggle_logoArr() {
	logoArr =(logoArr=="A")?"B":"A";
}

function getRandPx() {
	return Math.ceil(100*Math.random()-10)+"px";
}

function disorderCreativebits() {
	$("div.creative div.cont div.creativebits ul li").each(function(){
		if ($.browser.msie) {
			$(this).css("margin",getRandPx()+" 0 "+getRandPx()+" 0");
			$(this).css("left",getRandPx());
			$(this).css("top",getRandPx());
		}
		else {
			$(this).css("margin",getRandPx()+" "+getRandPx()+" "+getRandPx()+" "+getRandPx());
		}
		
		$(this).draggable();
	});
}

function saveCreativeBit() {
	$("div.creative div.cont div.creativebits form input:text").removeClass("error");
	$("div.creative div.cont div.creativebits form input.button").attr("src","images/spinner-creativebits.gif");
	$.getJSON("test2.php?mode=ajax&action=add&"+$("div.creative div.cont div.creativebits form").serialize()+"&c=",function(data){
		if (data.cont!="") {
			$("div.creative div.cont div.creativebits ul li:first").before("<li class='new'>"+data.cont+"<br /></li>");
			disorderCreativebits();
			$("div.creative div.cont div.creativebits form input.text").val("");
			$("div.creative div.cont div.creativebits form input.button").attr("src","images/add.png");
		}
		else {
			$("div.creative div.cont div.creativebits form input:text").addClass("error");
			$("div.creative div.cont div.creativebits form").Shake();
			$("div.creative div.cont div.creativebits form input.button").attr("src","images/add.png");
		}
	});
}

function hover_portfolio() {
	$("div.portfolio ul li").hover(function(){$(this).addClass("hover");},function(){$(this).removeClass("hover");});
}

function hover_images() {
	$("img").hover(function(){$(this).addClass("hover");},function(){$(this).removeClass("hover");});
}

function hover_logo () {
	$("div.logo").hover(
		function(){
			if (!hasShaked) { $("div.logo div.title").Shake(); hasShaked=true; }
			$("div.flickrlink").fadeIn();
			$("div.previous,div.next").fadeIn();
		},
		function(){
			$("div.flickrlink").fadeOut();
			$("div.previous,div.next").fadeOut();
		}
	);
}

function ajax_logo() {
	$.getJSON("test.php", {mode:"ajax",action:"random_logo",c:""}, function(data){
		newImg =new Image();
		$(newImg).load(function(){
			$("#logoSpinner").hide();
			$("#logo"+logoArr+" > img").attr("src","logos/"+data.file);
			logoIndex =data.index;
			toggle_logoArr();
		});
		newImg.src ="logos/"+data.file;
	});
}

function logo_change(dir) {
	if (logoIndex){
		callIndex =(dir=="next")?parseInt(logoIndex)+1:parseInt(logoIndex)-1;
		$("#logoSpinner").show();
		$.getJSON("test.php", {mode:"ajax",action:"logo_change",index:callIndex,c:""}, function(data){
			newImg =new Image();
			$(newImg).load(function(){
				$("#logoSpinner").hide();
				
				$("#logo"+logoArr+" > img").attr("src","logos/"+data.file);
				toggle_logoArr();
				
				$("#logo"+logoArr).fadeOut();
				toggle_logoArr();
				
				$("#logo"+logoArr).fadeIn();
				toggle_logoArr();
				
				logoIndex =data.index;
			});
			newImg.src ="logos/"+data.file;
		});
	}
}

function menu() {
	$("div.menu > ul > li").not(".active").hover(function(){$(this).addClass("hover");},function(){$(this).removeClass("hover");});
	$("div.menu > ul > li").click(function(){location.href =$(this).children(":first").attr("href");});
}

function portfolio_lightbox() {
	if ($("div.portfolioShots").hasClass("portfolioShots")){
	$("div.portfolioShots a").lightBox({
		overlayBgColor: '#000',
		overlayOpacity: 0.8,
		imageLoading: 'images/lightbox-loading.gif',
		imageBtnClose: 'images/lightbox-close.gif',
		imageBtnPrev: 'images/lightbox-prev.gif',
		imageBtnNext: 'images/lightbox-next.gif',
		imageBlank: 'images/blank.gif',
		containerResizeSpeed: 350,
		txtImage: 'Bild ',
		txtOf: ' von '
	});
	}
}

jQuery.fn.Shake = function(){
	this.each(function(init){
		var jqNode =$(this);
		jqNode.css({position: 'relative'});
		for (var x=1;x<=3;x++) {
			jqNode.animate({ left: -25 },80)
			.animate({ left: 0 },10);
		}
	});
	return this;
}