// JavaScript Document
// gadget

if (window.addEventListener) {window.addEventListener('load', loadGadget, false);}
else if (window.attachEvent) {window.attachEvent ('onload', loadGadget);}

var gadgetname='gadget';
var smallgadgetname='smallgadget';
var loadername='loader';
var smartlinkname='smartlink';
var dragObj;
var origadget_x=0, origadget_y=0;
var buttons=new Array(12);
var disableMouseovers=false;
var xpos, ypos;
initGadgetContent();



var Cookie = {
  set: function(name, value, daysToExpire) {
    var expire = '';
    if (daysToExpire != undefined) {
      var d = new Date();
      d.setTime(d.getTime() + (86400000 * parseFloat(daysToExpire)));
      expire = '; expires=' + d.toGMTString();
      path="; path=/";
    }
    return (document.cookie = escape(name) + '=' + escape(value || '') + expire + path);
  },
  get: function(name) {
    var cookie = document.cookie.match(new RegExp('(^|;)\\s*' + escape(name) + '=([^;\\s]*)'));
    return (cookie ? unescape(cookie[2]) : null);
  },
  erase: function(name) {
    var cookie = Cookie.get(name) || true;
    Cookie.set(name,'', -1);
    return cookie;
  },
  accept: function() {
    if (typeof navigator.cookieEnabled == 'boolean') {
      return navigator.cookieEnabled;
    }
    Cookie.set('_test', '1');
    return (Cookie.erase('_test') === '1');
  }
};


function loadGadget()
{
        var gadgetshow = Cookie.get('gadgetshow');
        xpos = Cookie.get('xpos');
        ypos = Cookie.get('ypos');
//alert(gadgetshow);

	//alert("load");
	var gadget=new Element("div", {"id":gadgetname});

	// Create Small Gadget
	var smallgadget=new Element("div", {"id":smallgadgetname});
	var smallgadgetimage=new Element("img",{"src":"fileadmin/smartkommunizieren/grafiken/smallphone.png","alt":"Klicken Sie hier, um smart zu kommunizieren!"});
	smallgadgetimage.observe("click",showGadget);
	smallgadget.insert(smallgadgetimage);

	// Hide Gadgets

        gadget.hide();
	smallgadget.hide();


	// Off button
	var offButton=new Element("div",{"id":"offButton"});
	var offButtonimage=new Element("img",{"src":"fileadmin/smartkommunizieren/grafiken/offbutton.png","alt":"Klicken Sie hier, um das Gadget zu schließen","title":"Klicken Sie hier, um das Gadget zu schließen"});
	//var offButtonimagelink=new Element("a",{"href":"#top"});
	offButtonimage.observe("click",hideGadget);
	//offButton.insert(offButtonimage.wrap(offButtonimagelink));
	offButton.insert(offButtonimage);
	gadget.insert(offButton);

	// Home button
	var homeButton=new Element("div",{"id":"homeButton"});
	homeButton.observe("click",goHome);
	gadget.insert(homeButton);


	var showTime=new Element("div",{"id":"showTime"});
	gadget.insert(showTime);
	window.setInterval("refreshTime()",1000);
	// Prepare Big Gadget
	var lines="";
	var counter=0;
	for(var y=1;y<=4;y++) {
		var line=new Element("ul",{"id":"row"+y, "class":"row"});
		for(var x=1;x<=3;x++) {
			var listitem=new Element("li",{"id":"gb"+counter,"class":"item"});
			var itemimage=new Element("img",{"id":"button"+counter,"src":buttons[counter]["imagesrc"],"alt":buttons[counter]['headline']});
//			var link=new Element("a",{"href":buttons[counter]["url"], "onmouseover":"showText("+counter+");","onmouseout":"hideText("+counter+");"});
			;
			//buttons[counter]["url"]
			var link=new Element("a",{"href":buttons[counter]["url"]});
			link.counter=counter;
//			link.observe("onmouseover",eval("function (event) {				showText("+counter+");}"));
//			link.observe("onmouseout",eval("function (event) {				hideText("+counter+");}"));
			link.observe("mouseover",showText);
			link.observe("mouseout",hideText);
			link.observe("click",gotoContent);
			//alert(link);
			//itemimage.observe("mouseover",eval("function (event) {				gadgettext.insert('<span>"+buttons[counter]['text']+"</span>');				gadgettext.appear();			}"));
			// Mit Link versehen und hinzufügen
			//var buttoncontainer=new Element("div",{"id":"buttoncontainer"+counter,"class":"buttoncontainer"});
			//buttoncontainer.appendChild(itemimage.wrap(link));
			listitem.appendChild(itemimage.wrap(link));
			line.appendChild(listitem);

                        var gadgettext=new Element("div", {"id":gadgetname+"_over"+counter,"class":"gadgettext"});
                        gadgettext.insert('<div class="'+gadgetname+"_overtop"+'"></div>');
                        gadgettext.insert('<div class="'+gadgetname+"_overmiddle"+'"><h2>'+buttons[counter]['headline']+'</h2>'+buttons[counter]['text']+'</div>');
                        gadgettext.insert('<div class="'+gadgetname+"_overbottom"+'"></div>');
                        gadgettext.hide();
                        $($('overallcontainer').parentNode).insert(gadgettext);
			counter++;
		}
		gadget.insert(line);
	}

	// Lade-Hinweis
	var loader=new Element("div", {"id":loadername});
	var loaderimage=new Element("img",{"src":"fileadmin/smartkommunizieren/grafiken/ajax-loader.gif","alt":"Lade Inhalte"});
	loader.appendChild(loaderimage);
	loader.insert("<h1>Lade Inhalte</h1>");
	loader.hide();
	$('overallcontainer').parentNode.insert(loader);

	// Smart-Hinweis
	var smartlink=new Element("div", {"id":smartlinkname});
	smartlink.insert('<a target="smart" href="http://smart.gugler.at">Klicken Sie hier f&uuml;r mehr Informationen!</a>');
	smartlink.hide();
	for (var i = 0; i <buttons.length; ++i) {
		if(buttons[i]['url']==document.URL)
		{
			$('zweispaltig-rechts').insert(smartlink);
			Effect.BlindDown(smartlinkname, { duration: 2.0 });
			//Effect.Puff(smartlinkname,{ duration:2, from:1, to:0 });

			break;
		}

	}




	$('content-container').insert(smallgadget);
	$('overallcontainer').parentNode.insert(gadget);
    if(gadgetshow==1)
    {

        showGadget();
        //gadget.appear();


    }
    else
     smallgadget.appear();
}

