// Customizer: by Tohid Golkar | www.tohidgolkar.com //
//////////////////////////////////////////////////////

jQuery(document).ready(function($) {
	
	
	_SetDefaults();
	
	$('#cstyle').click(function() {
		if ($(this).hasClass("active")) {
			$('.w-tg').animate({right:-240},400);
			$(this).removeClass("active");
			return false;
		} else {
			$('.w-tg').animate({right:0},400);
			$(this).addClass("active");
			return false;
		}
	});
	
	$('#thd-theme').change(function() {
		var st = $(this).val();
		setStyle(st);
	});
	
	
	var w = $(window).width();
	if (w<800) {
		$('.w-tg').hide();
		} else if(w>1500 && !$('#cstyle').hasClass("active")){
		$('.w-tg').animate({right:0},400);
		$('#cstyle').addClass("active");
		}


});

/////////////////////////////////////////
function setPat(p,pt){
	
	if (p=='0'){jQuery('#ptsts').html('No BG');}else{jQuery('#ptsts').html('#'+p);}
	jQuery('.ptg').removeClass("active");
	jQuery('#pat'+p).addClass("active");
	jQuery('body').css('background-image', 'url('+pt+')');
	jQuery.cookie('tg-p', p, { expires: 30, path: '/' });
	
}


///////////////////////////////////////	
function setStyle(st){
	jQuery.cookie('tg-st', st, { expires: 30, path: '/' });
	jQuery('#wrap').removeClass().addClass("wrap "+st);
	if (st!='wide'){jQuery('#wrp-pt').slideDown();}else{jQuery('#wrp-pt').slideUp();}
	
	
	try {stickyMenu(jQuery);}catch(e){}
	
	
	}	
///////////////////////////////////////	
function setC1(hex){

	var rgb = hex2rgb(hex);
		
	jQuery('#cp1').css('backgroundColor', '#' + hex);
	
	jQuery('h1, h2, h3, h4, h5, h6').css('color', '#' + hex);
	jQuery('h1.title,h2.title,h3.title,h4.title,h5.title,h6.title').css('borderColor', 'rgba('+rgb.r+','+rgb.g+','+rgb.b+',0.25)');
	
	jQuery('#cp1').ColorPickerSetColor(hex);
	jQuery.cookie('tg-c1', hex, { expires: 30, path: '/' });

	}
///////////////////////////////////////	
function setC2(hex){
	
	var rgb = hex2rgb(hex);
	var rgba = 'rgba('+rgb.r+','+rgb.g+','+rgb.b+',0.5)';
		
	jQuery('.wrap, .band.top-border,.band.title, #cp2, .search_button, .search_text').css('backgroundColor', '#' + hex);

	jQuery('body, #pat0, #pat12, #pat17, #pat57, #pat85').css('backgroundColor', rgba);

	jQuery('#cp2').ColorPickerSetColor(hex);
	jQuery.cookie('tg-c2', hex, { expires: 30, path: '/' });

	}
///////////////////////////////////////	
function setC3(hex){

	jQuery('#cp3').css('backgroundColor', '#' + hex);
	
	var inlineCss = '[class^="icon-"]:before, [class*=" icon-"]:before,.tab .ibtn:before,.sf-menu [class^="icon-"]:before, .sf-menu [class*=" icon-"]:before,.respo_menu:before {color:#'+hex+';}';
		inlineCss +='.tooltip.top .tooltip-arrow{border-top-color:#'+hex+'}.tooltip.right .tooltip-arrow{border-right-color:#'+hex+'}.tooltip.bottom .tooltip-arrow{border-bottom-color:#'+hex+'}.tooltip.left .tooltip-arrow{border-left-color:#'+hex+'}.tooltip-inner{background-color:#'+hex+'}';
		inlineCss +='.button a,  a.read-more-link,ul.filter li.current a,	.pagination a, .pagination a.selected{background-color:#'+hex+' !important;border-top:solid 1px #'+hex+' !important; }';
		inlineCss +='.button a:hover,  a.read-more-link:hover, ul.filter li a:hover,ul.filter li.current a,	.pagination a:hover, .pagination a.selected{background-color:#'+hex+' !important;border-top:solid 1px #'+hex+' !important; }';
		inlineCss += '.clients .nxt:hover ,.portfolio-carousel .nxt:hover,.clients .prv:hover, .portfolio-carousel .prv:hover,footer .gototop a:hover{color:#'+hex+'}';
		inlineCss += '.tp-rightarrow.default,.tp-leftarrow.default,ul.flex-direction-nav li a,ol.flex-control-nav li a:hover,ol.flex-control-nav li a.flex-active,.nivo-directionNav a,.nivo-controlNav a:hover,.nivo-controlNav a.active,.rev_slider_wrapper .tp-bullets.simplebullets.navbar-old .bullet:hover,.rev_slider_wrapper .tp-bullets.simplebullets.navbar-old .bullet.selected,.nav-arrows a,.pxs_navigation span{background-color:#'+hex +' !important;}';
	
	jQuery('.button a,.button a:visited').css('backgroundColor', '#' + hex);
	jQuery('.button a,.button a:visited').css('borderTop', 'solid 1px #' + hex);
	jQuery('.pagination a,.pagination a:visited').css('backgroundColor', '#888');
	jQuery('.pagination a,.pagination a:visited').css('borderTop', 'solid 1px #888');
	jQuery('head').append('<style>'+ inlineCss +'</style>');
	jQuery('.overlay span').css('backgroundColor', '#' + hex);
		
	jQuery('#cp3').ColorPickerSetColor(hex);
	jQuery.cookie('tg-c3', hex, { expires: 30, path: '/' });
	
	
	}
		
