///Fire after JQuery
//76Design.com

$(document).ready( function(){
////NOSCRIPT
	$('.scroll-buttons').css('display','block');
	var slideSpeed = 500;	
	var opDisabl = 0.3;
	/// horizon
	var elems = $(".scroll-horizon");
	
	$('.scroll-horizon DIV UL LI IMG').hover(function(){$(this).css('opacity', 0.7);},function(){$(this).css('opacity', 1);})
	
	 $('.scroll-horizon .scroll-buttons .scroll-prev').css('opacity',opDisabl)
	
	for(var i = 0; i < elems.length; i++)
	{
		var elem = $(elems).eq(i).find('ul')[0];
				
		var unitsNum = $(elem).children().length;
		
		//var unitFirst = $(elem).children(':first')[0];
		
		var unitWidth = 225;
		//Number($(unitFirst).css('width').split('px')[0]) + Number($(unitFirst).css('margin-right').split('px')[0]) + Number($(unitFirst).css('margin-left').split('px')[0]);
		//alert(unitFirst.offsetWidth)
		//alert(unitFirst.nodeName)
	
		//unitWidth += Number($(unitFirst).css('border-left-width').split('px')[0]) + Number($(unitFirst).css('border-right-width').split('px')[0]);
			
		//if(!$.browser.msie)
			//if(!$.browser.version <= 6.0)
				//unitWidth += Number($(unitFirst).css('padding-right').split('px')[0]) + Number($(unitFirst).css('padding-left').split('px')[0]);
			
		var totalElemWidth = unitWidth * unitsNum;
		
		$(elem).css('width', totalElemWidth +'px');
		
	
		//alert('TOTAL WIDTH :: '+totalElemWidth+"\n ONE ELEM WIDTH :: "+ unitWidth)
	}
	
	
	$(".scroll-horizon .scroll-buttons .scroll-prev").click(function(){
										 
										 $(this).parent(':first').find('.scroll-next:first').css('opacity',1);
										  
										 // $(parent).find('.scroll-next:first').css('opacity',1);
										 
										  var elem = $(this).parent().parent().find('div ul')[0];
										
										 	
										  var elemW = $(elem).width();
										  
										   	
										 if($.browser.msie && $.browser.version <= 6.0)
										  		elemW -= $(elem).find('LI:first').css('margin-right').split('px')[0];
										  
										  var chldrn =  $(elem).children().length;
										  
										  var unitW = (elemW / chldrn)*3;
										  
										  var currP = $(elem).css('left').split('px')[0];
										  
										  var nextP =  Math.abs((Math.floor((unitW - Math.abs(currP)) / unitW) * unitW)); 
										
										//alert(nextP)
										  if(currP < 0 - unitW)
										  {											 											  
											  $(elem).animate({left: 0 - nextP+'px'}, slideSpeed)
											 
										 	}else{
										 		$(this).css('opacity',opDisabl)
										  		$(elem).animate({left: '0px'}, slideSpeed);
										  		
										  }
										 
										 
										 
										 });
	
	$(".scroll-horizon .scroll-buttons .scroll-next").click(function(){
										   
										  $(this).parent(':first').find('.scroll-prev:first').css('opacity',1);
										  										  
										  var elem = $(this).parent().parent().find('div ul')[0];
										
										  var elemW = $(elem).width();
										  
										  if($.browser.msie && $.browser.version <= 6.0)
										  		elemW -= $(elem).find('LI:first').css('margin-right').split('px')[0];
										 
										 // alert(elemW)
										  var chldrn =  $(elem).children().length
										 
										  var unitW = (elemW / chldrn)*3;
										
										  var currP = $(elem).css('left').split('px')[0];
										  
										  var nextP = (Math.ceil((unitW + Math.abs(currP)) / unitW) * unitW); 
										  
										  if(nextP < elemW - unitW)
										  {
											   $(elem).animate({left: 0-nextP+'px'}, slideSpeed)
										  }
										  else{
										  		$(this).css('opacity',opDisabl)
										  		$(elem).animate({left: 0-(elemW - unitW)+'px'}, slideSpeed);
										  		
										  }
										 
										 });
										 
	/////////////////////////////////////////////////////////////////////
	
	/// vertical
	var elems = $(".scroll-vertical");
	
	$('.scroll-vertical DIV UL LI IMG').hover(function(){$(this).css('opacity', 0.7);},function(){$(this).css('opacity', 1);})
	
	 $('.scroll-vertical .scroll-buttons .scroll-prev').css('opacity',opDisabl)
	
	for(var i = 0; i < elems.length; i++)
	{
		var elem = $(elems).eq(i).find('ul')[0];
				
		var unitsNum = $(elem).children().length;
		
		var unitFirst = $(elem).children(':first')[0];
		
		var unitHeight = 81; //Number($(unitFirst).height()) + Number($(unitFirst).css('margin-top').split('px')[0]) + Number($(unitFirst).css('margin-bottom').split('px')[0]);
		
		//unitHeight += Number($(unitFirst).css('padding-top').split('px')[0]) + Number($(unitFirst).css('padding-bottom').split('px')[0]);
		
		//unitHeight += Number($(unitFirst).css('border-bottom-width').split('px')[0]) + Number($(unitFirst).css('border-top-width').split('px')[0]);
			
		
		var totalElemHeight = unitHeight * unitsNum;
		
		$(elem).css('height', totalElemHeight +'px');
		
		//alert('TOTAL HEIGHT :: '+totalElemHeight+"\n ONE ELEM HEIGHT :: "+ unitHeight)
	}				
	
						 
	$(".scroll-vertical .scroll-buttons .scroll-prev").click(function(){
										 
										$(this).parent(':first').find('.scroll-next:first').css('opacity',1);
										 
										 var elem = $(this).parent().parent().find('div ul')[0];
										  
										  var elemH = $(elem).height();
										  
										 var chldrn =  $(elem).children().length
										  
										  var unitH = (elemH / chldrn)*3;
										  
										  var currP = $(elem).css('top').split('px')[0];
										  
										  var nextP =  Math.abs((Math.floor((unitH - Math.abs(currP)) / unitH) * unitH)); 
										
										  if(currP < 0 - unitH)
										  {											 											  
											  $(elem).animate({top: 0 - nextP +'px'}, slideSpeed);
											 
										  }else{
										  		$(this).css('opacity',opDisabl)
										  		$(elem).animate({top: '0px'}, slideSpeed);
										  		
										  }
										 
										 
										 });
	
	$(".scroll-vertical .scroll-buttons .scroll-next").click(function(){
	
										  $(this).parent(':first').find('.scroll-prev:first').css('opacity',1);
	
										  var elem = $(this).parent().parent().find('div ul')[0];
										
										  var elemH = $(elem).height();
										  
										  var chldrn =  $(elem).children().length
										 
										  var unitH = (elemH / chldrn)*3;
										
										  var currP = $(elem).css('top').split('px')[0];
										  
										  var nextP = (Math.ceil((unitH + Math.abs(currP)) / unitH) * unitH); 
										  
										  if(nextP <= elemH - unitH)
										  {
											   $(elem).animate({top: 0-nextP+'px'}, slideSpeed);
										  }
										  else{
										  		$(this).css('opacity',opDisabl)
										  		$(elem).animate({top: 0-(elemH - unitH)+'px'}, slideSpeed);
										  }
										 
										 });
										 
										 
});