function showText(event) {
	if(disableMouseovers)
		return;
	var num=Event.element(event).id.sub("button","");
   $("button"+num).pulsate({duration:0.4,from:0.5, pulses:2});
   dropGadget();
   var textid=gadgetname+"_over"+num;
   // $(gadgetname+"_over").innerHTML=;
    var newXPos=0;
    var vargadgetpos=$(gadgetname).cumulativeOffset();
    //alert(vargadgetpos+","+$(textid).getWidth());
    //alert(vargadgetpos[0]-$(textid).getWidth());
    //alert($(textid).getWidth());
    if(vargadgetpos[0]-$(textid).getWidth()<=0)  {
            newXPos=vargadgetpos[0]+$(gadgetname).getWidth();
    }
    else {
            newXPos=vargadgetpos[0]-$(textid).getWidth();
    }


    $(textid).style.left=newXPos+"px";
    $(textid).style.top=vargadgetpos[1]+"px";
    $(textid).appear({"duration":0.1});
    //$(textid).appear();
    //$(gadgetname+"_over").move();

}

function gotoContent(e) {
 	xpos=$(gadgetname).style.left;
    ypos=$(gadgetname).style.top;
    Cookie.erase("xpos");
    Cookie.erase("ypos");
    Cookie.set('xpos',xpos,14);
    Cookie.set('ypos',ypos,14);

	var num=Event.element(e).id.sub("button","");
	if(!num)
		return;
	// no more dragable
	var textid=gadgetname+"_over"+num;
    $(textid).fade({"duration":0.1});

	$(loadername).show();
	Effect.Fade(gadgetname);
	dropGadget();

	document.location.href=buttons[num]["url"];

	Event.stop(e);


}

function hideText(event) {
	var num=Event.element(event).id.sub("button","");

    var textid=gadgetname+"_over"+num;
    $(textid).fade({"duration":0.1});
    dragGadget();
}


function hideGadget(event) {
    Cookie.erase("gadgetshow");

	// no more dragable
	Effect.Fade(gadgetname);
	dropGadget();
	Effect.Appear(smallgadgetname);
	// Hide Gadget
/*	var vargadgetpos=$(smallgadgetname).cumulativeOffset();
    orismallgadget_x=vargadgetpos[0];
    orismallgadget_y=vargadgetpos[1];
	$(gadgetname).morph({ "left": orismallgadget_x+'px', "top": orismallgadget_y+'px',"opacity":'0' }, { "duration": 0.5, "afterFinish":$(gadgetname).hide() });
*/

}

