/*******************************************************************************

	CSS on Sails Framework
	Title: Blue Mountain
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: January 2011

*******************************************************************************/

var shuffle = function(v){
    for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x);
    return v;
};

$(document).ready(function() {

// Image Slider
$("#slider").easySlider({
	auto: true, 
	continuous: true
});

// Navigation
$('#navigation h3').each(function(i) {
	$(this).find('a').prepend('<b>0' + (i+1) + '.<u class="tl"></u><u class="tr"></u><u class="bl"></u><u class="br"></u></b>');
	$(this).after('<div class="br"></div>').next().append($(this).next().nextAll()).append('<s></s>').wrapInner('<div class="bl"></div>');
	var dropDown = $(this).next();
	$(this).parent().hover(
			function() { dropDown.show() },
			function() { dropDown.hide() }
		);
});

// Utility Links
$('#util h4').each(function(i) {
	if(i == 0) $(this).parent().append('<i></i>');
	else $(this).parent().before('<b>|</b>');
	$(this).find('a').append('<u class="tl"></u><u class="tr"></u><u class="bl"></u><u class="br"></u>');
	$(this).next().wrap('<div></div>').after('<s></s>');
	var dropDown = $(this).next();
	var roundCover = $(this).parent().find('i');
	$(this).parent().hover(
			function() { dropDown.toggle(); roundCover.toggle() },
			function() { dropDown.toggle(); roundCover.toggle() }
		);
});

// Misc
$('#subnav:only-child').parent().addClass("subnav");
$('#sidebar').after('<s></s>').children('div').last().addClass("last").after('<u class="bottom"></u>');
$('#subnav h4 span').append('<u class="tl"></u><u class="tr"></u><u class="bl"></u><u class="br"></u>')
$('#suppnav li').prepend('<b>|</b>');
$('div.quote p').prepend('<b class="before"><i>&ldquo;</i></b>').append('<b class="after"><i>&rdquo;</i></b>');
$('div.pag a, div.pag b').not(':first').before('<span>|</span>');
$('#content a.btn').addClass("fancy").wrapInner('<u><i><s></s></i></u>');
$('#content > ol li').wrapInner('<div></div>');
$('div.comparison').each(function() {
	$(this).append('<u class="tl"></u><u class="tr"></u><u class="bl"></u><u class="br"></u>');
	$(this).find('tr:even').addClass("odd");
	$(this).find('tr:last-child').addClass("last");
	$(this).find('td').not(':first-child').each(function() { $(this).html(this.innerHTML.replace("V",'<b></b>')) });
});
$('div.logos').each(function() {
	var list = $(this).find('ul').eq(0);
	var listItems = shuffle($(this).find('li'));
	listItems.wrapInner('<table><td></td></table>');
	
	for(var i = 0; i < Math.ceil(listItems.length/3); i++){
		list.append('<div class="slide"></div>');
      		for(var j = 0; j < listItems.length; j++){
      			// if($(this).find('li').eq(0).parent().get(0).tagName.match(/ul/i)) $(this).find('li').eq(0).appendTo(list.get(0).lastChild);
      		  if((j + (i * 3)) >= listItems.length) {
      		    $(listItems[j - 1]).clone().appendTo(list.get(0).lastChild);
      		  } else {
      		    $(listItems[j + (i * 3)]).appendTo(list.get(0).lastChild);
      		  }
      			if(((j + 1) % 3) === 0) break;
      		}
	}
	$(this).find('ul').galleryView({
		panel_width: 600,
		panel_height: 104,
		transition_speed: 700,
		transition_interval: 6000,
		pause_on_hover: true,
		easing: 'easeInOutQuad'
	});
})
$('div.opt').each(function() {
	var listItem = $(this).find('li');
	var tr = '<tr><td></td><td></td></tr>';
	for(var i = 0, tableContent = ''; i < listItem.length; i ++) tableContent += tr;
	$(this).append('<table>' + tableContent + '</table>')
	for(var i = 0, tableRow = $(this).find('tr'); i < listItem.length; i ++){
		tableRow.eq(i).find('td').eq(0).append(listItem.eq(i).find('a').eq(0));
		tableRow.eq(i).find('td').eq(1).append(listItem.eq(i).find('span').eq(0));
	}
	$(this).find('ul').addClass("fancy");
});

if(typeof Custom != "undefined") Custom.init();

// Function
function focusClear(ele) {
	if(ele.value == ele.defaultValue) ele.value = "";
	if(!ele.onblur) ele.onblur = function() { if(this.value == "") this.value = ele.defaultValue }
}
$('#search input[type="text"]').focus(function() { focusClear(this) });

// Browser Detection
if($.browser.msie){
	$('html').addClass("ie");
	if     ($.browser.version.substring(0, 2) == "7.") $('html').addClass("ie7");
	else if($.browser.version.substring(0, 2) == "8.") $('html').addClass("ie8");
}
else if($.browser.opera) $('html').addClass("opera");
else if($.browser.webkit) $('html').addClass("webkit");
else if($.browser.mozilla) $('html').addClass("moz");

});