// insert the minicart 
document.observe('dom:loaded', buildMinicart);

function buildMinicart()
{ 
  if(typeof(sinsationsCart)!='undefined' && !(BrowserDetect.browser.indexOf('Explorer')>-1 && parseInt(BrowserDetect.version)<7))
  {

  	sinsationsCart.html = new Object();
  	sinsationsCart.html.minicartLayer =  Builder.node('div', {
      id: 'minicartLayer',
      style: ''
    });
  	sinsationsCart.html.content = Builder.node('div', {className: 'content'});


  	if(sinsationsCart.items.length>=1)
  	{
      sinsationsCart.items.each(function(item) {

        // item = sinsationsCart.items[i];

  			temp_el = Builder.node('img', {
            className: 'tips',
            style: 'height:'+item.imagesize[1]+'px;width:auto',
            title: item.title,
            rel: item.text,
            src: item.image
          }
        );
  
  			temp_el = Builder.node('a', {href: item.href}, temp_el);
  
        sinsationsCart.html.content.appendChild(temp_el);

    		delete(temp_el);
  		});
  		
  		sinsationsCart.html.content.insert('<p>&nbsp;</p>');
  		sinsationsCart.html.content.insert('<p class="grandtotal">'+sinsationsCart.itemstotal+' Artikel für insgesamt '+sinsationsCart.grandtotal+'</p>');
  		sinsationsCart.html.content.insert('<p>&nbsp;</p>');
  		sinsationsCart.html.content.insert('<button class="form-button add2cart" onclick="window.location.href=\''+sinsationsCart.cartLink+'\'"><span>Zur Kasse gehen</span></button>');
  	}
 	
  	sinsationsCart.html.minicartLayer.appendChild(sinsationsCart.html.content);
    
  	// the bg elements
  	sinsationsCart.html.minicartLayer.appendChild(Builder.node('div', {className: 'bg t'}));
  	sinsationsCart.html.minicartLayer.appendChild(Builder.node('div', {className: 'bg m'}));
  	sinsationsCart.html.minicartLayer.appendChild(Builder.node('div', {className: 'bg b'}));
  	
  	$('pagecontent').appendChild(sinsationsCart.html.minicartLayer);
  	
    Element.setStyle($('minicartLayer'),{top : ($('minicartLayer').getHeight()*-2)+'px'});
    // Element.setStyle($('minicartLayer'),{top : '190px'});
    

    sinsationsCart.mouseOver = false;
    
    sinsationsCart.fadeIn = function () {
      window.clearTimeout(sinsationsCart.timer);
      
      sinsationsCart.Tweener = new Effect.Tween(
        $('minicartLayer'),
        Position.cumulativeOffset($('minicartLayer'))[1],
        0,
        {
          duration: 0.75,
          transition: Effect.Transitions.sinoidal,
          queue: { position: 'end', scope: 'sinsationsCartFading', limit: 1}
        },
        function(p) {
          Element.setStyle(this,{top : parseInt(p)+'px'});
        }
      );
    }

    sinsationsCart.fadeOut = function () {
      queue = Effect.Queues.get('sinsationsCartFading');
      queue.each(function(effect) { effect.cancel(); });

      sinsationsCart.Tweener = new Effect.Tween(
        $('minicartLayer'),
        Position.cumulativeOffset($('minicartLayer'))[1],
        ($('minicartLayer').getHeight()*-1),
        {
          duration: 0.75,
          transition: Effect.Transitions.sinoidal
        },
        function(p) {
          Element.setStyle(this,{top : parseInt(p)+'px'});
        }
      );
    }
    
  	$('minicart').observe('mouseenter', sinsationsCart.fadeIn);
  	$('minicart').observe('mouseleave', function() { sinsationsCart.timer = window.setTimeout('sinsationsCart.fadeOut()',500); });
  	$('minicartLayer').observe('mouseenter', sinsationsCart.fadeIn);
  	$('minicartLayer').observe('mouseleave', function() { sinsationsCart.timer = window.setTimeout('sinsationsCart.fadeOut()',500); });
 
  	// the tooltips
  	 // jsCart.tooltips = new Array();
     $$(".tips").each( function(input) {
		    new Tooltip(
          input, {
            backgroundColor: "#fff",
            borderColor: "#fff", 
		        textColor: "#000",
            textShadowColor: "#FFF",
            opacity: 0.9
          }
        );
	   });
  }
}