var sany = {
	init : function(){
		tempKnasyrex = parseInt(Math.random()*backgrounds.length,10);
		sany.backGround = backgrounds[tempKnasyrex];
		
		//sany.makeFront();
	},
	currentTag : '',
	backGround : '',
	currentWork : 0,
	colorList : ["#444444","#555555","#666666","#777777","#888888","#999999","#AAAAAA","#BBBBBB","#CCCCCC","#DDDDDD","#EEEEEE","#FFFFFF"],
	frontColorList : ["#FF00FF", "#00CCFF", "#33FF00", "#FFFF00", "#CC00FF", "#FF0033", "#FF6600"],
	makeFront : function (){
		
		var stateObj = { foo: "bar" };
		//history.pushState(stateObj, "page 2", '?make=front');
		
		var tempNum = parseInt(Math.random() * sany.frontColorList.length,10);
		document.body.style.background = sany.frontColorList[tempNum];

		
		tempLinks = "";
		
		for (var i=0;i<startPage.length;i++){
			
			tempLinks = tempLinks + "<a href='http://www.sany.dk/?make=gallery&tag="+startPage[i].tag+"' style='left:"+Math.random()*800+"px;top:"+Math.random()*600+"px;position:absolute;'>"+startPage[i].head+"</a>";
			
		}
		
		
		var tempFront = ""+
		"<div id='page'>"+
		"<div class='bg_image' style='background-image:url("+'"images/backgrounds/'+sany.backGround+'"'+");'></div>"+
			tempLinks+sany.threeNav()+
		"</div>";
		
	
				
		if ($('page')){
			$('page').remove();
		}

		Element.insert($('container'),tempFront);
	},
	threeNav : function(){
		
		var tempMail = 'mailto:sany@sany.dk?subject=Hi Mate!&body=I just saw this stuff on your site.';
			
		// style="left:'+Math.random()*800+'px;top:'+Math.random()*600+'px"
		
		var luckyNumber = parseInt(Math.random() * work.length,10);
		
		var tempHtml = ''+
		'<a href="http://www.sany.dk/" class="free" style="left:'+Math.random()*800+'px;top:'+Math.random()*600+'px"><img src="images/gif/pastedGraphic-10.gif"/></a>'+
		'<a href="http://www.sany.dk/?make=display&tag='+luckyNumber+'" class="free" style="left:'+Math.random()*800+'px;top:'+Math.random()*600+'px"><img src="images/gif/pastedGraphic-12.gif"/></a>'+
		'<a href="'+tempMail+'" class="free" style="left:'+Math.random()*800+'px;top:'+Math.random()*600+'px"><img src="images/gif/pastedGraphic-13.gif"/></a>'+
		'<a href="http://www.sany.dk/?make=display&tag=1" class="free" style="left:'+Math.random()*800+'px;top:'+Math.random()*600+'px"><img src="images/gif/likebutton.gif"/></a>';

		return tempHtml;
		
	},
	makeGallery : function(sortTag){
		
		var stateObj = { foo: "bar" };
		//history.pushState(stateObj, "page 2", '?make=gallery&tag='+sortTag);
		
		sany.currentTag = sortTag;

		
		var tempNum = 0;
		
		switch(sany.currentTag){
			case 'art-work':
				tempNum = 3;
				break;
			case 'text':
				tempNum = 0;
				break;
			case 'news':
				tempNum = 4;
				break;
			case 'film':
				tempNum = 2;
				break;
			case 'graphic design':
				tempNum = 1;
				break;
			default:
				tempNum = parseInt(Math.random() * sany.colorList.length,10);
		};
		
		document.body.style.background = sany.colorList[tempNum];

		
		var tempGallery = "";
		
		var tempList = [];
		var tempTagList = [];
		
		for (var i=0;i<work.length;i++){
			
			for (var s=0;s<work[i].tag.length;s++){
				if (work[i].tag[s]==sortTag){
					// tempList.push(work[i]);
					
					tempGallery = tempGallery +
					"<a href='http://www.sany.dk/?make=display&tag="+i+"' class='thumb_container'>"+
					"<img src='images/thumbs/"+work[i].img+"' class='thumb'/><br/>"+
					"<div class='thumb_text'>"+work[i].txt+"</div>"+
					"</a>";

					tempTagList = tempTagList.concat(work[i].tag);
				}
			}
		}
		
		tempTagList = tempTagList.sort();
		
		var tempCurrentTag = "";
		tempTags = "";
		
		for (var i = 0; i<tempTagList.length; i++){
			if (tempCurrentTag != tempTagList[i]){
				tempTags = tempTags + "<a href='http://www.sany.dk/?make=gallery&tag="+tempTagList[i]+"' class='link' >"+
				tempTagList[i]+
				"</a> ";
			}

			tempCurrentTag = tempTagList[i];
			
		}

		var tempFront = ""+
		"<div id='page'>"+
			"<a href='http://www.sany.dk/?make=front' class='link' >"+sortTag+"</a>"+
			"<div class='gallery_container'>"+
				tempGallery+sany.threeNav()+
				"<div class='tag_row'><div class='cool_hack'>tags: "+
					tempTags+
				"</div></div>"+
			"</div>"+
		"</div>";
		
		if ($('page')){
			$('page').remove();
		}
		
		Element.insert($('container'),tempFront);
		
	},
	pic : {
		next : function(tempWorkNr){
			tempWorkNr++;
			if (tempWorkNr >= work.length){
				tempWorkNr = 0;
			}
			sany.makeAction(tempWorkNr);
		},
		previous : function(){
			
		}, 
		lucky : function () {
			
			var luckyNumber = parseInt(Math.random() * work.length,10);
			sany.makeAction(luckyNumber);
			
		},
		home : function (){
			sany.makeFront();
		}
	},
	makeAction : function(tempWorkNr){
		
		var stateObj = { foo: "bar" };
		//history.pushState(stateObj, "page 2", '?make=display&tag='+tempWorkNr);
		
		// console.log(work.length);
		
		// sany.currentWorkNr = tempWorkNr;
		
		var tempNum = parseInt(Math.random() * sany.colorList.length,10);
		document.body.style.background = sany.colorList[tempNum];
		
		
		tempTags = "";
		
		for (var i = 0; i<work[tempWorkNr].tag.length; i++){

				
				tempTags = tempTags + "<a href='http://www.sany.dk/?make=gallery&tag="+work[tempWorkNr].tag[i]+"' class='link' >"+
				work[tempWorkNr].tag[i]+
				"</a> ";

			
		}
		
		var NextImage = tempWorkNr;
		
		NextImage++;
		if (NextImage >= work.length){
			NextImage = 0;
		}
		
		var tempSub = ""+
		"<div id='page'>"+
			"<a href='http://www.sany.dk/?make=gallery&tag="+sany.currentTag+"' class='link' >X close "+work[tempWorkNr].txt+"</a>"+
			"<div class='gallery_container'>"+
				"<a href='http://www.sany.dk/?make=display&tag="+NextImage+"'><img src='images/big/"+work[tempWorkNr].img+"' class='the_big_pic'/></a>"+
				"<div class='tag_row'><div class='cool_hack'>"+
					work[tempWorkNr].info+
					"<p/>tags: "+tempTags+
				"</div></div>"+
			"</div>"+sany.threeNav()+
		"</div>";
		
		if ($('page')){
			$('page').remove();
		}

		Element.insert($('container'),tempSub);
		
	}
};

sany.init();
// sany.makeAction(0);