function showMenu(id,ids)
{
	if(id == 'about')
	{
		if(ids == 1)
		{
			$("#about").css({color:'#666'});
			$("#about-1").css({color:'#FFFFFF'});
			$("#about-2").css({color:'#666'});
			$("#about-2").css({background:'none'});
			showPages('about-1','BG_about');
			
		}else if(ids == 2){
			$("#about").css({color:'#666'});
			$("#about-1").css({color:'#666'});
			$("#about-2").css({color:'#FFFFFF'});
			$("#about-2").css({background:'none'});
			showPages('about-2','BG_about');
		}else if(ids == 0){
			$("#about").css({color:'#FFFFFF'});
			$("#about-1").css({color:'#666'});
			$("#about-2").css({color:'#666'});
			$("#about-2").css({background:'#b4b4b4'});
			$('.aboutus-l').show();
			$('.aboutus-r').show();
			showPages('about','BG_home');
		}	
		$('.collections-l').hide();
		$('.collections-r').hide();
		$("#news").css({color:'#666'});
		$("#collection").css({color:'#666'});
		$("#contact").css({color:'#666'});
	}
	else if(id == 'collection')
	{
		if(ids == 1)
		{
			$("#collection").css({color:'#666'});
			$("#collection-1").css({color:'#FFFFFF'});
			$("#collection-3").css({color:'#666'});
			$("#collection-2").css({color:'#666'});
			showPages('collection','BG_collections');
			showGallery(1,'feb');
		}else if(ids == 2){
			$("#collection").css({color:'#666'});
			$("#collection-1").css({color:'#666'});
			$("#collection-3").css({color:'#666'});
			$("#collection-2").css({color:'#FFFFFF'});
			showPages('collection-jan','BG_collections');
			showGallery(1,'jan');
		}else if(ids == 3){
			$("#collection").css({color:'#666'});
			$("#collection-1").css({color:'#666'});
			$("#collection-2").css({color:'#666'});
			$("#collection-3").css({color:'#FFFFFF'});
			showPages('collection-april','BG_collections');
			showGallery(1,'april');
		}else if(ids == 0){
			$("#collection").css({color:'#FFFFFF'});
			$("#collection-1").css({color:'#666'});
			$("#collection-2").css({color:'#666'});
			$("#collection-3").css({color:'#666'});
			$('.collections-l').show();
			$('.collections-r').show();
			showPages('collection-2','BG_home');
		}	
		$('.aboutus-l').hide();
		$('.aboutus-r').hide();
		$("#news").css({color:'#666'});
		$("#about").css({color:'#666'});
		$("#contact").css({color:'#666'});
	}
	else if(id == 'news')
	{
		$("#news").css({color:'#FFFFFF'});
		$("#collection").css({color:'#666'});
		$("#about").css({color:'#666'});
		$("#contact").css({color:'#666'});
		$('.aboutus-l').hide();
		$('.aboutus-r').hide();
		$('.collections-l').hide();
		$('.collections-r').hide();
		showPages('news','BG_news');
	}
	else if(id == 'contact')
	{
		$("#news").css({color:'#666'});
		$("#collection").css({color:'#666'});
		$("#about").css({color:'#666'});
		$("#contact").css({color:'#FFFFFF'});
		$('.aboutus-l').hide();
		$('.aboutus-r').hide();
		$('.collections-l').hide();
		$('.collections-r').hide();	
		showPages('contact','BG_contact');
	}
}
function showPages(key,id)
{
	var html = "";
	if(key == 'about-1'){
		html += '<div class="text">';
		html +=	'<strong>delirium (de.lir.i.um)</strong><br>';
		html +=	'An acutely disturbed state of mind that occurs in fever<br>';
		html +=	'intoxication, and other disorders and is characterized<br>';
		html +=	'by restlessness, illusions, and incoherent of though<br>';
		html +=	'and speech. Excitement or ecstasy<br><br>';
		html +=	'Delirium is basically a craving that makes us so restless<br>';
		html +=	'to make this imaginary clothing line into something real.<br>';
		html +=	'We design every piece of the tops, dresses, and<br>';
		html +=	'outerwears with our delirious minds and available<br>';
		html +=	'in a very limited quatity<br><br>';
		html +=	'<strong>delirious</strong><br>';
		html +=	'We fantasizes about the designs that looks simple, constructed<br>';
		html +=	'tailored, edgy, yet emphasizes and embraces every shape<br>';
		html +=	'of women. We manipulated every shape that exist and<br>';
		html +=	'comes with their own themes bimonthly.';
		html +=	'</div>';
	}else if(key == 'about-2'){
		html += '<div class="text2">';
		html += '<p><strong><br />';
		html += 'the delirious minds </strong><br />';
		html += '<br />';
		html += 'Delirium is a mixed mind of two young Interior Designers and<br />';
		html += 'a talented Russian Literature fresh graduate student. <br />';
		html += 'Design is an unlimited world that evolves around every <br />';
		html += 'aspects of lifestyle. As interior designers, the young minds <br />';
		html += 'are used to make some very complex and concrete <br />';
		html += 'design concepts. And a very idealist mind is one crucial key <br />';
		html += 'to connect every threads and materials we could use in<br />';
		html += 'Delirium\'s design. And it comes from the Litterateur mind<br />';
		html += 'We make these minds works together with our passion<br />';
		html += 'control us, we could make anything possible </p>';
		html += '</div>';	
	}else if(key == 'news'){
		html += '<div id="news-images" style="text-align: center;"> <img border="0" title="News" src="images/News_feb_1.jpg" /></div>';
		html += '<div style="text-align: center; padding: 0px 15px 0px 15px;">';
		html +=	'<table width="100%"><tr><td align="left" colspan="2"><a style="text-decoration:none;" title="Prev" href="JavaScript:void(0);" onClick="getNews(0);">';
		html += '<font style=\'font-family: "Century Gothic", "Futura Medium", "Lucida Sans Regular";font-size:12px;color:#FFF;\'>prev</font></a> &nbsp;&nbsp;&nbsp;&nbsp;';
		html += '<a title="Next" href="JavaScript:void(0);" onClick="getNews(1);" style="text-decoration:none;"><font style=\'font-family: "Century Gothic", "Futura Medium", "Lucida Sans Regular";font-size:12px;color:#FFF;\'>next</font></a>';
		html += '<input type="hidden" id="idnews" value="1" />';
		html += '</td></tr></table></div>';
	}else if(key == 'collection-april'){
		html += '<div style="height:130px;width:350px;padding-left:30px;padding-top:10px;">';
		html += '<!--<img class="images" border="0" title="" src="images/Gallery-Icon.png" />-->';
		html += '</div>';
		
		html += '<div class="colection-image"></div>';
		
		html += '<div class="colection-page">';
		html += '<div class="colection-page-l" style="color:#FFFFFF;font-size: 12px;"></div>';
		html += '<div class="colection-page-r" style=";font-size: 12px;color:#666;"></div></div>';
		
		
		html += '<div class="colection-text">';
		html += '<strong>CITY IN MONO</strong><br />';
		html += 'Taking the street style around the world and take it to the next level.<br />';
		html += 'In this \'City In Mono\' collection, we take the styles of five capital cities in fashion, <br />';
		html += 'and color them in the rawest sense. Black and white.<br />';
		html += 'London, Paris, Milan, New York, and Tokyo. The most evolve cities fashion - wise.<br />';
		html += 'We incorporate their individual personalities into our lines. Structured, <br />';
		html += 'clean, sleek, and characterized. Fasten your seat belts, and enjoy the flight.</div>';
		html += '<div class="clear"></div>';
		
	}else if(key == 'collection'){
		html += '<div style="height:130px;width:350px;padding-left:30px;padding-top:10px;">';
		html += '<!--<img class="images" border="0" title="" src="images/icon_Film_Roll_small.png" />-->';
		html += '</div>';
		
		html += '<div class="colection-image"></div>';
		
		html += '<div class="colection-page">';
		html += '<div class="colection-page-l" style="color:#FFFFFF;font-size: 12px;"></div>';
		html += '<div class="colection-page-r" style=";font-size: 12px;color:#666;"></div></div>';
		
		
		html += '<div class="colection-text" style="line-height:13px;margin-top:10px;">';
		html += '<strong>PRINT \'O RAMA</strong><br />';
		html += 'In past collections, we\'ve created numerous pieces with different kinds of fabrics.<br />';
		html += 'This collection however, we want to experiment, tone it down a notch. Prints.<br />';
		html += 'And what more convenient way to have them on, other than t - shirts? It\'s easy<br />';
		html += 'to wear, easy to style, casual, and versatile. PRINT O\' RAMA brings you three designs<br />';
		html += 'which is loose t - shirt, cropped loose t - shirt, and tank top with five different<br />';
		html += 'prints that brings also unique attitudes and personalities to keep you sync with the<br />';
		html += 'drama we\'ve always brought you.<br />';
		
		html += 'Enjoy, and print away!</div>';
		html += '<div class="clear"></div>';	
	}else if(key == 'collection-jan'){
		html += '<div style="height:130px;width:350px;padding-left:30px;padding-top:10px;">';
		html += '<!--<img class="images" border="0" title="" src="images/gallert-icon.png" />-->';
		html += '</div>';
		
		html += '<div class="colection-image"></div>';
		
		html += '<div class="colection-page">';
		html += '<div class="colection-page-l" style="color:#FFFFFF;font-size: 12px;"></div>';
		html += '<div class="colection-page-r" style=";font-size: 12px;color:#666;"></div></div>';
		
		
		html += '<div class="colection-text">';
		html += '<strong>CITY IN MONO 2.0</strong><br />';
		html += 'As promised, we\'re extending the City In Mono collection since the high request.<br />';
		html += 'In this extended collection we bring you five cities as our inspirations.<br />';
		html += 'Get your passport ready to be stamped while you\'re flying to Sydney,<br />';
		html += 'Hong Kong, Cape Town, Barcelona, and Bangkok.<br />';
		html += 'Bon voyage!</div>';
		html += '<div class="clear"></div>';	
	}else if(key == 'contact'){
		html += '<table border=0 align="center">';
		html += '<tr><td><b>Contact</b></td><td>&nbsp;</td><td>&nbsp;</td></tr>';
		html += '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
		html += '<tr><td valign="top"><b>Mobile</b></td><td valign="top">:</td><td>+62 856 1000 507 (Rara)<br>+62 818 0865 5969 (Utty)<br>+6281318460885 (Reine)</td></tr>';
		html += '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
		html += '<tr><td><b>E-mail</b></td><td>:</td><td>delirium@deliriousmind.com</td></tr>';
		html += '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
		html += '<tr><td valign="top"><b>Policy</b></td><td valign="top">:</td><td>- Payment must be transferred within 2 days after<br>&nbsp;&nbsp;ordering, or we will cancel the order automatically.</td></tr>';
		html += '<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>';
		html += '<tr><td valign="top"><b>How to order</b></td><td valign="top">:</td><td>- Email, SMS, or call the number<br>- delivery within Jakarta area Rp.5,000<br>- cost will be informed for<br>&nbsp;&nbsp;delivery outside Jakarta or overseas<br>- Shipment will be done on every Monday and Thursday</td></tr>';
		html += '</table>';
	}

		
	$('#content').removeClass();
	$('#content').addClass(id);
	$('#content').html(html);
}
function showGallery(id,cmd)
{
	$.ajax({
		url: 'gallery.php?',
		type:'post',
		data:'act=page&cmd='+cmd+'&id='+id,
		success:function(data){
			var htm = data.split('|||');
			$('.colection-page-l').html(htm[0]);
			$('.colection-page-r').html(htm[1]);
			$('.colection-image').html(htm[2]);
		}
	});
}
function getNews(id)
{
	var ids = jQuery('#idnews').val();
	if(id == 1){
		var idss = parseInt(ids) + 1;
		jQuery('#idnews').val(idss);
	}else{
		if(ids > 0)
		{
			var idss = parseInt(ids) - 1;
		}else{
			var idss = 0;
		}
		
		jQuery('#idnews').val(idss);
	}
	$.ajax({
		url: 'gallery.php?',
		type:'post',
		data:'act=news&id='+idss,
		success:function(data){
			var htm = data.split('|||');
			$('#news-images').html(htm[1]);
			jQuery('#idnews').val(htm[0]);
		}
	});
}