ord=Math.random()*10000000000000000;

/******************************************************************************************************************/
// INPUT AUTO FILL HANDLE
/******************************************************************************************************************/

function handleAutoFillInput(){
	mytext = Array();
	
	$('.autofill').each(function(i){
		mytext[i] = $(this).attr('value');
	});
	
	$('.autofill').click(function(){ 
		
		myindex = $('.autofill').index(this);
		$(this).attr('value','');
		
		$(this).blur(function(){ 
			if (this.value == "") this.value = mytext[myindex];
		});
	});
}

/******************************************************************************************************************/
// CAROUSEL HANDLE
/******************************************************************************************************************/

var visible = Array();		// number of visible elements
var mycar = Array();
var current = Array();
var num = Array();
var w = Array();
	
function moveTo(i, index){
	mleft = '-'+ (w[i] * index ) +'px';
	mycar[i].find('UL').animate({ marginLeft: mleft }, 500);
	
	mycar[i].find('.next').css({ cursor: 'pointer', opacity: 1 });
	mycar[i].find('.prev').css({ cursor: 'pointer', opacity: 1 });

	if (index == 0) {
		mycar[i].find('.prev').css({ cursor: 'auto', opacity: 0.2 });
	}
	
	if (index == (num[i] - visible[i])) {
		mycar[i].find('.next').css({ cursor: 'auto', opacity: 0.2 });
	}
}

function handleCarousel(){
		
	// for each carousel instance
	$('.carousel').each(function(i){
		mycar[i] = $(this);
		
		num[i] = mycar[i].find('LI').size();
	
		w[i] = mycar[i].find('LI').width();
		
		mycar[i].find('UL').width();
		
		visible[i] = Math.round(mycar[i].find('.viewport').width() / w[i]);
		
		if (num[i] > visible[i]) {
			current[i] = 0;
			
			mycar[i].find('.prev').css({ cursor: 'auto', opacity: 0.2 });

			// click events 
			mycar[i].find('.next').click(function(){
				if (current[i] < (num[i] - visible[i])) {
					current[i] ++;
					moveTo(i, current[i]);
				}
			});
			
			mycar[i].find('.prev').click(function(){
				if (current[i] > 0) {
					current[i] --;
					moveTo(i, current[i]);
				}
			});
		}
		else {
			mycar[i].find('.nav').hide();			
		}
	});
}

/******************************************************************************************************************/
// SLIDER HANDLE
/******************************************************************************************************************/

function slideTo(index){
	mleft = '-'+ (ws * index ) +'px';
	$('.slider .viewport UL').animate({ marginLeft: mleft }, 500);
	
	sel = index;
	
	$('.slider .nav LI').removeClass('sel');
	$('.slider .nav LI:eq('+ sel +')').addClass('sel');
}

function slideLoop(){
	slideTo(curr_slide);
	
	curr_slide ++;
	if (curr_slide == nums) { curr_slide = 0; }
	
	SliderTimerId = window.setTimeout('slideLoop('+ curr_slide +')', 10000);
}

function handleSlider(){
	nums = $('.slider .nav LI').size();
	
	ws = $('.slider .viewport LI').width();
	curr_slide = 0;
	
	$('.slider .nav').css({
		cursor: 'auto',
		opacity: 0.5
	});
	
	$('.slider .nav LI:eq(0)').addClass('sel');
	
	// loop events
	slideLoop(curr_slide);
	
	// click events
	$('.slider .nav LI').click(function(){
		if (!$(this).hasClass('sel')) {
			curr_slide = $('.slider .nav LI').index(this);
			slideTo(curr_slide);
		}
	});
	
	$('.slider .autoplay').toggle(function(){
		// pause event
		$(this).removeClass('pause');
		$(this).addClass('play');
		clearTimeout(SliderTimerId);		
	}, function(){
		// play event
		$(this).removeClass('play');
		$(this).addClass('pause');
		SliderTimerId = window.setTimeout('slideLoop('+ curr_slide +')', 10000);
	});
}

/******************************************************************************************************************/
// TABS HANDLE
/******************************************************************************************************************/

function handleTabs(){
	$('.tabs .tab').hide();
	
	$('.tabs .sel').each(function(){
		initid = $(this).find('A').attr('href');
		$(initid).show();
		
		initclass = initid.slice(1);
		$(this).parents('UL').addClass(initclass);
	});
	
	$('.tabs .label A').click(function(){
		$(this).parents('.tabs').find('.label LI').removeClass('sel');
		$(this).parent().addClass('sel');
		
		myid = $(this).attr('href');
		
		$(this).parents('.tabs').find('.tab').hide();
		$(myid).show();
		
		myclass = myid.slice(1);
		$(this).parents('UL').removeClass();
		$(this).parents('UL').addClass(myclass);
		
		return false;
	});
}

/******************************************************************************************************************/
// On document load...
/******************************************************************************************************************/

$(function(){
	// handle autofill
	handleAutoFillInput();
	
	// handle carousel
	handleCarousel();
	
	// handle slider
	handleSlider();
	
	// handle tabs
	handleTabs();
	
	// handle accordion
	$('.accordion').accordion({
		autoheight: true,
		event: 'mouseover',
		header: '.head'
	});
	
	
	// single gallery opacity
	$('.singlegall .caption').css({ opacity: 0.8 });
});