function setPre(r,st,c2,c1,c3,p){
	

	jQuery('.col-tg').removeClass("active");
	jQuery('#pre'+r).addClass("active");
	
	if (r==0){
		setStyle(st);
		jQuery('#thd-theme').val(st);
		}
	
	setC1(c1);
	setC2(c2);
	setC3(c3);
	
	var pt='';
	if (p!='0'){pt = surl + '/images/pattern/'+ p +'.png';}
	setPat(p,pt);
	
	
	
	}

///////////////////////////////////////	
function _SetDefaults(){
	
	var tg=jQuery;
	tg.noConflict();
	
	// Style /////////////////////
	if (tg.cookie('tg-st')!=null){
		var st = tg.cookie('tg-st');
	}else{
		var st = 'wide';
		tg.cookie('tg-st', st, { expires: 30, path: '/' });	
	}
	tg('#thd-theme').val(st);
	setStyle(st);
	
	// Patern /////////////////////
	if (tg.cookie('tg-p')!=null){
		var p = tg.cookie('tg-p');
	}else{
		var p = '86';
		tg.cookie('tg-p', p, { expires: 30, path: '/' });	
	}
	var pt='';
	if (p!='0'){pt = surl + '/images/pattern/'+ p +'.png';}
	setPat(p,pt);


	
	// Colors ///////////////////
	if (tg.cookie('tg-c1')!=null){
		var c1 = tg.cookie('tg-c1');
		}else{
		var c1 = '#555555';
		tg.cookie('tg-c1', c1, { expires: 30, path: '/' });
		}
	setC1(c1);
	
	// Colors ///////////////////
	if (tg.cookie('tg-c2')!=null){
		var c2 = tg.cookie('tg-c2');
		}else{
		var c2 = '#EEEEEE';
		tg.cookie('tg-c2', c2, { expires: 30, path: '/' });	
		}
	setC2(c2);	
	
	// Colors ///////////////////
	if (tg.cookie('tg-c3')!=null){
		var c3 = tg.cookie('tg-c3');
		}else{
		var c3 = '#CC0000';
		tg.cookie('tg-c3', c3, { expires: 30, path: '/' });	
		}
	setC3(c3);
	
	
	// COLOR PICKER /////////////////////
	tg('#cp1').ColorPicker({
	color: c1,
	onShow: function (colpkr) {
		tg(colpkr).fadeIn(500);
		return false;
	},
	onHide: function (colpkr) {
		tg(colpkr).fadeOut(500);
		return false;	
	},
	onChange: function (hsb, hex, rgb) {
		
		setC1(hex);
		
	}
	});
	
	// COLOR PICKER /////////////////////
	tg('#cp2').ColorPicker({
	color: c2,
	onShow: function (colpkr) {
		tg(colpkr).fadeIn(500);
		return false;
	},
	onHide: function (colpkr) {
		tg(colpkr).fadeOut(500);
		return false;
	},
	onChange: function (hsb, hex, rgb) {
		
		setC2(hex);
		
	}
	});
	
	
	// COLOR PICKER /////////////////////
	tg('#cp3').ColorPicker({
	color: c3,
	onShow: function (colpkr) {
		tg(colpkr).fadeIn(500);
		return false;
	},
	onHide: function (colpkr) {
		tg(colpkr).fadeOut(500);
		return false;	
	},
	onChange: function (hsb, hex, rgb) {
		
		setC3(hex);
		
	}
	});
	
	
}
	
	
//////////////////////////////////////////////////
//////// CONVERTER ///////////////////////////////

function hex2rgb(hex) {
	var hex = parseInt(((hex.indexOf('#') > -1) ? hex.substring(1) : hex), 16);
	return {r: hex >> 16, g: (hex & 0x00FF00) >> 8, b: (hex & 0x0000FF)};
}


function toggleCodes(on) {
	if (on) {
	  jQuery('.i-name').hide();
	  jQuery('.i-code').show();
	} else {
	  jQuery('.i-name').show();
	  jQuery('.i-code').hide();
	}
}

jQuery(window).resize(function() {
	var ww = jQuery(this).width();
	if (ww>800) {jQuery('.w-tg').show();} else {jQuery('.w-tg').hide();}
});