/* ========================================
	Global jQuery functions
	@pakages Bismika V 1.0
======================================== */

(function(j){

function doCufon(){
	Cufon.replace('h1,h2,h3,h4,h5,h6, .home-navi-item a span', {hover: 'true'});
}

/**
 * give a special class into
 * menu item that have child (first level/top level)
 */
function ins_class(){
	var topLi = j('#eqnav').find('li').filter(":has(>ul)");
	
	topLi.each(function(){
	
		if(j(this).parent().attr('id') == 'eqnav' ) j(this).addClass('top_parent');
	
	});
}

/**
 * Dropdown menu function
 */
function pagemenu(pageid){
	j(pageid + " ul").css({display: "none"});
	j(pageid).find('a').removeAttr('title');
	var kl = j(pageid + " li").filter(":has(>ul)");
		
		kl.each(function(){
			j(this).css({position: "relative"});
			var biz = j(this).find('a:eq(0)');

			
			j(this).hover(function(){

				j(this).addClass('onhove');
				j(this).find('a:eq(0)').addClass('onhov');
				
				j(this).find('ul:first').stop().css({overflow:"hidden", height:"auto",visibility: "visible",display: "none"}).slideDown( 300,
					function(){
						j(this).css({overflow:"visible", height:"auto", paddingBottom: "15px"});
					}
				);	
			}, function(){
						
				j(this).find('ul:first').stop().css({overflow:"hidden", display:"none"});
				j('.onhov').removeClass('onhov');
				j(this).removeClass('onhove');				
			});
			
			
			var _b = j(this).find('ul');
			_b.each(function(){
				_b.find('li:first > a').css('paddingTop', '5px');
			});
			
		});
		
	j(pageid +' .current_page_item').find('a:first').addClass('pageactive');
	j(pageid +' .current-menu-item').find('a:first').addClass('pageactive');

};


function searchDrop(){
	var s = j('#search-drop li').filter(":has(>ul)");
	var input = j('input#searchbox');
	
	s.hover(function(){
		if( j('#search-container').is(':hidden') ){
			j('ul#search-container').stop().css({display :'block', top : '70px', opacity : 0}).animate({top: '20px', opacity: 1.00});
			j(this).addClass('search-on');
		}
	}, function(){
		
		if(!input.is(":focus")){
			j('ul#search-container').stop().css({display :'none', top : '70px', opacity : 0});
			j(this).removeClass('search-on');
		}
		
		input.blur(function(){
			
			if( !j('#search-container').is(':hidden') ){
				j('ul#search-container').stop().css({display :'none', top : '70px', opacity : 0});
				s.removeClass('search-on');
			}
		
		});
		
	});
	

}

function socialHov(){
	var soc = j('#social-icons');
	var flickr = j('.flickr');
	
	soc.each(function(){
		var sic = j(this).find('a');
	
		sic.each(function(){
			j(this).hover( function(){
			
				j(this).find('img').stop().animate({ opacity : 0.3 }, 500 );
			
			}, function(){
				j(this).find('img').stop().animate({ opacity : 1.0 }, 500 );
			});
		});
	});
	
	flickr.each(function(){
		var fia = j(this).find('a');
	
		fia.each(function(){
			j(this).hover( function(){
			
				j(this).find('img').stop().animate({ opacity : 0.3 }, 500 );
			
			}, function(){
				j(this).find('img').stop().animate({ opacity : 1.0 }, 500 );
			});
		});
	});
	
};

/**
 * tabs handle
 */
function tabHandle(){
	var tabPar = j('.breaks_tab');
	
	j('.pane').css({opacity : '0', display : 'none'});
	
	tabPar.each(function(){
		var redeclarePar = j(this);
		var tabUl = j(this).find('ul.tabs');
		var aHand = tabUl.find('a');
		var tabParentContent = j(this).find('.panes');
		
		tabParentContent.find('.pane').filter(':eq(0)').animate({ opacity : 1}, 350, function(){
			j(this).css('display', 'block');
		});
		tabUl.find('li:first').find('a').addClass('active_tab');
		
		aHand.each(function(){
			
			j(this).click(function(){
				var toEq = j(this).attr('rel');
				
				if( tabParentContent.find('.pane:eq('+toEq+')').is(':hidden') ){
					redeclarePar.find('.active_tab').removeClass('active_tab');
					j(this).addClass('active_tab');
					redeclarePar.find('.pane').filter(':not(:hidden)').animate({ opacity : 0}, 350, function(){
						j(this).css('display', 'none');
					});
					tabParentContent.find('.pane:eq('+toEq+')').animate({ opacity : 1}, 350, function(){
						j(this).css('display', 'block');
					});
				}
				
				return false;
				
			});
		
		});
		
	});
	
}

/** handle toggle */
function toggleHandle(){
	var togPar = j('.toggle_container');
	
	togPar.each(function(){
		var redeclareTogPar = j(this);
		var headClick = j(this).find('.toggle_title');
		
		
		headClick.click(function(){
			
			var togBody = redeclareTogPar.find('.toggle_body');
			
			if( togBody.is(':hidden') ){
			
				togBody.slideDown(200);
				
				j(this).addClass('toggle_open');
				
			} else {
			
				togBody.slideUp(200);
				
				j(this).removeClass('toggle_open');
			
			}
		
		});
	
	});

};

function galleryLists_hover(){
	var flickToGal = j('.use_lb').find('a');
	var WordGal = j('.gallery-icon').find('a');
	
	flickToGal.each(function(){
	
		j(this).hover(function(){
		
			j(this).css('backgroundPosition', 'center center');
			j(this).find('img').stop().animate({ opacity : 0.4}, 500);
		
		}, function(){
			j(this).find('img').stop().animate({ opacity : 1.0}, 500);
		});
	
	
	});
	
	WordGal.each(function(){
	
		j(this).hover(function(){
		
			j(this).parent().css('backgroundPosition', 'center center');
			j(this).find('img').stop().animate({ opacity : 0.2}, 500);
		
		}, function(){
			j(this).find('img').stop().animate({ opacity : 1.0}, 500);
		});
	
	
	});

	
};

function loadImages(){
	var cloning  =j('#portfolio-lists-filtered').clone();
	
	j('#portfolio-lists').webinpixelsPreload({ childClass : 'lists_object'});
	j('#portfolio-lists-filtered').webinpixelsPreload({ childClass : 'lists_object', afterLoad: function(){ j('#portfolio-lists-filtered').WIPfilter({handlerID:'portfolio-filter', filterData : cloning}); } });
};

j('document').ready(function(){
	ins_class();
	pagemenu('#wipnav');
	doCufon();
	searchDrop();
	socialHov();
	tabHandle();
	toggleHandle();
	galleryLists_hover();
	loadImages();
});

})(jQuery);

