//Creates HTML5 elements for older browsers
function createHTML5() {	
	if (navigator.appName == 'Microsoft Internet Explorer') {
		var HTML5Elements = ['abbr','article','aside','audio','canvas','details','figcaption','figure','footer','header','hgroup','mark','meter','nav','output','progress','section','summary','time','video'];
		var x;
		for (x in HTML5Elements) {
			document.createElement(HTML5Elements[x]);
		}
	}
}

var device_is_mobile = false;

$(document).ready(function(){
	check_ie6();
	$(document).uikit();
	is_mobile();
	setup_nav();
	get_tweets();
	setup_styles();
	setup_banner();
	setup_blogroll();
	search_terms();
	setup_indices();
	listeners();
	image_cycler();
	form_listeners();
	media_images();
	grid_tabs();
});

$('a[link_action]').live('click',function(){
	switch ( $(this).attr('link_action') ) {
		case 'mobile_menu' :
			$('.ui_mobile_menu').slideToggle();
			$('.ui_mobile_nav').toggleClass('ui_mobile_nav_open');
			break;
	}
	return false;
	
});

function check_ie6() {
	if ( $.browser.msie && $.browser.version == "6.0" ) {
		alert('Please consider upgrading your browser.');
		window.location = "http://www.google.com/chrome";
	}
}

function is_mobile() {
	device_is_mobile = ( $(window).width() > 520 ) ? false : true;	
}

function grid_tabs() {
	if ( $('.grid_tabs').length > 0 ) {
		$('.grid_tabs .grid_tabs_section').hide();
		$('.grid_tabs .grid_tabs_menu a').live({
			'click' : function() {
				$(this).closest('ul').find('li').removeClass('selected');
				var link_id = $(this).attr('tab_id');
				$(this).closest('li').addClass('selected');
				$('.grid_tabs .grid_tabs_section').hide();
				$('.grid_tabs .grid_tabs_section').filter(function(){
					return $(this).attr('id') == link_id;
				}).show();
				return false;
			}
		});
		$('.grid_tabs .grid_tabs_menu a:eq(0)').trigger('click');
	}
}

function form_listeners() {
	$('textarea[ui_action="select_text"]').live({
		'click' : function() {
			$(this).select();
		}
	});
}


$(window).load(function(){
	setup_carousel();
	$('section, .sharing, .presenters, .social_grid, .customer_logos').each(function(){
		$(this).prepend('<img src="http://argylesocial.com/argyle-ui/img/silver.png" class="bevel" />');
	});
});

function media_images() {
	if ( $('.media_video').length > 0  ) {
		$('.media_video a').append('<span class="video_overlay"></span>');
		var video_hover = new Image(1,1); 
		video_hover.src = "http://argylesocial.com/argyle-ui/img/video_hover.png";
	}
}

function image_cycler() {
	if ( $('.ui_slideshow').length > 0 ) { 
		$('.ui_slideshow').each(function(){
			$(this).cycle({
				fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
			});
		});
	}
}

function listeners() {
	$('.teaser a').live({
		'click' : function() {
			if ( $(this).attr('href') == '#' ) {
				$(this).closest('.media_large').hide();
				$(this).closest('.media_form').find('.form_code').show();
				return false;
			}
		}		
	});	
}

var loading = '<img src="http://argylesocial.com/argyle-ui/img/spacer.gif" alt="loading" class="ui_loading" />';

