// autor site webwizard.in.ua
Spacer = '/js/images/spacer.gif';
Close  = '/js/images/bg/close.gif';
$(document).ready(function(){
	loginForm('.h_login_form','#toggle_log_form');			// login form 
	
	boxBg('.box_over');										// corns 
	
	mainGallery('.gall_top');								// top gallery 
	devsGallery('.devs_gall');								// devices gallery
	
	catalogPage();											// catalog page [short - more toggle]
	zoomPop('.prod_preview');								// zoom popup
	
	jobsPage('.slider_navigate','.jobs_content');			// jobs page
	photoPage('.gall_thumbs');								// photo page 
	
	
	/*
	if(jQuery('.sideleft').size() && jQuery('.center_part .box_over').size()){
		if(jQuery('.sideleft').height()>jQuery('.center_part .box_over').eq(0).height()) jQuery('.center_part .box_over').eq(0).height(jQuery('.sideleft').height()-11);
	}
	*/
});
// photo page 
function photoPage(thumbs){
	thumbNums = jQuery(thumbs+' li').size();
	if(thumbNums>1){
		remHref(thumbs+' a','prev',true);
		
		// preview 
		jQuery(thumbs).before('<div class="gall_preview">\
			<div class="gall_preview_img"><img src="'+Spacer+'" alt="" /></div>\
			<img src="'+Spacer+'" alt="" class="nav_left" /><img src="'+Spacer+'" alt="" class="nav_right" />\
			</div>');
		jQuery('.gall_preview_img img, .gall_preview_img').css('background-image','url('+jQuery(thumbs+' a.active').attr('prev')+')');
		
		// preview navs 
		jQuery('.nav_left').click(function(){
			nn = Number(jQuery(thumbs+' a.active').attr('nn'));
			jQuery(thumbs+' a.active').removeClass('active');
			nn >0 ? nn-- : nn=thumbNums-1;
			PhotoLevOne(thumbs, nn,thumbNums);
		});
		
		jQuery('.nav_right').click(function(){
			nn = Number(jQuery(thumbs+' a.active').attr('nn'));
			jQuery(thumbs+' a.active').removeClass('active');
			nn<thumbNums-1 ? nn++ : nn=0;
			PhotoLevOne(thumbs, nn,thumbNums);
		});
		
		// navs 
		if(thumbNums>6){
			jQuery(thumbs).after('<div class="thumbs_nav">\
					<img src="'+Spacer+'" alt="" class="t_left" /><img src="'+Spacer+'" alt="" class="t_right" />\
					</div><div class="thumbs_thumbs_nav"></div>');
			TTNav = '.thumbs_thumbs_nav';
			TTIco = Math.ceil(thumbNums/6);
			generateIcos(TTIco,TTNav);
			
			// thumbs
			jQuery(thumbs+' a').click(function(){
				jQuery(thumbs+' a.active').removeClass('active');
				PhotoLevOne(thumbs, jQuery(this).attr('nn'),thumbNums);
			});
			// navs thumbs 
			jQuery('.t_left').click(function(){
				befI = jQuery('.thumbs_thumbs_nav img.active').attr('nn')-1;
				befI > 0 ? newI=befI-1 : newI = TTIco-1;
				PhotoLevSec(thumbs,newI,thumbNums);
			});
			jQuery('.t_right').click(function(){
				befI = jQuery('.thumbs_thumbs_nav img.active').attr('nn')-1;
				befI < TTIco-1 ? newI=befI+1 : newI = 0;
				PhotoLevSec(thumbs,newI,thumbNums);
			});
			
			jQuery('.thumbs_thumbs_nav img').click(function(){
				newI = jQuery(this).attr('nn')-1;
				PhotoLevSec(thumbs,newI,thumbNums);
				
			});
		}
	}
}
function PhotoLevSec(thumbs,newI,thumbNums){	
	jQuery('.thumbs_thumbs_nav img.active').removeClass('active');
	jQuery('.thumbs_thumbs_nav img').eq(newI).addClass('active');
	ost = thumbNums%6;
	if(ost != 0 && newI==Math.floor(thumbNums/6)){
		jQuery(thumbs+' ul').stop(true,true).animate({left: 564*(0-newI+1)- 94*ost});
	}
	else jQuery(thumbs+' ul').stop(true,true).animate({left: 564*(0-newI)});
}
function PhotoLevOne(thumbs,nn,thumbNums){
	jQuery(thumbs+' a').eq(nn).addClass('active');
	jQuery('.gall_preview_img').css('background-image','url('+jQuery(thumbs+' a').eq(nn).attr('prev')+')');
	jQuery('.gall_preview_img img').stop(true,true).css('opacity',1).fadeOut(
		 function(){
			jQuery('.gall_preview_img img').css('background-image','url('+jQuery(thumbs+' a').eq(nn).attr('prev')+')').fadeIn();
		}
	);	
	befI = jQuery('.thumbs_thumbs_nav img.active').attr('nn') - 1 ;
	newI = Math.floor(nn/6);
	if(befI != newI){
		PhotoLevSec(thumbs,newI,thumbNums);
	}
}