function goHome(event) {
    window.location.href="http://www.gugler.at/";
}


function showGadget(event) {
        Cookie.set('gadgetshow',1,14);
        $(gadgetname).style.left=xpos;
        $(gadgetname).style.top=ypos;

	//$(gadgetname).show();
	/*if(!(origadget_x&&origadget_y)) {
		var vargadgetpos=$(gadgetname).cumulativeOffset();
	 	//alert(vargadgetpos);
	    origadget_x=vargadgetpos[0]+$(gadgetname).readAttribute("padding-left");
	    origadget_y=vargadgetpos[1]+$(gadgetname).readAttribute("padding-top");
	}*/
	//Hide small Gadget
	Effect.Fade(smallgadgetname);

	//$(gadgetname).morph({ "left": origadget_x+'px', "top": origadget_y+'px',"opacity":'100' }, { "duration": 0.5, "afterFinish":dragGadget() });
	// Show gadget, after Effekt let it drag/drop
	Effect.Appear(gadgetname,{afterFinish:dragGadget()});


}

function dragGadget() {
	dragObj=new Draggable(gadgetname, { "revert": false, 'onStart':ondragGadget, 'onEnd':ondropGadget });
}

function dropGadget() {
// no more dragable
	dragObj.destroy();



}

function ondragGadget(dragobject, mouseevent){
	disableMouseovers=true;
}
function ondropGadget(dragobject, mouseevent){
    xpos=$(gadgetname).style.left;
    ypos=$(gadgetname).style.top;
    Cookie.erase("xpos");
    Cookie.erase("ypos");
    Cookie.set('xpos',xpos,14);
    Cookie.set('ypos',ypos,14);
    disableMouseovers=false;
}

function refreshTime()
{
	var jetzt = new Date();
	var Std = jetzt.getHours();
	var Min = jetzt.getMinutes();

	$("showTime").update(Std+":"+(Min<10?'0':'')+Min);
}

