var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var opened_menu =0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('ul').css('visibility', 'visible');
   opened_menu = $(this).addClass("hovered");
}

function jsddm_close()
{  
	if(opened_menu) opened_menu.removeClass("hovered");
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}

$(document).ready(function()
{  $('#main_nav > li').bind('mouseover', jsddm_open)
   $('#main_nav > li').bind('mouseout',  jsddm_timer)






//tree view



$('li.level_1:has(ul)').click(function(event){

var is_click = (this == event.target)
|| (this == event.target)
|| (this == event.target.parentNode);

if (is_click) {
current = this;
$('ul#products li:has(ul)').each(function(i) {
if (this != current) {
$(this).children("ul, li").slideUp(250);
$(this).removeClass("active");
}

});
$(this).children("ul:eq(0)").slideToggle(250);
$(this).toggleClass("active");
};

});

/* Product gallery*/

$('#slideshow').after('<ul id="nav">').cycle({ 
    fx:     'fade', 
    speed:  0, 
    timeout: 0, 
    pager:  '#nav', 
    
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
    	
        return '<li><a href="#"><img src="' + slide.href + '" width="104" height="60" /></a></li>'; 
    }
    
});
    
});

document.onclick = jsddm_close;

//  darkbox

$(function() {

	$('a.darkbox').click(function() {
		
		var link = $(this);

		if(!$('div.darkbox-frame').length) {
			
			darkbox = $('<div class="darkbox-frame"><div class="darkbox-shadow"></div><div class="darkbox-canvas"><div class="darkbox-button"></div></div></div>').appendTo('body');
		}

		var frame = darkbox.clone().appendTo('body').addClass('darkbox-frame-on');

		var shadow = frame.find('div.darkbox-shadow').animate({opacity:0.6},300);
		var canvas = frame.find('div.darkbox-canvas');
		var button = frame.find('div.darkbox-button');

		var image = $('<img src="'+ link.attr('href') +'" alt="'+ link.attr('title') +'"/>');

		image.appendTo(canvas);
		image.load(function(){

			var imageWidth = image.width();
			var imageHeight = image.height();
			var frameWidth = frame.width()-40;
			var frameHeight = frame.height()-40;

			if(imageWidth > frameWidth) {

				imageWidth = frameWidth;
				image.width(imageWidth);					
				while(image.height() > frameHeight) {
					image.width(imageWidth);
					imageWidth--;
				}

				imageHeight = image.height();
			}

			if(imageHeight > frameHeight) {

				imageHeight = frameHeight;
				image.height(imageHeight);						
				while(image.width() > frameWidth) {
					image.height(imageHeight);
					imageHeight--;
				}

				imageWidth = image.width();
			}

			canvas.addClass('darkbox-canvas-load').animate({

				width:imageWidth,
				marginLeft:-imageWidth/2,
				height:imageHeight,
				marginTop:-imageHeight/2

			},500,function() {

				canvas.addClass('darkbox-canvas-done');
				button.addClass('darkbox-button-on');
				button.addClass(navigator.platform.toLowerCase().indexOf('mac')+1?'darkbox-button-left':'darkbox-button-right');

				image.animate({opacity:1},500,function() {

					shadow.click(closer);
					button.click(closer);

				});
			});
		});

		var closer = function() {
	
			canvas.remove();
			shadow.animate({opacity:0},300,function() {
				frame.remove();
			});
		}

		$(document).keydown(function(e) {
			if(e.which==27) closer();
		});

		return false;
	});
});