function remHref(hrefs, attrebute, addAct){
	jQuery(hrefs).each(function(index){
		jQuery(this).attr(attrebute,jQuery(this).attr('href')).attr('href','javascript:;').attr('nn',index);
	});	
	if(!jQuery(hrefs).hasClass('active') && addAct) {jQuery(hrefs).eq(0).addClass('active');}
}
// jobs page
function jobsPage(navs_link,sub_cont){
	if(jQuery(navs_link).size()){
		jQuery(sub_cont).css('min-height',jQuery(navs_link).height()+30);
	}
}
// slide box
function defSlide(navs_link,hideAll,addAct){
	remHref(navs_link,'block',addAct);
	if(addAct) jQuery(jQuery(navs_link+'.active').attr('block')).slideDown(0);
	
	jQuery(navs_link).click(function(){
		if(!jQuery(this).hasClass('active')){
			if(jQuery(navs_link).hasClass('active')){
				jQuery(jQuery(navs_link+'.active').attr('block')).stop(true,true).slideUp();
				jQuery(navs_link).removeClass('active');
			}
			jQuery(this).addClass('active');
			jQuery(jQuery(navs_link+'.active').attr('block')).stop(true,true).slideDown();
		}
		else if(hideAll){
			jQuery(jQuery(navs_link+'.active').attr('block')).stop(true,true).slideToggle();
			jQuery(this).toggleClass('active');
		}
	});						 

}
// zoom popup
function zoomPop(prevBox){
	if(jQuery(prevBox).size()){
		jQuery('body').append('<div class="popup_over"><table><td>\
				<div class="popup_box">\
				<div class="pop_lt"></div><div class="pop_rt"></div><div class="pop_lb"></div><div class="pop_rb"></div><div class="pop_l"></div><div class="pop_t"></div><div class="pop_r"></div><div class="pop_b"></div><div class="pop_grad"></div>\
				<img src="'+Close+'" alt="" class="close" onclick="jQuery(\'.popup_over\').hide()" />\
				<div class="pop_im"><img src="'+jQuery(prevBox + ' a').attr('href')+'" alt="" /></div>\
				<div class="pop_sign">'+jQuery(prevBox + ' a').attr('title')+'</div>\
				</div></td></table></div>');
		wid = jQuery('.pop_im img').width();
		hei = jQuery('.pop_im img').height();
		wid < hei ? wid = hei+70 : wid=wid+70;
		jQuery('.popup_box').width(wid);
		
		jQuery('.popup_over').css('visibility','visible').hide();
		
		jQuery(prevBox + ' a').attr('href','javascript:;').removeAttr('title').click(function(){
			if(jQuery(window).width()<wid+100)jQuery('.popup_over').css('position','absolute');
			else jQuery('.popup_over').css('position','fixed');
			jQuery('.popup_over').show();
		});
	}
}
// catalog page [short - more toggle]
function catalogPage(){
	if(jQuery('.selector').size()){
		// click 
		jQuery('.selector a').click(function(){
			if(!jQuery(this).hasClass('active')){
				jQuery('.selector a').removeClass('active');
				jQuery(this).addClass('active');
				jQuery('.cats_content').toggleClass('short');
			}
		});
		jQuery('.cats_box').click(function(){
			window.location  = jQuery(this).find('a').attr('href');
		});
		
	}
	// generate some elements
	if(jQuery('.cats_title').size()){
		jQuery('.cats_title').each(function(index){
			txt = jQuery(this).html();
		 	jQuery(this).html('<div class="cats_title_in"><span>'+txt+'</span><i></i></div>');		
		});
	}
}

