// JavaScript Document
/**
 * by Dimitrios Dimiropoulos, dimiropoulos@4creativemedia.com
 * http://www.4creativemedia.com
 * 
 * Copyright (c) 2010 4creativeMedia
 * Version: 1.1, 05.11.2010
 */

(function($) {
	
	// START FUNKTION
	$.fn.CODX = function(parameter) {
		
		parameter = $.extend({
			projekt: ""
		}, parameter);
		
		var Font_base = $('body').css('font-size');
		var Font_baseNum = parseFloat(Font_base, 10);
		var Line_base = $('body').css('line-height');
		var Line_baseNum = parseFloat(Line_base, 10);
		
		// FONT GRÖSSE INITIALISIEREN
		$.fn.Fontresize = function() {  	
			var newFontLine = Line_baseNum*Math.round($(window).width())/1024/16;
			$('body').css('line-height', newFontLine);	
			var newFontSize = Font_baseNum*Math.round($(window).width())/1024;
			$('body').css('font-size', newFontSize);	
		};
		
		
		// INITIALE WERTE
		var IMG_Width = Math.round($(window).width()/16);
		var IMG_Height = Math.round(IMG_Width/100*60);
		$('#wrapper_navigation').css({'width':IMG_Width*4+'px'});
		$('#head_box').css({'height':IMG_Height*2+'px'});
		
		$('body').append('<div id="menu_open" style="z-index:20; background:url(img/menu_bg.png);"><img src="img/menu.gif" style="position:absolute; left:50%; top:50%; width:46%; margin-left:-1.4em; margin-top:-1.4em;"></div>').find('#menu_open').css('width',IMG_Width+'px');
		/* Mit Download Links */
		$('body').append('<div id="imp" style="width:'+IMG_Width*2.2+'px;"><h3 style="margin-top:'+IMG_Height*2+'px;">kontakt/ impressum</h3><p>codx.platform.fra.<br>BUREAU FUER GESTALTUNG<br>Hanauer Landstra&szlig;e 136<br>60314 Frankfurt am Main<br>0049 69 / 152 468 21<br>info@codx-platform.net</p><br /><div class="btn"><a href="#" target="_blank" >white paper<img src="img/download_black.gif" style="float:right; height:1em;"></a></div><br /><div class="btn"><a href="#" target="_blank" >portfolio<img src="img/download_black.gif" style="float:right; height:1em;"></a></div><div id="logo_white" ><img src="img/logo_white.png" /></div></div>');
		/* Ohne Download Links */
		//$('body').append('<div id="imp" style="width:'+IMG_Width*2.2+'px;"><h3 style="margin-top:'+IMG_Height*2+'px;">KONTAKT/ IMPRESSUM</h3><p>CODX.<br />Patrick Dietl<br>Hanauer Landstra&szlig;e 136<br />60314 Frankfurt am Main</p><br /><p>MAIL: <a href="mailto:info@codx-platform.net">info@codx-platform.net</a><br />TEL: +49 (0) 69 152 468 21</p><div id="logo_white" ><img src="img/logo_white.png" /></div></div>');
		
		$.fn.Box = function() {
			// Box
			var Raster_W = Math.round($(window).width()/16);	
			var Raster_H = Math.round(Raster_W/100*60);
			$('#content_box').css({'right':Raster_W*12+'px','left':Raster_W+'px','height':Raster_H*3+'px','opacity':0.8});	
			$('#content').css({'right':Raster_W*12+'px','left':Raster_W+'px','height':Raster_H*2+'px'});
			$('#steuerung').css({'height':Raster_H/2+'px'});
			$('#panel').css({'height':Raster_H/3+'px','width':100+'%'});
			$('#pag').css({'width':30+'%'});
			$('#info').css({'width':62+'%'});
			$('h3').css({'width':100+'%'});
			// Zusätzlich
			$('#wrapper_navigation ul li a img').css({'width':Raster_W+'px','height':Raster_H+'px'});
			$('#wrapper_navigation').css({'width':Raster_W*4+'px'});
			$('#head_box').css({'height':Raster_H*2+'px'});
			$('#imp').css({'width':Raster_W*2.2+'px'}).find('h3').css({'margin-top':Raster_H*2+'px'});
			$('#menu_open').css({'width':Raster_W+'px'})
		};
		
		// AULESEN DES JSON OBJEKTS UND NAVIGATION INITIALISIERUNG
		$.getJSON("js/dbprojekt.json", function(data) {
			$.each(data, function(i,item){
			  	$.each(this, function(j,item){
					$('#wrapper_navigation ul li').append('<a projekt="'+i+'" name="'+item.name+'" title="'+item.title+'" txt="'+item.text+'" pdf="'+item.pdf+'" ><img src="portfolio/th_'+item.name+'" style="width:'+IMG_Width+'px; height:'+IMG_Height+'px" /></a>');
				});
			});
			
			// BEI AUSWÄHLEN EINES BILDES
			$('#wrapper_navigation ul li > a').click(function(){
				var Projekt = $(this).attr('projekt');
				var Pro_index = $(this).index('a[projekt='+Projekt+']');
				$(this).load_backimg(Projekt);
				$(this).load_prjdaten(Projekt,Pro_index);
			});
					
		});	
		
		
		// HINTERGRUNDBILD AUSTAUSCHEN
		$.fn.load_backimg = function(prj) { 
			
			prj = $.extend({
				src: "portfolio/"+$(this).attr('name')
			}, prj);
			
			$('#backstretch').fadeOut(400,function(){
				var img = new Image();
				$(img).load(function () {
					$.backstretch(prj.src);
					$('#backstretch').fadeIn(400,function(){
						$('#wrapper_navigation').animate({'left':-Math.round($(window).width()/4)+'px'},400);
					});
				}).attr('src',prj.src);
			});
		};
		
		// PROJEKTDATEN AUSLESEN UND IN DAS FENSTER LADEN
		$.fn.load_prjdaten = function(prj,index) {			
			$.getJSON("js/dbprojekt.json", function(data) {
				/* Mit Download*/
				//$('#panel').html('<div style="padding:1.5% 2%; float:left; background:#000; width:32%; color:#FFF; font-size:0.8em;"><a href="#" target="_blank">CASE STUDY<img src="img/download.gif" style="float:right; height:1em;"></a></div>');
				/* Ohne Download */
				$('#panel').html('<div style="padding:1.5% 2%; float:left; background:#000; width:32%; color:#FFF; font-size:0.8em; height:1em;"></div>');
				$.each(data[prj], function(k,item){
					var Teiler = 64/data[prj].length;
					$('#panel').append('<span projekt="'+prj+'" name="'+item.name+'" title="'+item.title+'" txt="'+item.text+'" pdf="'+item.pdf+'" style="display:block; float:left; background:#fff; width:'+Teiler+'%; text-align:center; padding:2.6% 0;"><img src="img/point.gif" style="width:0.4em;"></span>');
					if(k==index){
						$('#info h3').html(item.title);
						$('#content p').html(item.text);
						$('#panel div a').attr('href',item.pdf);
						$('#steuerung #pag').html(k+1+'/'+data[prj].length);
						$('#panel span:eq('+k+')').css("padding","1.5% 0").addClass('default').find('img').css("width","0.8em");
					}					
				});
				
				// WENN DAS PANEL IM FENSTER VERWENDET WIRD
				$('#panel span').click(function(){
					if($(this).hasClass('default')) return false;
					var Projekt = $(this).attr('projekt');
					var Pro_index = $(this).index()-1;
					$(this).load_backimg(Projekt);
					$(this).load_prjdaten(Projekt,Pro_index);
				})
			
			});
		}
		
	};
})(jQuery);