(function($){
var ox = new Array;
var obj = new Array;
var objL = new Array;
var objT = new Array;
var pos = new Array;
var boor = new Array;
var clone, obP;
	
	$.fn.xloadHome = $.fn.xloadHome = function(options){ 
		
		init = function(d){
			ox[d.id] = $.extend({}, $.fn.xloadHome.defaults, options);
			
			obj[d.id] = new Array();
			objL[d.id] = new Array();
			objT[d.id] = new Array();
			pos[d.id] = -1;
			
			obP = $('#'+d.id).parent();
			clone = $('#'+d.id).clone().removeAttr('id');
			
			$.each($('#'+d.id+' li'), function(i,k){
				obj[d.id][i] = $(k);
				objL[d.id][i] = $(obj[d.id][i]).offset().left;
				objT[d.id][i] = $(obj[d.id][i]).offset().top;
				
				$(obj[d.id][i]).css({visibility : 'visible', opacity : 0});
				$(obj[d.id][i]).find('span').css('display', 'none'); //fix cufon in IE8
				clone.find('li:eq('+i+')').addClass('jump-no-'+i).css({top: (objT[d.id][i]+200)*-1+'px',left:objL[d.id][i]+'px',position:'absolute',margin:0,padding:0,visibility:'visible'});
			});
			
			obP.append( clone );
				
			$(window).bind('load', function(){	
				$.mulai(d);
			});
		
		};
		
		$.mulai = function(d){
		
			boor[d.id] = setInterval( function() { $.startJump(d) }, 200 );
		
		}
		
		$.startJump = function(d){
		
			pos[d.id]++;
			
			if  (pos[d.id] == obj[d.id].length ) {
				
				setTimeout(function(){
				
					$('#'+d.id+' li').css('opacity', 1);
					$('#'+d.id).find('span').css('display', 'block');
					clone.remove();
					
				}, 300);
				clearInterval(boor[d.id]);
				return
			}
			
			$('.jump-no-'+pos[d.id]).animate({ top : obj[d.id][pos[d.id]].offset().top+'px' }, { duration: 700, easing : 'easeOutExpo'} );
		
		}
		
		this.each (
			function(){ init(this); }
		);
	}
	
	$.fn.xloadHome.defaults = {	
		dl : 5000, //delay between object
		sp : 1000
	};
	
})(jQuery);
jQuery('document').ready(function(){
	jQuery('#homenav').xloadHome();
});

