/* This file stores JS that is used in all pages */

jQuery(document).ready(function() {		
	/* Add play buttons on class .videoThumb */	
	jQuery('.videoThumb').prepend('<span></span>');
	
	/* Add ribbons on class .winner */	
	jQuery('.winner').prepend('<span></span>');
	
	/* Fix Contact Form Textarea Focus */
	jQuery(".textarea textarea")
		.focus(function() {jQuery(this).parents('.textarea').addClass("focus");})
		.blur(function() {jQuery(this).parents('.textarea').removeClass("focus");});
	
	/* Remove the scrolbars from textarea in Opeara  */	
	jQuery.each(jQuery.browser, function(i) {
		if($.browser.opera) $("textarea").css("overflow","hidden");
	});
		
	/* Start Portofolio Carousel */
	jQuery("#portofolioSlider .carousel").jcarousel({
		scroll: 4,
		animation: 1500,
		easing: 'easeOutExpo',
		initCallback:  portofolioCarouselInit,
		buttonNextCallback: portofolioCarouselNext,
		buttonPrevCallback: portofolioCarouselPrev,
		itemLoadCallback: {onAfterAnimation: portofolioCarouselCounter}
	});
});

/* Portofolio Carousel Callback Functions */
var itemP, itemN;
function portofolioCarouselInit(carousel) {
	jQuery('#portofolioSlider .jcarousel-next').bind('click', function() {
		carousel.next();
		return false;
	});	
	jQuery('#portofolioSlider .jcarousel-prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function portofolioCarouselNext(carousel, button, enabled) {
	enabled ? jQuery('#portofolioSlider .jcarousel-next').removeClass("disabled") : jQuery('#portofolioSlider .jcarousel-next').addClass("disabled");
};
function portofolioCarouselPrev(carousel, button, enabled) {
	enabled ? jQuery('#portofolioSlider .jcarousel-prev').removeClass("disabled") : jQuery('#portofolioSlider .jcarousel-prev').addClass("disabled");
}; 
function portofolioCarouselCounter(carousel, state) {
	if(state == "init") {
			itemN = jQuery("#portofolioSlider .carousel ul li").size();
			itemN < 4 ? itemP = itemN : itemP = 4;
			jQuery("#portofolioSlider .counter").text(itemP+"/"+itemN);	
	}
	if(state == "next") {
		if(!jQuery(this).hasClass("disabled")){
			if(itemP + 4 > itemN) itemP += itemN-itemP;
			else itemP += 4;
			jQuery("#portofolioSlider .counter").text(itemP+"/"+itemN);	
		}
	}
	if(state == "prev") {
		if(!jQuery(this).hasClass("disabled")){
			if(itemP - 4 < 4) itemP -= itemP-4;
			else itemP -= 4;
			jQuery("#portofolioSlider .counter").text(itemP+"/"+itemN);	
		}
	}
}

/* Start jQuery.ScrollTo Plugin  */
/**
 * jQuery.ScrollTo - Easy element scrolling using jQuery.
 * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
 * Dual licensed under MIT and GPL.
 * Date: 5/25/2009
 * @author Ariel Flesler
 * @version 1.4.2
 *
 * http://flesler.blogspot.com/2007/10/jqueryscrollto.html
 */
;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);
/* End jQuery.ScrollTo Plugin  */

