/**
* Setting .mac class on bodytag if on mac
* - We can then use the .mac selector in CSS to make speciel mac exceptions...
* 
* @param none
* @return Void
*/
function prepare_for_mac()
{
	if(navigator.platform.indexOf("Mac") != -1 || navigator.userAgent.indexOf("Safari") != -1)
	{
		document.body.className = ( navigator.userAgent.indexOf("Safari") != -1 ? 'mac safari' : 'mac ff' );
	}
}

/**
* Setting hover effect on items for IE6 (Otherwise done by css)
* 
* @param none
* @return Void
*/
function hover_items()
{
	if(navigator.userAgent.indexOf("MSIE 6") != -1)
	{
		jQuery('.item').mouseover(function(){
			jQuery(this).addClass('item_hover');
		});
		jQuery('.item').mouseout(function(){
			jQuery(this).removeClass('item_hover');
		});
	}
}
function hover_buttons()
{
	jQuery('.button').each(function(i)
	{
		jQuery(this).hover(mouseOverHandler, mouseOutHandler);
	});
}
function mouseOverHandler()
{
	jQuery(this).parent().find('.img1').css('display','none');
	jQuery(this).parent().find('.img2').css('display','block');
}
function mouseOutHandler()
{
	jQuery(this).parent().find('.img1').css('display','block');
	jQuery(this).parent().find('.img2').css('display','none');
}

// Add "onLoad events"
jQuery(document).ready( function()
{
	prepare_for_mac();
	hover_items();
	hover_buttons();
});