// This file contains all the customization options and iframe code generation for twiclur
//this is the main changeWidget function that refreshes the iframe code
function changeWidget(){
		var height= $('#h').val();
		var width = $('#w').val();
//		var list = $('#list').val();
//set max width to 300 and min to 200
	if ($('#w').val() <= 300 && $('#w').val() >= 200){
			width = $('#w').val();
	} else {
		$('#w').attr('value', 300);
		width = 300;
	}
//setting minimum height 250 and max 450
	if ($('#h').val() <= 600 && $('#h').val() >= 250){
			height = $('#h').val();
	} else {
	$('#h').attr('value', 250);
	height = 250;
	}

//setting minimum height 250 and max 450
	if ($('#list').val() <= 15 && $('#list').val() >= 5){
			list = $('#list').val();
	} else {
	$('#list').attr('value', 5);
	list = 5;
	}
	
//change the height of the widget depending on the no. of items listed. called from the changeWidget function
//	if (list > 10){
//		if (list==11){
//			$('#h').attr('value', 270);
//			height=270;
//		} else if (list==12){
//			$('#h').attr('value', 290);
//			height=290;
//		}else if (list==13){
//			$('#h').attr('value', 310);
//			height=310;
//		}else if (list==14){
//			$('#h').attr('value', 330);
//			height=330;
//		}else if (list==15){
//			$('#h').attr('value', 350);
//			height=350;
//		}else if (list==16){
//			$('#h').attr('value', 370);
//			height=370;
//		}else if (list==17){
//			$('#h').attr('value', 390);
//			height=390;
//		}else if (list==18){
//			$('#h').attr('value', 410);
//			height=410;
//		}else if (list==19){
//			$('#h').attr('value', 430);
//			height=430;
//		}else if (list==20){
//			$('#h').attr('value', 450);
//			height=450;
//		} else if(list <10){
//			$('#h').attr('value', 250);
//			height=250;
//			$('#list').attr('value', 10);
//			list=10;
//		}else if(list >20){
//			$('#h').attr('value', 250);
//			height=250;
//			$('#list').attr('value', 10);
//			list=10;
//		}else {
//		height = 250;
//		}
//	}
//setting minimum height 250 and max 450
		var queryParams = $('#widgetform').find(':input[name]').serialize().replace(/#/g, '').replace(/%23/g, '');
		var iframesrc = 'http://www.twiclur.com/twiclur.php?' + queryParams;
		$('#twiclur').attr('height', height);
		$('#twiclur').attr('width', width);
		$('#twiclur').attr('src', iframesrc);
		$('#iframetag').text($.trim($('#widgetpreview center').html()).replace(/ id="rsswidget"/,'').replace(/&/g, '&').replace(/%3A/g, ':').replace(/%2F/g, '/'));
}

$(document).ready(function(){
var colorPicked =0;
	$.ajaxSetup ({
		cache: false
	});

	$('#refresh').click(function() {
	   document.getElementById('twiclur').src = document.getElementById('twiclur').src; 
	   return false;
	});

	$(':input').change(function() {
		changeWidget();
	}).triggerHandler('change');  
	$('.pickerTable').click(function() {
		changeWidget();
	}).triggerHandler('change');  

	
	$('.formhalf:input[type=text]').filter(':focus').keyup(function(e) {
		if(e.keyCode == 13) {
		$(this).triggerHandler('change');
		}
	});

	$('form').submit(function(){
			return false;
		});

//	load() functions
	var ajax_load = "<img class='loading' src='images/loader.gif' alt='loading...' />";
	var ajax_button = "<a href='#'><img src='images/arrow.png' /></a>";
	var loadUrl = "scripts/utils/validatefeed.php";
	$(".feedsubmit, .feedsubmit2").click(function(){
		var feedurl = $('#feedurl').val();
		$(".feedsubmit, .feedsubmit2").html(ajax_load);
		$(".feedresponse").load(
			loadUrl, 
			"url=" + feedurl + "", 
			function(responseText){
				if (responseText == "Congrats, your RSS feed was successfully Cycled, now you may continue customizing the theme below."){
					$('#url').val($('#feedurl').val());
					changeWidget();
				} else {
					
				}
				$('.feedresponse').css("visibility","visible");		
				$(".feedsubmit, .feedsubmit2").html(ajax_button);
			});
			return false;
	});

	$('#feedurl:input[type=text]').click(function(){
		$('.feedresponse').html("eg. http://www.gamedibs.com/dibs/feed");
	});

});