$(function(){

	//dropmenu
	$(".headlink").hover(
		function(){ $(this).find('ul:first').slideUp(0);$(this).find('ul:first').slideDown(150);$(this).addClass('hover');	},
		function(){ $(this).find('ul:first').slideUp(0);$(this).removeClass('hover'); }
	);	
	$("div.collapsible td").click(
		function(){ $(this).find('.iframe_td').slideDown(150);},
		function(){ $(this).find('.iframe_td').slideUp(0); }
	);
		

	// inti data table style
	$('.table_content tr:odd').addClass('even');
	$('.collapsible tr').hover( 
		function() { 
			$('.table_content tr').removeClass('hover');
			$(this).addClass('hover'); 
		}
	);
	$('.collapsible').mouseout(
		function() { 
			$('.table_content tr').removeClass('hover');
		}
	);

	// toggle iframe in table
	$('.collapsible tr').click(
		function() {
			if ( $(this).hasClass('on')) {
				$('.collapsible .iframeInside').remove();
				$('.collapsible tr').removeClass('on');
				$('#footer').css('bottom','0px');
			} else {
				$('.collapsible .iframeInside').remove();
				$('.collapsible tr').removeClass('on');
				$(this).addClass('on');
				$(this).after('<tr class="iframeInside"><td colspan="7"><div class="iframebox"><h1>View / Edit detail Affiliate</h1><table cellpadding="0" cellspacing="0"><tr><td class="title">Affiliate ID</td><td><input type="text" class="textbox" value="3"/></td></tr><tr><td class="title">Default Landing ID</td><td><input type="text" class="textbox" value="6"/></td></tr><tr><td class="title">Web Site Name</td><td><input type="text" class="textbox" value="http://dev.funmobilefi.com/img/space.gif?t=1"/></td></tr><tr><td class="title">Web Site URL</td><td><input type="text" class="textbox" value="http://dev.funmobilefi.com/img/space.gif?t=2"/></td></tr><tr><td class="title">Payout For Each Click</td><td><textarea class="textarea"></textarea></td></tr><tr><td class="title">Payout For Each Confirm Lead Without DN</td><td><input type="text" class="textbox" value="http://www.google.com"/></td></tr><tr><td class="title">Payout For Each Confirm Lead With DN</td><td><input type="text" class="textbox" value="http://www.yahoo.com"/></td></tr><tr><td class="title">Tracking Pixel</td><td><input type="text" class="textbox" value=""/></td></tr><tr><td class="title">Tracking Pixel Non Confirm</td><td><textarea class="textarea"></textarea></td></tr><tr><td class="title">Tracking Pixel Confirm Without DN</td><td><textarea class="textarea"></textarea></td></tr><tr><td class="title">Popup 1</td><td><input type="text" class="textbox" value="3"/></td></tr><tr><td class="title">Popup 2</td><td><input type="text" class="textbox" value="3"/></td></tr><tr><td class="title">Popup 3</td><td><input type="text" class="textbox" value="3"/></td></tr><tr><td class="title">Misc</td><td><select multiple size="3"><option>Type 1 Popup</option><option>Type 2 Popup</option><option>Type 3 Email Box</option><option>Type 3 Qlnteractive</option><option>Grant Type 1 Click</option><option>Grant Type 2 Leads</option><option>Grant Type 3 Leads</option></select></td></tr></table><div class="border_line">&nbsp;</div><input type="submit" class="button" value="Save changes"/></div></td></tr>');
				$('#footer').css('bottom','0px');
			}
		}
	);
		
	$('.collapsible tr.title').click(
	    function() {
			$('.collapsible .iframeInside').remove();
			$('.collapsible tr').removeClass('on')
		}
	);
});