/* Make the tabbed menu */
jQuery(document).ready(function() {
	jQuery('#tabContainer .tabContent .viewAll').hide();
	jQuery('#tabNav').show();
	jQuery('#tabNav .jcarouselPrev2, #tabNav .jcarouselNext2').hide();

	jQuery('#tabHolder').width((parseInt(jQuery('#tabMask').width()+30) * jQuery('#tabContainer .tabContent').length));
	
	jQuery('#tabContainer .tabContent').width(jQuery('#tabMask').width());
			
	jQuery("#tabNav .viewAll").append(jQuery(jQuery('#tabs li.active').find('a').attr('href')).find('.viewAll').html());	
	
	jQuery('#tabMask').height($('#tab1').find('li').outerHeight()*4);
	
	jQuery('#tabMenu #tab1 .jcarousel-clip').height(jQuery('#tab1').find('li').outerHeight()*4);
	jQuery('#tabMenu #tab2 .jcarousel-clip').height(jQuery('#tab2').find('li').outerHeight()*3);

	jQuery('#tabs li').click(function () {
		if(jQuery(this).find('a').attr('href') == "#tab1") {
			var panelheight = $($(this).find('a').attr('href')).find('li').outerHeight()*4;
			jQuery('#tabNav .jcarouselPrev2, #tabNav .jcarouselNext2').hide();
			jQuery('#tabNav .jcarouselPrev1, #tabNav .jcarouselNext1').show();

		} else {
			var panelheight = jQuery($(this).find('a').attr('href')).find('li').outerHeight()*3;
			jQuery('#tabNav .jcarouselPrev1, #tabNav .jcarouselNext1').hide();
			jQuery('#tabNav .jcarouselPrev2, #tabNav .jcarouselNext2').show();
		}
				
		jQuery('#tabs li').removeClass('active');
		jQuery(this).addClass('active');
		
		jQuery('#tabMask').animate({'height':panelheight},{queue:false, duration:800});	
		jQuery('#tabMask .jcarousel-clip').animate({'height':panelheight},{queue:false, duration:800});	
		
		jQuery('#tabMask').scrollTo($(this).find('a').attr('href'), 800);
		
		jQuery("#tabNav .viewAll").empty().append(jQuery(jQuery(this).find('a').attr('href')).find('.viewAll').html());	
				
		return false;		
	});
	
	jQuery('#tab1').jcarousel({
        scroll: 4,
		vertical: true,
		animation: 1500,
		easing: 'easeOutExpo',
		initCallback:  tab1CarouselInit,
		buttonNextCallback: tab1CarouselNext,
		buttonPrevCallback: tab1CarouselPrev
    });	
	
	jQuery('#tab2').jcarousel({
        scroll: 4,
		vertical: true,
		animation: 1500,
		easing: 'easeOutExpo',
		initCallback:  tab2CarouselInit,
		buttonNextCallback: tab2CarouselNext,
		buttonPrevCallback: tab2CarouselPrev
    });	

});

