jQuery(document).ready(function($) {
function markup_builder(){
	var customization_content = '' +
'<div id="customization" class="border_right_radius10 customization_style">' +
	'<div id="show_hide" class="border_right_radius10 customization_style"><img src="'+blog_url+'/includes/customization_hide_icon.png" alt=""/> 	<a target="_blank" href="https://twitter.com/#!/RafaGobernador"><div id="icon_twitter_gob" ></div></a>'+
   '<a target="_blank" href="https://www.facebook.com/RafaelMorenoValle"><div id="icon_facebook_gob" ></div></a>'+
 	'<a target="_blank" href="http://www.youtube.com/compromisoporpuebla"><div id="icon_youtube_gob"></div></a>'+
 	'<a target="_blank" href="http://www.morenovalleblog.com/"><div id="icon_blogger_gob" ></div></a>'+
 	'<a target="_blank" href="http://www.flickr.com/photos/rafagobernador/"><div id="icon_fr_gob"></div></a>'+
   '<!-- <div id="div_icono_camara"></div>--></div>' +
	
	'<div class="customization_header">Color de Fondo</div>' +
	'<div id="background_samples" class="customization_items"><div class="c_oh"></div></div>' +
	
	'<div class="divider"></div>' +
	
	'<div class="customization_header">Patrón (Imagen de Fondo)</div>' +
	'<div id="background_patterns" class="customization_items"><div class="c_oh"></div></div>' +
	'<div class="divider"></div>' +
	'<div class="customization_header c_reset " style="cursor:pointer" >Versión completa</div>' +
	'<div class="divider"></div>' +
	'<div class="customization_header c_altoC" style="cursor:pointer">Alto Contraste</div>' +
	'<div class="divider"></div>' +
	'<div class="customization_items">' +
		'<div class="c_oh">' + 
			'<span class="c_btn c_save">Guardar</span>' +
		'</div>' +	
	'</div>' +	
	
'</div>';
	
	$('body').append(customization_content);
}

function patterns_builder(){
	var samples = $('#background_patterns .c_oh');
	var samples_content = '';
	
	for( var i = 0; i < config.patterns.length; i++ ){		
		samples_content += '<div class="bg_s_item"><input type="hidden" value="' + config.patterns[i] + '"><div style="background-image:url(' + blog_url + '/' + config.patterns[i] +');"></div></div>';
	}
	samples.html(samples_content);
}

function backgrounds_builder(){
	var bg_samples = $('#background_samples .c_oh');
	var bg_samples_content = '';
	
	
	for( var i = 0; i < config.backgrounds.length; i++ ){		
		bg_samples_content += '<div class="bg_s_item"><input type="hidden" value="' + config.backgrounds[i] + '"><div style="background-color:' + config.backgrounds[i] +'"></div></div>';
	}
	bg_samples.html(bg_samples_content);
}

function show_hide_bar(){
	var bar = $('#customization');
	if( bar.data('hidden')  != true){
		bar.animate({
				left : '-191px'			
			} , 500 , function(){
				bar.data('hidden' , true);
		});
	}else{
		bar.animate({
				left : '0px'			
			} , 500 , function(){
				bar.data('hidden' , false);
		});
	}
}

function cookie_fns(){	
		
	var custom_bg = $('.current_custom_bg input').val();
	if(custom_bg != undefined){		//console.log(custom_bg);		
		$.cookie("custom_background", custom_bg );
	}
	
	var custom_pattern = $('.current_custom_pattern input').val();
	if(custom_pattern != undefined){
		$.cookie("custom_pattern", custom_pattern );
	}
	
	var heading_fnts = $('#header_fonts select').val();
	var heading_fnts_name = $('#header_fonts :selected').text();
	if( heading_fnts != '' ){
		$.cookie("heading_font", heading_fnts_name );
	}
		
	var link_font = $('#links select').val();
	var link_font_name = $('#links :selected').text();
	if( link_font != '' ){
		$.cookie("link_font", link_font_name );
	}
	var cotent_font = $('#fonts select').val();
	var cotent_font_name = $('#fonts :selected').text();
	if( cotent_font != '' ){
		$.cookie("cotent_font", cotent_font_name );
	}
		
}

function customization_events(){
	$('#background_samples .bg_s_item').live('click' , function(){
		var item = $(this);
		$('*').removeClass('current_custom_bg');
		var color = item.addClass('current_custom_bg').find('input').val();
		$('body').css('background-color' , color);
	   $('#wrapper').css('background-image' , 'none');
	});
	
	$('#background_patterns .bg_s_item').live('click' , function(){
		var item = $(this);
		$('*').removeClass('current_custom_pattern');
		var pattern = item.addClass('current_custom_pattern').find('div').css('background-image');
		$('body').css('background-image' , pattern );
	   $('#wrapper').css('background-image' , 'none');
	});
	
	$('#show_hide').live('click' , function(){
		show_hide_bar();
	});
	
	$('#fonts select').live('change' , function(){
		var item = $(this);		
		var font_value = item.val();
		$('body').css('font-family' , font_value);
	});
	
	$('#links select').live('change' , function(){
		var item = $(this);		
		var font_value = item.val();
		$('a').css('font-family' , font_value);
	});
	
	$('#header_fonts select').live('change' , function(){
		var item = $(this);
		var font_name = 'trebuchet MS';
		var font_value = item.val();
		if( font_value != ''){
			$('#g_font').attr('href' , font_value);
			font_name = item.find('option:selected').text() ;
		}
		$('h1, h2, h3, h4, h5, h6, .art_title, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a').css('font-family' , font_name);
	});
	
	// Cookie buttons
	$('.c_reset').live('click' , function(){
		var cookie_list = config.cookie_list;
		for( i = 0; i < cookie_list.length; i++){
			$.cookie( cookie_list[i] , null );
		}
		$('body').removeAttr('style');
		$('#wrapper').removeAttr('style');
		$.cookie("cssTemplate", "/styles/temp.css");
		$('link#switchable').attr("href","/styles/temp.css");
		show_hide_bar();
	});
	
	// Cookie altoContraste
	$('.c_altoC').live('click' , function(){
		var cookie_list = config.cookie_list;
		for( i = 0; i < cookie_list.length; i++){
			$.cookie( cookie_list[i] , null );
		}
		$('body').removeAttr('style');
		$('#wrapper').removeAttr('style');
		$('#wrapper').css('background' , 'url("../templates/PueblaGob2/images/background-homepage7g.jpg") no-repeat scroll center -50px transparent');
		$.cookie("cssTemplate", "/styles/highvisibility.css");
		$('link#switchable').attr("href","/styles/highvisibility.css");	
		show_hide_bar();
	});
	
	$('.c_save').live('click' , function(){
		$.cookie("cssTemplate", "/styles/temp.css");
		$('link#switchable').attr("href","/styles/temp.css");
		cookie_fns();
		show_hide_bar();
	});	
	// Cookie buttons end
}

	function interactive_select(elements){
		var content = '';
		if(elements.length >= 0){ // array
			for ( var i = 0; i < elements.length; i++){
				content += '<option value="'+ elements[i] +'" name="'+ elements[i] +'">'+ elements[i] +'</option>' ;			
			}
		} else { // object
			for ( el in elements){
				content += '<option value="' + elements[el] + '" name="' + el + '">' + el + '</option>' ;
			}
		}
		return content;
	}

function heading_builder(){
	var option_list = interactive_select(config.heading_fonts);	
	$('#header_fonts').html('<select>' + option_list + '</select>');
}

function links_builder(){
	var option_list = interactive_select(config.fonts);	
	$('#links').html('<select>' + option_list + '</select>');
}

function fonts_builder(){
	var option_list = interactive_select(config.fonts);	
	$('#fonts').html('<select>' + option_list + '</select>');
}

function color_select( the_id , the_color){
	if( the_id == 'background_samples_input' ){
		$('body').css('background-color' , '#' + the_color);
		
	} else if( the_id == 'header_fonts_input' ){
		$('h1, h2, h3, h4, h5, h6').css('color' , '#' + the_color);	
	}else if( the_id == 'links_input' ){
		$('a').css('color' , '#' + the_color);	
	}else if( the_id == 'fonts_input' ){
		$('body').css('color' , '#' + the_color);	
	}
}

function cookie_checker(){	
	
	var cookie_temcss = $.cookie("cssTemplate");
	if(cookie_temcss  != null){
		$('link#switchable').attr("href",cookie_temcss);
	}	
	
	var cookie_bg = $.cookie("custom_background");		
	if(cookie_bg != null){
		$('#background_samples input[value="' + cookie_bg +'"]').click();
	}	
	
	var custom_pattern = $.cookie("custom_pattern");		
	if(custom_pattern != null){
		$('#background_patterns input[value="' + custom_pattern +'"]').click();
	}	
	
	var link_font = $.cookie("link_font");
	if(link_font != null){
		$('#links option[name="' + link_font +'"]').attr('selected' , 'selected').parent().change();
	}
	
	var heading_font = $.cookie("heading_font");
	if(heading_font != null){
		$('#header_fonts option[name="' + heading_font +'"]').attr('selected' , 'selected').parent().change();
	}	
	
	var cotent_font = $.cookie("cotent_font");
	if(cotent_font != null){
		$('#fonts option[name="' + cotent_font +'"]').attr('selected' , 'selected').parent().change();
	}
	
}

//$(function(){
	if($('.under_construction').size() == 0){
		markup_builder();
		backgrounds_builder();
		patterns_builder();
		heading_builder();
		links_builder();
		fonts_builder();
		
		customization_events();
		
		cookie_checker();
	
		
		// hide customization bar 
		$('#show_hide').click();	
	}
});
/* Customization block preformance END*/