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

function jsddm_open(){  
	jsddm_canceltimer();
	jsddm_close();
	
	id = ($(this).attr('id'))
	if(id=='id24'||id=='id69'){
		ddmenuitem = $('.menu .cat_sub_menu1').addClass('cat_sub_menu_active')
	}else if(id=='id48'||id=='id70'){
		ddmenuitem = $('.menu .cat_sub_menu2').addClass('cat_sub_menu_active')
	}else if(id=='id27'||id=='id71'){
		ddmenuitem = $('.menu .cat_sub_menu3').addClass('cat_sub_menu_active')
	}else if(id=='id54'){
		ddmenuitem = $('.menu .cat_sub_menu4').addClass('cat_sub_menu_active')
	}
}
function jsddm_over(){
	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).addClass('cat_sub_menu_active')
}

function jsddm_close(){  
	if(ddmenuitem){		
		ddmenuitem.removeClass('cat_sub_menu_active')
	}
	//ddmenuitem.css('visibility', 'hidden');
}

function jsddm_timer(){
	closetimer = window.setTimeout(jsddm_close, timeout);
}
function jsddm_canceltimer(){
	if(closetimer){  
		window.clearTimeout(closetimer);
	  	closetimer = null;
	}
}



$(function(){
	$('.cb').colorbox({
			initialWidth:100,
			initialHeight:100,
			close:'закрыть',
			opacity:0.2
			/*,
			opacity:0.7,
			rel:'group1',
			next:'&nbsp;',
			previous:'&nbsp;',
			current:'<span>{current} из {total}</span>'
			*/
	})	   
	if($('.head .menu ul li.active ul').length==0){
		$('.head .menu ul li.active').append('<ul><li>&nbsp;</li></ul>')
	}
	//$('.head .menu > li').bind('mouseover', jsddm_open)
	//$('.head .menu > li').bind('mouseout', jsddm_timer)
	//document.onclick = jsddm_close;	
	indexSlider()
	// catalog
	if($('.cat_sub_menu1').length>0){
		var e1 = $('.cat_sub_menu1')	
		var e2 = $('.cat_sub_menu2')	
		var e3 = $('.cat_sub_menu3')	
		var e4 = $('.cat_sub_menu4')
		
		$('.head .menu').append(e1)
		$('.head .menu').append(e2)
		$('.head .menu').append(e3)
		$('.head .menu').append(e4)
		
		
		$('.head .menu #id21 > ul> li, .head .menu #id22 > ul> li').bind('mouseover', jsddm_open)
		$('.head .menu #id21 > ul> li, .head .menu #id22 > ul> li').bind('mouseout', jsddm_timer)
		$('.menu .cat_sub_menu_active').live('mouseover', jsddm_over)
		$('.menu .cat_sub_menu_active').live('mouseout', jsddm_timer)
		document.onclick = jsddm_close;	
	}
	
	if($('.level2').length>0){
		$.each($('.level2 .item'),function(i,n){
			if(i%2==1){
				$(n).after('<div class="clear"></div>')	
			}
										   })	
	}
	
	// 
	if($('.level1_in').length>0){
		$.each($('.level1_in'),function(i,n){
			var e = $(n)
			var t = e.find('.item').length;
//alert(t)
			e.find('.level1_wrap').css({width:226*t+'px'})
			
			if(t>4){
				e.append('<span class="r_lnk"></span><span class="l_lnk"></span>');
				e.data({'t':t,i:0})
				e.find('.r_lnk').click(function(){
					var i = $(this).parent().data('i')*1+4
					var t = $(this).parent().data('t')*1
					if(i+4<t){
						$(this).parent().find('.level1_wrap').stop().animate({'margin-left':(-225*i)+'px'},500)
					}else{
						i=t-4
						$(this).parent().find('.level1_wrap').stop().animate({'margin-left':(-225*i)+'px'},500)
					}
					$(this).parent().data('i',i)
				})
				e.find('.l_lnk').click(function(){
					var i = $(this).parent().data('i')*1-4
					var t = $(this).parent().data('t')*1
					if(i>0){
						$(this).parent().find('.level1_wrap').stop().animate({'margin-left':(-225*i)+'px'},500)
					}else{
						i=0
						$(this).parent().find('.level1_wrap').stop().animate({'margin-left':(-225*i)+'px'},500)
					}							
					$(this).parent().data('i',i)
				})
			}
		})
	}
})

var nexttimer = 0;
var active = 0;
var total = 0;
var stimeout = 4000;

function indexSlider(){
	$('.slideshow .g_item:eq(0)').css({'z-index':7,display:'block'})
	var _l = $('.slideshow .g_item').length
	
	total = _l
	
	if(total>1){
		nexttimer = window.setInterval(nextSlide, stimeout);
	}
	/*
	var out=''
	for(i=0;i<_l;i++){
		out+='<a href="#" class="dot '+((i==0)?'active':'')+'" rel="'+i+'" style="top:'+(350-(_l-i)*1-17)+'px;left:'+(400-(_l-i)*19)+'px"></a>'	
	}
	$('.slideshow').append(out);
	
	$('.slideshow a.dot').click(function(){
		var e = $(this)
		if(!e.hasClass('active')){
			var last = $('.slideshow a.active').attr('rel')
			$('.slideshow .g_item').css({'z-index':5})
			$('.slideshow .g_item:eq('+last+')').css({'z-index':6})
			$('.slideshow a.dot').removeClass('active')
			e.addClass('active')
			var naw = e.attr('rel')
			$('.slideshow .g_item:eq('+naw+')').css({'z-index':7,display:'none'}).fadeIn()
		}
		return false;
	})
	*/
}

function nextSlide(){
	$('.slideshow .g_item').css({'z-index':5})
	$('.slideshow .g_item:eq('+active+')').css({'z-index':6})
	
	active++
	if(active==total){active=0}
	$('.slideshow .g_item:eq('+active+')').css({'z-index':7,display:'none'}).fadeIn(1000)
	
}
