/***** Requires jQuery and template gallery to be loaded first. *****/
$(document).ready(function() {
	function loadDropDowns() {
		var controls = $('#templates-controls');
		var controlsHtml = '<label for="templates-type">Type: </label>';
		controlsHtml += '<select name="templates-type" id="templates-type">';
		//controlsHtml += '  <option value="0" selected="selected">All Types</option>';
		controlsHtml += '  <option value="1">Website Templates</option>';
		//controlsHtml += '  <option value="19">Flash Photo Gallery Templates</option>';
		controlsHtml += '  <option value="14">osCommerce Templates</option>';
		controlsHtml += '  <option value="40">VirtueMart Templates</option>';
		controlsHtml += '  <option value="24">Joomla Templates</option>';
		//controlsHtml += '  <option value="15">PhpBB Templates</option>';
		//controlsHtml += '  <option value="32">PowerPoint Templates</option>';
		//controlsHtml += '  <option value="11">Logosets</option>';
		//controlsHtml += '  <option value="33">Silverlight Templates</option>';
		//controlsHtml += '  <option value="9">Flash Templates</option>';
		//controlsHtml += '  <option value="13">SWiSH Templates</option>';
		//controlsHtml += '  <option value="27">Magento Themes</option>';
		//controlsHtml += '  <option value="18">CRE Loaded Templates</option>';
		//controlsHtml += '  <option value="26">Drupal Templates</option>';
		//controlsHtml += '  <option value="25">Mambo Templates</option>';
		//controlsHtml += '  <option value="5">Logo Templates</option>';
		//controlsHtml += '  <option value="12">Icon Sets</option>';
		//controlsHtml += '  <option value="38">Silverlight Intro Templates</option>';
		//controlsHtml += '  <option value="3">Flash Intro Templates</option>';
		controlsHtml += '  <option value="42">Mobile Templates</option>';
		//controlsHtml += '  <option value="16">ZenCart Templates</option>';
		//controlsHtml += '  <option value="36">Flash CMS Templates</option>';
		controlsHtml += '  <option value="17">WordPress Themes</option>';
		//controlsHtml += '  <option value="10">PHP-Nuke Templates</option>';
		controlsHtml += '  <option value="7">Corporate Identity</option>';
		controlsHtml += '  <option value="30">Stock Music</option>';
		controlsHtml += '</select>  ';
		
		controlsHtml += '<label for="templates-cateogry" style="margin-left:6px;">Category: </label>';
		controlsHtml += '<select name="templates-cateogry" id="templates-cateogry">';
		//controlsHtml += '  <option value="0" selected="selected">All Templates</option>';
		controlsHtml += '  <option value="99999">Last added templates</option>';
		controlsHtml += '  <option value="69">3 colors</option>';
		//controlsHtml += '  <option value="62">3D style</option>';
		controlsHtml += '  <option value="33">Agriculture</option>';
		controlsHtml += '  <option value="121">Alternative Power</option>';
		controlsHtml += '  <option value="47">Animals & Pets</option>';
		controlsHtml += '  <option value="26">Architecture</option>';
		controlsHtml += '  <option value="40">Art & Photography</option>';
		controlsHtml += '  <option value="54">ArtWorks</option>';
		controlsHtml += '  <option value="1">Beauty</option>';
		controlsHtml += '  <option value="39">Books</option>';
		controlsHtml += '  <option value="125">Brewery Templates</option>';
		controlsHtml += '  <option value="2">Business</option>';
		controlsHtml += '  <option value="76">Cafe and Restaurant</option>';
		controlsHtml += '  <option value="11">Cars</option>';
		controlsHtml += '  <option value="96">Charity</option>';
		//controlsHtml += '  <option value="113">Christmas Templates</option>';
		controlsHtml += '  <option value="63">Clean style</option>';
		controlsHtml += '  <option value="22">Communications</option>';
		controlsHtml += '  <option value="3">Computers</option>';
		//controlsHtml += '  <option value="95">CRE Loaded Templates</option>';
		controlsHtml += '  <option value="79">CSS</option>';
		controlsHtml += '  <option value="35">Dating</option>';
		//controlsHtml += '  <option value="115">Drupal Templates</option>';
		//controlsHtml += '  <option value="80">Dynamic Flash</option>';
		//controlsHtml += '  <option value="98">Dynamic flash photo galleries</option>';
		//controlsHtml += '  <option value="88">Dynamic Swish</option>';
		controlsHtml += '  <option value="46">Education</option>';
		controlsHtml += '  <option value="50">Electronics</option>';
		controlsHtml += '  <option value="9">Entertainment</option>';
		controlsHtml += '  <option value="25">Exterior design</option>';
		controlsHtml += '  <option value="7">Family</option>';
		controlsHtml += '  <option value="49">Fashion</option>';
		//controlsHtml += '  <option value="61">Fireworks</option>';
		//controlsHtml += '  <option value="93">Flash 8</option>';
		//controlsHtml += '  <option value="53">Flash animated</option>';
		//controlsHtml += '  <option value="55">Flash intro header</option>';
		//controlsHtml += '  <option value="68">Flash Site</option>';
		controlsHtml += '  <option value="36">Flowers</option>';
		controlsHtml += '  <option value="29">Food & Drink</option>';
		controlsHtml += '  <option value="64">Forums</option>';
		controlsHtml += '  <option value="72">Full package</option>';
		controlsHtml += '  <option value="60">Full site</option>';
		controlsHtml += '  <option value="67">Games</option>';
		controlsHtml += '  <option value="48">Gifts</option>';
		//controlsHtml += '  <option value="105">Halloween Templates</option>';
		controlsHtml += '  <option value="21">Hosting</option>';
		controlsHtml += '  <option value="74">Hotels</option>';
		controlsHtml += '  <option value="140">HTML 5</option>';
		controlsHtml += '  <option value="87">Icon Sets</option>';
		controlsHtml += '  <option value="16">Industrial</option>';
		controlsHtml += '  <option value="24">Interior & Furniture</option>';
		controlsHtml += '  <option value="6">Internet</option>';
		controlsHtml += '  <option value="51">Jewelry</option>';
		controlsHtml += '  <option value="111">Joomla Templates</option>';
		//controlsHtml += '  <option value="138">jQuery Templates</option>';
		//controlsHtml += '  <option value="57">Last added</option>';
		controlsHtml += '  <option value="34">Law</option>';
		//controlsHtml += '  <option value="86">Logosets</option>';
		//controlsHtml += '  <option value="56">Low budget</option>';
		//controlsHtml += '  <option value="117">Magento Templates</option>';
		controlsHtml += '  <option value="118">Maintenance Services</option>';
		controlsHtml += '  <option value="112">Mambo Templates</option>';
		controlsHtml += '  <option value="18">Media</option>';
		controlsHtml += '  <option value="10">Medical</option>';
		controlsHtml += '  <option value="44">Military</option>';
		controlsHtml += '  <option value="126">Mobile Templates</option>';
		controlsHtml += '  <option value="83">Most Popular</option>';
		controlsHtml += '  <option value="19">Music</option>';
		controlsHtml += '  <option value="77">Night Club</option>';
		controlsHtml += '  <option value="91">Online Casino</option>';
		controlsHtml += '  <option value="42">Online store/shop</option>';
		controlsHtml += '  <option value="84">osCommerce Templates</option>';
		//controlsHtml += '  <option value="116">Papervision 3D</option>';
		controlsHtml += '  <option value="66">Personal pages</option>';
		//controlsHtml += '  <option value="71">PHP-Nuke Themes</option>';
		//controlsHtml += '  <option value="89">PhpBB2</option>';
		//controlsHtml += '  <option value="106">PhpBB3</option>';
		controlsHtml += '  <option value="65">Politics</option>';
		controlsHtml += '  <option value="5">Portal</option>';
		//controlsHtml += '  <option value="100">Premium Templates</option>';
		controlsHtml += '  <option value="4">Real Estate</option>';
		controlsHtml += '  <option value="17">Religious</option>';
		controlsHtml += '  <option value="45">Science</option>';
		controlsHtml += '  <option value="41">Security</option>';
		controlsHtml += '  <option value="32">Society & Culture</option>';
		controlsHtml += '  <option value="23">Software</option>';
		controlsHtml += '  <option value="14">Sport</option>';
		//controlsHtml += '  <option value="114">St. Patrick Green Templates</option>';
		//controlsHtml += '  <option value="97">St. Valentine</option>';
		controlsHtml += '  <option value="92">Stretched</option>';
		//controlsHtml += '  <option value="81">Swish animated</option>';
		//controlsHtml += '  <option value="109">SWiSHmax2 Templates</option>';
		//controlsHtml += '  <option value="127">SWiSHmax3 Templates</option>';
		controlsHtml += '  <option value="119">Tools & Equipment</option>';
		controlsHtml += '  <option value="43">Transportation</option>';
		controlsHtml += '  <option value="27">Travel</option>';
		controlsHtml += '  <option value="132">VirtueMart Templates</option>';
		controlsHtml += '  <option value="102">Web 2.0 Templates</option>';
		controlsHtml += '  <option value="8">Web design</option>';
		controlsHtml += '  <option value="75">Wedding</option>';
		controlsHtml += '  <option value="107">Wide templates</option>';
		controlsHtml += '  <option value="94">WordPress Themes</option>';
		//controlsHtml += '  <option value="103">XML Flash Site</option>';
		//controlsHtml += '  <option value="101">Zen cart Templates</option>';
		//controlsHtml += '  <option value="78">Zero Downloads</option>';
		controlsHtml += '</select>';
		controls.html(controlsHtml);
	}
	
	function changeTemplates(dropDownId, attrName) {
		var frameSrc = $('#templates > iframe').attr('src');
		var pattern = new RegExp('&' + attrName + '=\\d+', 'i');
		var val = $(dropDownId).val();
		frameSrc = frameSrc.replace(pattern, '&' + attrName + '=' + val);
		$('#templates > iframe').attr('src',frameSrc);
	}
	
	loadDropDowns();
	$('#templates-type').change(function(){
		changeTemplates('#templates-type', 'type');
	});
	$('#templates-cateogry').change(function(){
		changeTemplates('#templates-cateogry', 'category');
	});
});