function get_tweets() {
	if ( $('.twitter_widget').length > 0 ) {
		$('.twitter_widget').each(function(){
			var twitter_type = $(this).attr('twitter_type');
			var twitter_user = ( $(this).attr('twitter_user') ) ? $(this).attr('twitter_user') : 'argylesocial';
			var twitter_length = ( $(this).attr('twitter_length') ) ? $(this).attr('twitter_length') : 2;
			var twitter_widget = $(this);
			switch ( twitter_type ) {
				case 'favorites' :
					twitter_widget.html(loading);
					$.ajax({
						type: "GET",
						url: 'http://twitter.com/favorites/'+twitter_user+'.json',
						dataType: 'jsonp',
						success: function(tweets) {
							twitter_widget.html('');
							var favs = $('<div />');
							var max_length = ( tweets.length > twitter_length ) ? twitter_length : tweets.length;
							for ( var i = 0 ; i < tweets.length ; i++ ) {
								var tweet = tweets[i];
								var post = $('<div class="social_post" />');
								var avat = $('<a class="social_avatar" target="_blank" />');
								var avat_img = $('<img />');
								var auth = $('<div class="social_author" />');
								var auth_h = $('<h5 />');
								var auth_a = $('<a />');
								var cont = $('<div class="social_content" />');
								var cont_p = $('<p />');
								var cite = $('<div class="social_cite" />');
								var cite_c = $('<cite />');
								var cite_a = $('<a target="_blank" />');
								var cite_a2 = $('<a target="_blank" />');
								var cite_a3 = $('<a target="_blank" />');
								var cite_a4 = $('<a target="_blank" />');
								avat.attr('href','http://twitter.com/#!/'+tweet.user.screen_name);
								avat_img.attr('src',tweet.user.profile_image_url);
								auth_a.attr('href','http://twitter.com/#!/'+tweet.user.screen_name).html(tweet.user.screen_name);
								cont_p.html(convert_tags(tweet.text));
								cite_a.attr('href','http://twitter.com/#!/'+tweet.user.screen_name+'/status/'+tweet.id_str).html(pretty_time(new Date(Date.parse(tweet.created_at))),'tiny');
								cite_a2.html('reply').attr('href','http://twitter.com/intent/tweet?in_reply_to='+tweet.id_str);
								cite_a3.html('retweet').attr('href','http://twitter.com/intent/retweet?tweet_id='+tweet.id_str);
								cite_a4.html('favorite').attr('href','http://twitter.com/intent/favorite?tweet_id='+tweet.id_str);
								avat.append(avat_img);
								auth_h.append(auth_a);
								auth.append(auth_h);
								cont.append(cont_p);
								cite_c.append(cite_a).append(cite_a2).append(cite_a3).append(cite_a4);
								cite.append(cite_c);
								post.append(avat).append(auth).append(cont).append(cite);
								favs.append(post);
								delete post;
								delete avat;
								delete avat_img;
								delete auth;
								delete auth_h;
								delete auth_a;
								delete cont;
								delete cont_p;
								delete cite;
								delete cite_c;
								delete cite_a;
								delete cite_a2;
								delete cite_a3;
								delete cite_a4;
							}
							var cycle = $('<div />');
							for ( var x = 0 ; x < favs.children().length / twitter_length ; x++ ) {
								var section = $('<div />');
								for ( var i = 0 ; i < twitter_length ; i++ ) {
									var single_post = favs.find('.social_post:eq('+i+')');
									section.append(single_post);
								}
								cycle.append(section);
							}
							twitter_widget.append(cycle);
							cycle.cycle({
								fx: 'fade',
								timeout: 6000
							});
							delete favs;
						},
						error: function() {
							
						}
					});

					break;
				case 'tweets' :
					twitter_widget.html(loading);
					$.ajax({
						type: "GET",
						url: 'http://api.twitter.com/1/statuses/user_timeline.json',
						dataType: 'jsonp',
						data: {
							'screen_name'		: 	twitter_user,
							'include_rts'		: 	false,
							'count'				: 	20,
							'include_entities'	: 	true
						},
						success: function(tweets) {
							twitter_widget.html('');
							var favs = $('<div />');
							var max_length = ( tweets.length > twitter_length ) ? twitter_length : tweets.length;
							for ( var i = 0 ; i < tweets.length ; i++ ) {
								var tweet = tweets[i];
								var post = $('<div class="social_post" />');
								var avat = $('<a class="social_avatar" target="_blank" />');
								var avat_img = $('<img />');
								var auth = $('<div class="social_author" />');
								var auth_h = $('<h5 />');
								var auth_a = $('<a />');
								var cont = $('<div class="social_content" />');
								var cont_p = $('<p />');
								var cite = $('<div class="social_cite" />');
								var cite_c = $('<cite />');
								var cite_a = $('<a target="_blank" />');
								var cite_a2 = $('<a target="_blank" />');
								var cite_a3 = $('<a target="_blank" />');
								var cite_a4 = $('<a target="_blank" />');
								avat.attr('href','http://twitter.com/#!/'+tweet.user.screen_name);
								avat_img.attr('src',tweet.user.profile_image_url);
								auth_a.attr('href','http://twitter.com/#!/'+tweet.user.screen_name).html(tweet.user.screen_name);
								cont_p.html(convert_tags(tweet.text));
								cite_a.attr('href','http://twitter.com/#!/'+tweet.user.screen_name+'/status/'+tweet.id_str).html(pretty_time(new Date(Date.parse(tweet.created_at))),'tiny');
								cite_a2.html('reply').attr('href','http://twitter.com/intent/tweet?in_reply_to='+tweet.id_str);
							//	cite_a3.html('retweet').attr('href','http://twitter.com/intent/retweet?tweet_id='+tweet.id_str);
							//	cite_a4.html('favorite').attr('href','http://twitter.com/intent/favorite?tweet_id='+tweet.id_str);
								avat.append(avat_img);
								auth_h.append(auth_a);
								auth.append(auth_h);
								cont.append(cont_p);
								cite_c.append(cite_a);
								cite_c.append(cite_a2);
							//	cite_c.append(cite_a3)
							//	cite_c.append(cite_a4);
								cite.append(cite_c);
								post.append(avat).append(auth).append(cont).append(cite);
								favs.append(post);
								delete post;
								delete avat;
								delete avat_img;
								delete auth;
								delete auth_h;
								delete auth_a;
								delete cont;
								delete cont_p;
								delete cite;
								delete cite_c;
								delete cite_a;
								delete cite_a2;
								delete cite_a3;
								delete cite_a4;
							}
							var cycle = $('<div />');
							for ( var x = 0 ; x < favs.children().length / twitter_length ; x++ ) {
								var section = $('<div />');
								for ( var i = 0 ; i < twitter_length ; i++ ) {
									var single_post = favs.find('.social_post:eq('+i+')');
									section.append(single_post);
								}
								cycle.append(section);
							}
							twitter_widget.append(cycle);
							cycle.cycle({
								fx: 'fade',
								timeout: 6000
							});
							delete favs;
						},
						error: function() {
							
						}
					});
				
			
					
					break;
			}
		});
	}
}