/* ========================================
	Portfolio single
	@pakages Xebax V 1.0
======================================== */
(function(z){

	function Pld(){
		
		var TopParent = z('#portfolio-object-box');
		var Parent = z('#pp_start');
		var PObject = z('#portfolio-single-play');
		var Ldowo = PObject.find('li').length;
		
		PObject.css({ width : Ldowo*648+'px'});
		Parent.css('backgroundImage', 'none');
		
		if( Ldowo > 1 ){
			TopParent.after('<ul id="quote_pp_single"></ul>');
			TopParent.css({ margin : 0, padding : 0});
		
			for( k = 0; k < Ldowo; k++ ){
				z('#quote_pp_single').append("<li><a href='#' class='pp_single_bullet' id='pp_single_bullet-"+k+"' rel='"+k+"'></a></li>");
			};
				
			z('#pp_single_bullet-0').addClass('pressed');
		}
		
		if( PObject.find('li:eq(0)').hasClass('image') ){
			var siji = PObject.find('li:eq(0)').find('img');
			
			Parent.animate({ height : siji.height()+'px'}, 400, function(){
			
				PObject.animate({ left : '0px'}, 600, 'easeOutExpo');
			
			});
			
		} else {
		
			PObject.animate({ left : '0px'}, 600, 'easeOutExpo');
		
		};
			
		z('.pp_single_bullet').each(function(){
			
			z(this).click(function(e){
				
				e.preventDefault();
				
				var to = z(this).attr('rel');

				if( !z(this).hasClass('pressed') ){
				
					z('.pressed').removeClass('pressed');
					z(this).addClass('pressed');
					
					var toMove = PObject.find('li:eq('+to+')');
					
					if( toMove.hasClass('image') ){
						var sijix = toMove.find('img').height();
					} else {
						var sijix = 500;
					}
					
					PObject.animate({ left : 648*-to+'px'}, 600, 'easeOutExpo', function(){

						Parent.animate({ height : sijix+'px'}, 400 );

					});
				
				}
			
			});
		
		});
		
	};
	
z(window).load(function(){ Pld(); });
})(jQuery);

( function(hx){
	
	function HmoveDown(){
		var cont = hx('#horizontal-thumb');
		var lil = hx('#homenavi li').length;
		var w, h, th;
		

		
		w = hx(window).height();
		h = hx(window).width();
		th = (w-240)/2;
		hx('#homenavi').css({ width : lil*320+'px'});
		
		cont.animate({ top: th+'px'}, 1800, 'easeOutExpo', function(){
			hx.fn.hoverscroll.params = hx.extend(hx.fn.hoverscroll.params, {
				vertical:false,
				width: hx('#horizontal-thumb').width(),
				height: 240,
				arrows: false
			});
			hx('#horizontal-thumb-scroll').hoverscroll();
		
		});

		
	};

hx(window).load(function(){ HmoveDown(); });
})(jQuery);