function tab1CarouselInit(carousel) {
	jQuery('#tabNav .jcarouselNext1').bind('click', function() {
		carousel.next();
		return false;
	});	
	jQuery('#tabNav .jcarouselPrev1').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function tab1CarouselNext(carousel, button, enabled) {
	enabled ? jQuery('#tabNav .jcarouselNext1').removeClass("disabled") : jQuery('#tabMenu .jcarouselNext1').addClass("disabled");
};
function tab1CarouselPrev(carousel, button, enabled) {
	enabled ? jQuery('#tabNav .jcarouselPrev1').removeClass("disabled") : jQuery('#tabMenu .jcarouselPrev1').addClass("disabled");
};

function tab2CarouselInit(carousel) {
	jQuery('#tabNav .jcarouselNext2').bind('click', function() {
		carousel.next();
		return false;
	});	
	jQuery('#tabNav .jcarouselPrev2').bind('click', function() {
		carousel.prev();
		return false;
	});
};
function tab2CarouselNext(carousel, button, enabled) {
	enabled ? jQuery('#tabNav .jcarouselNext2').removeClass("disabled") : jQuery('#tabMenu .jcarouselNext2').addClass("disabled");
};
function tab2CarouselPrev(carousel, button, enabled) {
	enabled ? jQuery('#tabNav .jcarouselPrev2').removeClass("disabled") : jQuery('#tabMenu .jcarouselPrev2').addClass("disabled");
};

/* Start ToggleVal Plugin  */
/* -------------------------------------------------- *
 * ToggleVal 2.1
 * Updated: 1/16/09
 * -------------------------------------------------- *
 * Author: Aaron Kuzemchak
 * URL: http://aaronkuzemchak.com/
 * Copyright: 2008-2009 Aaron Kuzemchak
 * License: MIT License
** -------------------------------------------------- */
(function(jQuery){jQuery.fn.toggleVal=function(theOptions){if(!theOptions||typeof(theOptions)=="object"){theOptions=jQuery.extend({focusClass:"tv-focused",changedClass:"tv-changed",populateFrom:"default",text:null,removeLabels:false},theOptions)}else if(typeof(theOptions)=="string"&&theOptions.toLowerCase()=="destroy"){var destroy=true}return this.each(function(){if(destroy){jQuery(this).unbind("focus.toggleval").unbind("blur.toggleval").removeData("defText");return false}var defText="";switch(theOptions.populateFrom){case"alt":defText=jQuery(this).attr("alt");jQuery(this).val(defText);break;case"label":defText=jQuery("label[for='"+jQuery(this).attr("id")+"']").text();jQuery(this).val(defText);break;case"custom":defText=theOptions.text;jQuery(this).val(defText);break;default:defText=jQuery(this).val()}jQuery(this).addClass("toggleval").data("defText",defText);if(theOptions.removeLabels==true){jQuery("label[for='"+jQuery(this).attr("id")+"']").remove()}jQuery(this).bind("focus.toggleval",function(){if(jQuery(this).val()==jQuery(this).data("defText")){jQuery(this).val("")}jQuery(this).addClass(theOptions.focusClass).removeClass(theOptions.changedClass)}).bind("blur.toggleval",function(){if(jQuery(this).val()==""){jQuery(this).val(jQuery(this).data("defText"))}jQuery(this).removeClass(theOptions.focusClass);if(jQuery(this).val()!=jQuery(this).data("defText")){jQuery(this).addClass(theOptions.changedClass)}else{jQuery(this).removeClass(theOptions.changedClass)}})})}})(jQuery);
/* End ToggleVal Plugin  */

/* Start customInput() Plugin  */
/*-------------------------------------------------------------------- 
 * jQuery plugin: customInput()
 * by Maggie Wachs and Scott Jehl, http://www.filamentgroup.com
 * Copyright (c) 2009 Filament Group
 * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
 * Article: http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/  
--------------------------------------------------------------------*/
jQuery.fn.customInput=function(){jQuery(this).each(function(i){if(jQuery(this).is('[type=checkbox],[type=radio]')){var input=jQuery(this);var label=jQuery('label[for='+input.attr('id')+']');var inputType=(input.is('[type=checkbox]'))?'checkbox':'radio';jQuery('<div class="custom-'+inputType+'"></div>').insertBefore(input).append(input,label);var allInputs=jQuery('input[name='+input.attr('name')+']');label.hover(function(){jQuery(this).addClass('hover');if(inputType=='checkbox'&&input.is(':checked')){jQuery(this).addClass('checkedHover');}},function(){jQuery(this).removeClass('hover checkedHover');});input.bind('updateState',function(){if(input.is(':checked')){if(input.is(':radio')){allInputs.each(function(){jQuery('label[for='+jQuery(this).attr('id')+']').removeClass('checked');});};label.addClass('checked');}
else{label.removeClass('checked checkedHover checkedFocus');}}).trigger('updateState').click(function(){jQuery(this).trigger('updateState');}).focus(function(){label.addClass('focus');if(inputType=='checkbox'&&input.is(':checked')){jQuery(this).addClass('checkedFocus');}}).blur(function(){label.removeClass('focus checkedFocus');});}});};
/* End customInput() Plugin  */

jQuery(document).ready(function() {		
	/* Add a class for all the input fields that need a custom look */
	jQuery('.customRadioHere').addClass('customRadio');
	jQuery('.customCheckboxHere').addClass('customCheckbox');
	
	/* Using  customInput plugin make a custom looking radio and checkbox */
	jQuery('input').customInput();
	
	/* Hide the default looking radio and checkbox */
	jQuery('.customCheckboxHere input, .customRadioHere input').css({'left':'-9999px'});
	
	/* Lightbox Settings */		
	jQuery.nyroModalSettings({
		minWidth: 340,
		closeButton: '<a href="#" class="nyroModalClose" id="closeBut" title="close window">close window</a>',
		showBackground: function (elts, settings, callback) {
			elts.bg.css({opacity:0}).fadeTo(500, 0.5, callback);
		}
	});

	/* Login Lightbox */
	jQuery('.loginLightbox').nyroModal({
		width:340,
		endShowContent: function (elts, settings, callback) {			
			sIFR.replace(myriadPro, {
				selector: '#login h2',
				wmode: 'transparent',
				css: ['.sIFR-root {color:#464646;}']
			});
		}
	});
	
	
		/* Video Lightbox */
	jQuery('.videoLightbox').nyroModal({
		width:480,
		height:355,
		windowResize: true,
 	    resizable: true, // Indicate if the content is resizable. Will be set to false for swf
        autoSizable: true,
		endShowContent: function (elts, settings, callback) {			
			sIFR.replace(myriadPro, {
				selector: '#login h2',
				wmode: 'transparent',
				css: ['.sIFR-root {color:#464646;}']
			});
		}
	});
	

	
	
	
		/* Video Lightbox */
	jQuery('.videoLightboxFront').nyroModal({
		width:620,
		height:500,
		windowResize: true,
 	    resizable: true, // Indicate if the content is resizable. Will be set to false for swf
        autoSizable: true,
		endShowContent: function (elts, settings, callback) {			
			sIFR.replace(myriadPro, {
				selector: '#login h2',
				wmode: 'transparent',
				css: ['.sIFR-root {color:#464646;}']
			});
		}
	});
		
	
	
	
	/* Image Lightbox */
	jQuery('.imageLightbox').nyroModal({});
	
//	/* Footer Contact Form Settings */
//	var contactForm = $("#footerForm");  
//	var inputName = contactForm.find(".name"); 
//	var inputEmail = contactForm.find(".email");  
//	var inputMessage = contactForm.find(".message");
//	var loadingImage = contactForm.find('.loadingImage');	
//	var responseText = contactForm.find(".responseText");
//
//	// On Submitting  	
//	contactForm.bind("submit", function(e){
//		if(validateName(e, inputName) & validateEmail(e, inputEmail) & validateMessage(e, inputMessage)) { 
//			ajaxSend(contactForm, responseText, loadingImage);
//		};
//		return false;
//	});
		
	var contactForm = $("#footerForm");  
	var inputName = contactForm.find(".name"); 
	var inputEmail = contactForm.find(".email");  
	var inputMessage = contactForm.find(".message");
	var loadingImage = contactForm.find('.loadingImage');	
	var responseText = contactForm.find(".responseText");
	
	
	$('#footerFormClick').click(function(e){
		if(validateName(e, inputName) & validateEmail(e, inputEmail) & validateMessage(e, inputMessage)) { 
			ajaxSend(contactForm, responseText, loadingImage);
		};
		return false;
	});
	
		
		
		
	// On key press  
	inputName.bind("keyup", function(e){
		validateName(e,  inputName);
	});
	inputEmail.bind("keyup", function(e){
		validateEmail(e,  inputEmail);
	});
	inputMessage.bind("keyup", function(e){
		validateMessage(e,  inputMessage);
	});
	
	/* Using ToggleVal Plugin to make the text in textInput forms toggle */
	jQuery(".textInput").toggleVal();
});

/* Functions requierd by the contact forms */
function validateName(event, input){  
	if(input.val().length < 4 || input.val() == "your name"){
		if(event.type != "keyup") {
			input.addClass("error"); 
			input.parent().find('.errorText').slideDown(); 
		}
		return false;
	}else{input.removeClass("error"); input.parent().find('.errorText').slideUp(); return true;}  
}
function validateEmail(event, input){
	var a = input.val();
	var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/;
	
	if(filter.test(a)){
		input.removeClass("error"); 
		input.parent().find('.errorText').slideUp(); 
		return true;
	}else{
		if(event.type != "keyup") {
			input.addClass("error"); 
			input.parent().find('.errorText').slideDown(); 
		}
		return false;
	}
} 
function validateMessage(event, input){  
	if(input.val().length < 10 || input.val() == "your message"){
		if(event.type != "keyup") {
			input.parent().addClass("error"); 
			input.parent().find('.errorText').slideDown(); 
		}
		return false;
	}else{input.parent().removeClass("error"); input.parent().find('.errorText').slideUp(); return true;}  
} 
function ajaxSend(form, response, loading){	
	loading.show();
	response.slideUp().animate({X:""} , 200, "linear", function(){
		response.html('<small class="grey">Please wait, your message is being processed.</small><br />').slideDown();		
	});
	
	// Make AJAX request 		
	$.post('../includes/contactScript.php', form.serialize(), function(data){
		loading.hide(200);
		response.slideUp().animate({X:""} , 200, "linear", function(){response.html(data).slideDown();});
	});

	//Cancel default action
	return false;
};