function convert_tags(text) {

	var newText = text.replace(/>/g, "&gt;").replace(/</g, "&lt;");
	var contentLinks = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;
	var twitterHandles = /(@([\w]*[\w]))/gim;
	var hashTags = /(#([\w]*[\w]))/gim;
	if (text) {
		newText = newText.replace(contentLinks, '<a href="$1" target="_blank" >$1</a>');
		newText = newText.replace(twitterHandles, '<a href="http://www.twitter.com/$2" target="_blank" >$1</a>');
		newText = newText.replace(hashTags, '<a href="http://search.twitter.com/search?q=%23$2" target="_blank" >$1</a>');
	} else {
		newText = "";
	}
	return newText;
	delete newText;
	delete contentLinks;
	delete twitterHandles;
	delete hashTags;
	
}

function setup_styles() {
	
	$('.box').each(function(){
		$(this).prepend('<span class="box_shadows"><span class="box_shadows_topleft"></span><span class="box_shadows_topright"></span><span class="box_shadows_bottomleft"></span><span class="box_shadows_bottomright"></span><span class="box_shadows_bottom"></span><span class="box_shadows_top"></span><span class="box_shadows_left"></span><span class="box_shadows_right"></span></span>')
	});
	
	$('.ui_header .ui_navigation ul li a.ui_button').each(function(){
		$(this).prepend('<span class="box_shadows"><span class="box_shadows_topleft"></span><span class="box_shadows_topright"></span><span class="box_shadows_bottomleft"></span><span class="box_shadows_bottomright"></span><span class="box_shadows_bottom"></span><span class="box_shadows_top"></span><span class="box_shadows_left"></span><span class="box_shadows_right"></span></span>')
	});
	
	
	
	$('.ui_taskbar').each(function(){
		$(this).prepend('<span class="box_shadows"><span class="box_shadows_top"></span><span class="box_shadows_top"></span></span>')
	});
	
}

function setup_indices() {
	
	$('.indexed').each(function(h){
		var headings = $(this).find("h1, h2, h3, h4, h5, h6");
		var biggest_heading = 6;
		for ( var x = 0 ; x < 5 ; x++ ) {
			biggest_heading = ( $(this).find( 'h' + parseFloat( 6 - x ) ).length > 0 ) ? parseFloat( 6 - x ) : biggest_heading;			
		}
		if ( headings.length > 0 ) {
			var index = $('<div class="index" style="display:none;" />');
			var index_list = $('<ul class="index_list" />');
			headings.each(function(i) {
				var heading_title = 'a'+parseFloat(h+1)+'h'+parseFloat(i+1);
				var heading_level = parseFloat( $(this)[0].tagName.replace(/h/i,'') ) - biggest_heading + 1 ;
				$(this).attr('id',heading_title);
				var index_li = $('<li />');
				var index_link = $('<a />');
				index_link.attr('href','#'+heading_title);
				index_link.html($(this).html());
				index_li.attr('class','index_'+heading_level);
				index_li.append(index_link);
				index_list.append(index_li);
			});
			index.append('<h4>Contents</h4>');
			index.append(index_list);
			$(this).before(index);
			index.fadeIn();			
		}
	});
	
}

function setup_banner() {
	if ( $('.ui_banner .banner_spot').length > 1 && !device_is_mobile ) {
		var max_h = 0;
		var max_h_inner = 0;
		var iterate = 7000;
		$('.ui_banner .banner_spot').each(function(){
			max_h = ( $(this).outerHeight() > max_h ) ? $(this).outerHeight() : max_h;
			max_h_inner = ( $(this).height() > max_h_inner ) ? $(this).height() : max_h_inner;
		});
		$('.ui_banner').css({
			'min-height' : max_h - 135
		});
		$('.ui_banner .banner_spot').css({
			'min-height' : max_h_inner,
			'position' : 'absolute'
		});
		$('.ui_banner .banner_spot:gt(0)').hide();
		var banner_start = setTimeout(function(){
			banner_next(0,$('.ui_banner .banner_spot').length ,iterate);
		},iterate*0.5);
	}
}

function banner_next(current,total,speed) {
	$('.ui_banner .banner_spot:eq('+current+')').fadeOut(function(){
		if ( current + 1 < total ) {
			$('.ui_banner .banner_spot:eq(' + parseFloat(current + 1) + ')').fadeIn();
			var banner_iterate = setTimeout(function(){banner_next(current+1,total,speed);},speed);
		} else {
			$('.ui_banner .banner_spot:eq(0)').fadeIn();
			var banner_iterate = setTimeout(function(){banner_next(0,total,speed);},speed);
		}
	});
}

function setup_blogroll() {
	if ( $('.blogroll .blogroll_entry').length > 1 ) {
		$('.blogroll .blogroll_entry:gt(0)').hide();
		var iterate = 5000;
		var blogroll_start = setTimeout(function(){
			blogroll_next(0,$('.blogroll .blogroll_entry').length ,iterate)
		},iterate*0.5);
	}
}


function blogroll_next(current,total,speed) {
	$('.blogroll .blogroll_entry:eq('+current+')').fadeOut(function(){
		if ( current + 1 < total ) {
			$('.blogroll .blogroll_entry:eq(' + parseFloat(current + 1) + ')').fadeIn();
			var blogroll_iterate = setTimeout(function(){blogroll_next(current+1,total,speed);},speed);
		} else {
			$('.blogroll .blogroll_entry:eq(0)').fadeIn();
			var blogroll_iterate = setTimeout(function(){blogroll_next(0,total,speed);},speed);
		}
	});
}

function setup_carousel() {
	if ( $('.carousel').length > 0 ) {
		$('.carousel').each(function(){
			var carousel_width = 0;
			$(this).find('li').each(function(){
				carousel_width += $(this).width();
			});
			var speed = carousel_width*20;
			$(this).find('ul').css('width',carousel_width);
			$(this).find('.carousel_container').css('width',carousel_width*4);
			carousel_animate($(this),carousel_width,speed);
		});
	}
}

function carousel_animate(carousel,carousel_width,speed) {
	carousel.find('.carousel_container').css('left',0);
	carousel.find('ul:gt(0)').remove();
	carousel.find('ul:eq(0)').after(carousel.find('ul:eq(0)').clone()).after(carousel.find('ul:eq(0)').clone()).after(carousel.find('ul:eq(0)').clone());
	carousel.find('.carousel_container').animate({
		left: carousel_width * -1
	},speed,'linear',function(){
		restart_carousel(carousel,carousel_width,speed);
	});
}

function restart_carousel(carousel,carousel_width,speed) {
 	carousel_animate(carousel,carousel_width,speed);	
}

function setup_nav() {
	if ( !device_is_mobile ) {
		$('header nav ul li').each(function(){
			if ( $(this).find('ul').length > 0 ) {
				$(this).hover(function(){
					$(this).addClass('hovered');
					$(this).prepend('\
						<span class="box_shadows">\
							<span class="box_shadows_topleft"></span>\
							<span class="box_shadows_topright"></span>\
							<span class="box_shadows_top"></span>\
							<span class="box_shadows_left"></span>\
							<span class="box_shadows_right"></span>\
						</span>');
					if ( $(this).find('ul').width() > $(this).width() ) {
						$(this).find('ul').prepend('\
							<span class="box_shadows">\
								<span class="box_shadows_bottomright"></span>\
								<span class="box_shadows_bottomleft"></span>\
								<span class="box_shadows_bottom"></span>\
								<span class="box_shadows_left"></span>\
								<span class="box_shadows_topright"></span>\
								<span class="box_shadows_top"></span>\
								<span class="box_shadows_right"></span>\
							</span>');
						$(this).find('ul').addClass('spill_over');
					} else {
						$(this).find('ul').prepend('\
							<span class="box_shadows">\
								<span class="box_shadows_bottomright"></span>\
								<span class="box_shadows_bottomleft"></span>\
								<span class="box_shadows_bottom"></span>\
								<span class="box_shadows_left"></span>\
								<span class="box_shadows_right"></span>\
							</span>');
					}
					$(this).find('ul').show();
				},function() {
					$(this).removeClass('hovered');
					$(this).find('.box_shadows').remove();
				});
			}
		});
	}
}

function cascade_grids() {
	$('.box').addClass('box_hidden');
	var total_boxes = $('.box').length;
	var all_boxes = $('.box');
	show_box(total_boxes);	
}

function show_box(max) {
	if ( $('.box_hidden').length > 0 ) {
		show_next_box(max);
	}
}

function show_next_box(max) {
	$('.box_hidden:first').animate({opacity:1},250,function(){$(this).removeClass('box_hidden');show_box(max)});
}

function add_media_preview(image_href) {
	document.write('\
		<div class="media_float media_large">\
			<div class="media">\
				<div class="media_preview">\
					<img src="'+image_href+'" class="media_thumbnail">\
				</div>\
			</div>\
			<img src="http://argylesocial.com/argyle-ui/img/media_arrow.png" class="media_arrow" />\
		</div>\
	');	
}

function youtube_transparent() {
	
	var transmode = 'wmode=transparent';
	var frameurl = '';
	
	$('iframe').each(function() {
		frameurl = $(this).attr('src');
		if ( frameurl.indexOf('youtube.com') != -1 ) {
			if ( frameurl.indexOf('&') == -1 && frameurl.indexOf('?') == -1 ) {
				// no args
				$(this).attr('src',frameurl+'?'+transmode );
			} else {
				// some args
				$(this).attr('src',frameurl+'&'+transmode );
				
			}
		}
	});
		
}

function pretty_time(timestamp,type) {
	if ( timestamp.getFullYear ) {
		var thisYear = false;
		var thisMonth = false;
		var thisWeek = false;
		var thisDay = false;
		var today = new Date();
	
		var year = timestamp.getFullYear();
		if ( year == today.getFullYear() ) { thisYear = true; }
	
		var month = timestamp.getMonth();
		if ( month == today.getMonth() ) { thisMonth = true; }
		switch(month) {
			case 0 : month = "Jan"; break;
			case 1 : month = "Feb"; break;
			case 2 : month = "Mar"; break;
			case 3 : month = "Apr";  break;
			case 4 : month = "May"; break;
			case 5 : month = "June"; break;
			case 6 : month = "July"; break;
			case 7 : month = "Aug"; break;
			case 8 : month = "Sept"; break;
			case 9 : month = "Oct"; break;
			case 10 : month = "Nov";  break;
			case 11 : month = "Dec";
		}
	
		if ( today.getDate() - day ) { thisDay = true; }
	
		var day = timestamp.getDate();
		if ( (today.getDate() - day) < 6 ) { thisWeek = true; }
		if ( day == today.getDate() ) { thisDay = true; }
	
	
		var hour = timestamp.getHours();
		var stamp = "am";
		if ( hour > 12 ) {
			hour = hour - 12;
			stamp = "pm";
		} else if ( hour == 12 ) {
			stamp = "pm";
		} else if ( hour < 1 ) {
			hour = 12;
		}
		var minute = timestamp.getMinutes();
		if ( minute < 1 ) {
			minute = "";
		} else if ( minute < 10 ) {
			minute = ":0" + minute;
		} else {
			minute = ":" + minute;
		}
		if ( thisYear == false ) {
			return (month+" "+day+" "+year);
		} else {
			if ( type && type != 'tiny' ) {
				if ( (thisMonth == true) && (thisWeek == true) && (thisDay == true) ) {
					return (hour+minute+stamp);
				} else if ( (thisMonth == true) && (thisWeek == true) ) {
					return (month+" "+day+", "+hour+minute+stamp);
				} else if ( (thisMonth == true) ) {
					return (month+" "+day+", "+hour+minute+stamp);
				} else {
					return (month+" "+day+", "+hour+minute+stamp);
				}
			} else {
				return (month+" "+day);
			}
		}
	} else {
		return '';
	}
}

function search_terms() {
	
	var search_terms = $('span.searchterm1, span.searchterm2, span.searchterm3, span.searchterm4, span.searchterm5, span.searchterm6, span.searchterm7, span.searchterm8, span.searchterm9, span.searchterm10');
	search_terms.each(function() {
		var this_mark = $('<mark />');
		this_mark.html($(this).html());
		$(this).replaceWith(this_mark);
	});
	$('#incoming').remove();
	
}

function add_sharing_links(href) {
	
	var fb_add = ( href ) ? encodeURIComponent(href): '';
	var tw_add = ( href ) ? 'data-url="'+href+'"': '';
	var gp_add = ( href ) ? 'href="'+href+'"': '';
	var li_add = ( href ) ? 'data-url="'+href+'"': '';
	
	document.write('\
		<div class="sharing">\
			<div class="network">\
				<iframe src="//www.facebook.com/plugins/like.php?href='+fb_add+'&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>\
			</div>\
			<div class="network" style="margin-right:20px;">\
				<a href="https://twitter.com/share" '+tw_add+' class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>\
			</div>\
			<div class="network">\
				<script type="text/javascript">\
				  (function() {\
				    var po = document.createElement(\'script\'); po.type = \'text/javascript\'; po.async = true;\
				    po.src = \'https://apis.google.com/js/plusone.js\';\
				    var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(po, s);\
				  })();\
				</script>\
				<g:plusone size="medium" '+gp_add+'></g:plusone>\
			</div>\
			<div class="network">\
				<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>\
				<script type="IN/Share" '+li_add+' data-counter="right"></script>\
			</div>\
			<div class="clear"></div>\
		</div>\
	');
	
}

function add_customer_logos(image_array) {
	

	if ( Object.prototype.toString.apply(image_array) === '[object Array]' ) {
	
		var customers = $('<div class="customer_logos" />');
		var customer_list = $('<ul />');
		
		var image_width = '';
		switch ( image_array.length ) {
			case 1 :
				image_width = 'width:100%';
				break;
			case 2 :
				image_width = 'width:50%';
				break;
			case 3 :
				image_width = 'width:33%';
				break;
			default:
		}
		
		var customer_length = ( image_array.length >= 4 ) ? 4 : image_array.length;
		
		for ( var i = 0 ; i < customer_length ; i++ ) {
		
			var list_item = $('<li />');
			list_item.attr('style',image_width);
			var list_img = $('<img alt="customer" />');
			list_img.attr('src',image_array[i]);
			list_item.append(list_img);
			customer_list.append(list_item);		
		
		}
	
		customers.append(customer_list);
		customers.append('<div class="clear" />');
		var customer_list_container = $('<div />');
		customer_list_container.append(customers);
		
		document.write(customer_list_container.html());
	
	}
	
}

function replace_logo(image_url) {
	var home_link = $('.ui_header .ui_home');
	var home_image = home_link.find('img');
	home_link.attr('class','ui_home_rebranded');
	home_image.attr('src',image_url);
	delete home_link;
	delete home_image;
}