function initGadgetContent()
{
	for (var i = 0; i <buttons.length; ++i) {
		buttons[i] = new Array();
		buttons[i]['url']="http://www.gugler.at/";
		buttons[i]['headline']=i;
		buttons[i]['text']="";
		buttons[i]['imagesrc']="fileadmin/smartkommunizieren/grafiken/button"+(i+1)+".png";
	}
	i=0;
	buttons[i]['headline']="Crossmedia-Beratung";
	buttons[i]['text']="Guter Kundenservice f&auml;ngt schon beim Zuh&ouml;ren an. Das dabei gewonnene Verst&auml;ndnis erlaubt es uns, gemeinsam die bestm&ouml;gliche L&ouml;sung f&uuml;r jede Anforderung zu finden.<br />Ob Marketing &amp; Werbung, Printl&ouml;sungen oder Online-Medien.";
	buttons[i++]['url']+="leistungen/crossmedia.html";

	buttons[i]['headline']="&Ouml;ko-Marketing";
	buttons[i]['text']="Die Nachfrage nach &ouml;kologischen, gesunden und zukunftsf&auml;higen Angeboten steigt. Der Lifestyle of Health and Sustainability findet immer mehr Anh&auml;nger. &Ouml;ko-Marketing ist die beste M&ouml;glichkeit, diese Zielgruppen zu erreichen.";
	buttons[i++]['url']+="gugler-denkt-weiter/ganzheitliches-denken.html";

	buttons[i]['headline']="Kreativpool";
	buttons[i]['text']="Kreativit&auml;t ist gut f&uuml;r&rsquo;s Gesch&auml;ft. Um Ihre Botschaften nachhaltig in den K&ouml;pfen der Zielgruppe zu verankern, rauchen bei gugler* die K&ouml;pfe eines kompletten Kreativteams. Die Bandbreite reicht vom Werbebrief bis zur Kampagne, vom Scribble bis zur 3D-Animation, vom Online-Banner bis zum kompletten Webauftritt.";
	buttons[i++]['url']+="leistungen/kreation.html";

	buttons[i]['headline']="Klimaneutraler Druck";
	buttons[i]['text']="Der neue Standard f&uuml;r umweltvertr&auml;glich produzierte Drucksorten hei&szlig;t greenprint*. Hinter diesem Qualit&auml;tslabel steht ein durchg&auml;ngig &ouml;kologisches Produktions&not;konzept mit der Option zus&auml;tzlich aktiv zum Klimaschutz beizutragen.";
	buttons[i++]['url']+="leistungen/offset-druck/greenprint.html";

	buttons[i]['headline']="Digitaldruck";
	buttons[i]['text']="Drucken direkt aus der Datenbank &ndash; mit pers&ouml;nlicher Anrede und zielgruppen-spezifischen Inhalten. Digitaldruck er&ouml;ffnet kreativen und innovativen Kommunikationskonzepten alle M&ouml;glichkeiten.";
	buttons[i++]['url']+="leistungen/digitaldruck/ueberblick.html";

	buttons[i]['headline']="Dialogmarketing";
	buttons[i]['text']="Effizientes Dialogmarketing bedient sich aller Kan&auml;le, vom Brief bis hin zu E-Mail und SMS.<br />gugler* hilft Ihnen, die richtigen Medien zur richtigen Zeit einzusetzen, um den Dialog mit Ihren Kunden zeitgem&auml;&szlig; und &ouml;konomisch zu gestalten.";
	buttons[i++]['url']+="leistungen/beratung/dialogmarketing.html";

	buttons[i]['headline']="E-Marketing";
	buttons[i]['text']="New-Media-L&ouml;sungen er&ouml;ffnen neue M&ouml;glichkeiten. Das geballte Know-how im Melker Medienhaus reicht von Screendesign, CMS-Websites und Onlinemarketing, &uuml;ber E-Mail-Marketing, Web-2.0-Techniken, bis hin zu Online-Redaktionssystemen und Mediendatenbanken.";
	buttons[i++]['url']+="leistungen/neue-medien-it/ueberblick.html";

	buttons[i]['headline']="Corporate Publishing";
	buttons[i]['text']="Ob Gesch&auml;ftsbericht, Nachhaltigkeitsbericht, Kundenmagazin oder Zeitung. Bei gugler* sind Ihre Unternehmenspublikationen in besten H&auml;nden. Dank unseres Redaktionssystems arbeiten alle ProjektmitarbeiterInnen in den gleichen Datenbestand. Wie das konkret funktioniert, veranschaulicht ein Blick in unsere Online-Demo.";
	buttons[i++]['url']+="redaktionssystem.html";

	buttons[i]['headline']="Fotografie und Video";
	buttons[i]['text']="Wir leben in einer Welt der Bilder. Genau deshalb machen wir es unseren Kunden so einfach wie m&ouml;glich, sich und ihre Erzeugnisse jederzeit optimal zu pr&auml;sentieren. Unser Angebot: HighEnd-Fotografie, professionelle Bildbearbeitung, Druckdatenoptimierung, Online-Bildarchive und last but not least: Video &amp; Film.";
	buttons[i++]['url']+="leistungen/kreation/fotografie.html";

	buttons[i]['headline']="Duftmarketing";
	buttons[i]['text']="Wer nicht nur das Auge und den Tastsinn, sondern zudem die Nase anspricht, sichert sich von vornherein mehr Aufmerksamkeit. Mit der Direktbeduftung von Druckprodukten bietet gugler* eine in &Ouml;sterreich einzigartige Innovation im Bereich der Druckveredelung.";
	buttons[i++]['url']+="leistungen/endfertigung/beduftung.html";

	buttons[i]['headline']="Postzertifizierter Lettershop";
	buttons[i]['text']="Mailings sind &ndash; richtig gemacht &ndash; eines der effektivsten Werbe- und Marketing-Instrumente. Inhalt, Aufmachung, Zeitpunkt, alles spielt zusammen. Bei gugler* arbeitet ein ganzes Team von Experten daran, damit solche Sendungen porto-optimiert aufgegeben werden und p&uuml;nktlich an der richtigen Adresse landen.";
	buttons[i++]['url']+="leistungen/lettershop/individualisierung.html";

	buttons[i]['headline']="Logistik";
	buttons[i]['text']="Warum wertvolle B&uuml;rofl&auml;che als Drucksortenlager verschwenden oder gar eigene Lagerr&auml;ume anmieten? Das gugler* Logistik-Service gew&auml;hrleistet, dass die richtigen Drucksorten zum richtigen Zeitpunkt am richtigen Ort sind.";
	buttons[i++]['url']+="leistungen/logistik/ueberblick.html";
}