function AddOdd(el){
	jQuery(el+':odd').addClass('odd');
}

// devices gallery
function devsGallery(devsBox){
	devsNums = jQuery(devsBox +' li').size();
	// change position 
	if(devsNums>1) {
		AddOdd(devsBox+' li');
		jQuery(devsBox+' li').eq(0).show();
		jQuery(devsBox+' li').eq(1).show();
	}
	jQuery(devsBox+' li:odd').addClass('odd');
	
	if(devsNums>2){
	// generate 
	// icons
		icoNum = Math.ceil(devsNums/2);
		jQuery(devsBox).parents('.box_over').after('<div class="ico_box"/>');
		generateHrefs(icoNum,'.ico_box');
		ChangeSlide(devsBox,'.ico_box',2);
		
	// navs 
		jQuery(devsBox).append('<div class="gallNavs"><img src="'+Spacer+'" class="navs_prev" /><img src="'+Spacer+'" class="navs_next" /></div>');
	// click
		jQuery('.navs_prev').click(function(){
			num = jQuery('.ico_box a.active').attr('num');
			num > 1 ? c = num-2 : c = icoNum-1;
			GallBott(devsBox,c);
		});
		jQuery('.navs_next').click(function(){
			num = jQuery('.ico_box a.active').attr('num');
			num < icoNum ? c = num : c = 0;
			GallBott(devsBox,c);
		});
	}
	
	
}

function GallBott(devsBox,c){
	jQuery('.ico_box a.active').removeClass('active');
	jQuery('.ico_box a').eq(c).addClass('active');
	
	jQuery(devsBox + ' li').fadeOut().eq(c*2).fadeIn();
	jQuery(devsBox + ' li').eq(c*2+1).fadeIn();
}


// top gallery 
function mainGallery(gallFirst){
	gallNums = jQuery(gallFirst +' li').size();
	if(gallNums>1){
			// generate
		jQuery(gallFirst +' li').hide().eq(0).show();
		jQuery(gallFirst).append('<div class="pager"/>');
		generateHrefs(gallNums,'.pager');
			// click
		ChangeSlide(gallFirst,'.pager',1);
	}
}

// gallery change
function ChangeSlide(gall,pager,n){
	jQuery(pager+' a').click(function(){
		if(!jQuery(this).hasClass('active')){
			cur = jQuery(this).attr('num')-1;
			jQuery(gall +' li').fadeOut();
			jQuery(pager+' a.active').removeClass('active');
			jQuery(pager+' a').eq(cur).addClass('active');
			
			for(i=n*cur; i<cur*n+n; i++){
				if(jQuery(gall +' li').eq(i).size()){
					jQuery(gall +' li').eq(i).stop(true,true).fadeIn();
				}
			}
		}
	});
}

// corns 
function boxBg(overEl){
	if(jQuery(overEl).size()){
		corns = '<div class="box_lt" /><div class="box_rt" /><div class="box_lb" /><div class="box_rb" />';
		jQuery(overEl).append(corns);
	}
}
// login form 
function loginForm(formEl,linkEl){
	if(jQuery(formEl).size() && jQuery(linkEl).size()){
		jQuery(linkEl).click(function(){
			jQuery(formEl).toggle();
			jQuery(linkEl).toggleClass('col_light_blue');
		});
	}
}
// make inpur "error"
function makeError(id){
	if(!jQuery('#'+id).hasClass('hasErr')){
		jQuery('#'+id).addClass('hasErr').prepend('<div class="inp_err" />');
	}
	jQuery('#'+id).find('.inp_err').show().fadeOut('slow');
}

// gen hrefs 
function generateHrefs(HrefNum,HrefBox){
	Hrefs = '';
	for(i=1; i<=HrefNum; i++){
			i==1 ? classN='class="active"' : classN='';
			Hrefs = Hrefs+'<a href="javascript:;"'+classN+' num="'+i+'"><img src="'+Spacer+'" alt="" /></a>';
		}
	jQuery(HrefBox).html(Hrefs);
}

// gen Ico 
function generateIcos(IcoNum,IconsBox){
	IcoIm = '';
	for(i=1;i<=IcoNum;i++){
		i==1 ? classN='class="active"' : classN='';
		IcoIm = IcoIm + '<img src="'+Spacer+'" alt="" num="'+i+'" '+classN+' nn="'+i+'"  />';
	}
	jQuery(IconsBox).html(IcoIm);
}