
//RETRIEVE DIVS DEPENDING ON THE BROWSER
function getElement( div )
{

  var element;
  
  // this is the way it should work
  if( document.getElementById )	element = document.getElementById( div );
  	
  // old msie versions work
  else if( document.all ) 		element = document.all[ div ];
    	
  // nn4 works
  else if( document.layers )	element = document.layers[ div ];
  
  return element;
  
}

// POPUP SCRIPT
function PopupImage(img, w, h) { 
	title="closeUP"; 
	w=open("",'image','width='+w+',height='+h+',toolbar=no,scrollbars=no,resizable=no'); 
	w.document.write("<HTML><HEAD><TITLE>"+title+"</TITLE></HEAD>"); 
	w.document.write("<BODY onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
	w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
	w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='my picture'>"); 
	w.document.write("</TD></TR></TABLE>");
	w.document.write("</BODY></HTML>"); 
	w.document.close(); 
} 

// SHOW HIDE BEHAVIOURS
function toggle( div )
{
  	
	//gets the appropriate layer
	var element = getElement( div );
	
	//toggles visible/hidden
	if ( element.style.visibility == 'hidden' )
	{
		
		show( div );
		
	}else{
		
		hide( div );
		
	}
	
	
}
function show( div ){
	
	var element = getElement( div );
	element.style.display 		= 'block';
	element.style.visibility	= 'visible';
	
}
function hide( div ){
	
	var element = getElement( div );
	element.style.display		= 'none';
	element.style.visibility 	= 'hidden';
	
}


// TEXT BASED SECTIONS

function text( folder , page, divOut ){

	if (!divOut)divOut = 'rightFrame';
	
	changeTopic( folder, 'left_frame_formatter.php', 'leftFrame' );

	formatFrames( "text" );
	
	inclusion( folder, page, divOut, true );
	
}

// VIDEO SECTION 
function video( page ){
	
	formatFrames( 'video' )
	inclusion( 'video', page + '.html', 'rightFrame' );
		
}

//DIARY
function isRead( img ){
	var div = getElement('leftFrame');
	var i = getElement( img );
	i.src = 'assets/interface/moins.gif';
}


//FRAME FORMATTER : MAKES THE LET AND RIGHT FRALME FIT THEIR CONTENT BETTER
function formatFrames( whatfor ){

	var div = getElement( 'rightFrame' );
	
	if( whatfor == "text" )
	{
	//adjusts the window size to fit the text better
	div.style.left = '407px';
	div.style.top = '300px';
	div.style.width = '326px';
	div.style.height = '240px';
	div.style.overflow = 'auto';
	div.style.overflowX = 'hidden';
	
	var div = getElement( 'leftFrame' );
	div.style.overflow='auto';
	div.style.top = '250px';
	div.style.left = '80px';
	div.style.height = '230px';
	div.style.width = '190px';
	}
	
	
	
	if( whatfor == "video" )
	{
	//adjusts the window size not to cut the video
	div.style.left = '407px';
	div.style.top = '297px';
	div.style.width = '326px';
	div.style.height = '260px';
///	div.style.overflow = 'hidden';
	
	var div = getElement( 'leftFrame' );
	div.style.overflow='auto';
	div.style.top = '250px';
	div.style.left = '80px';
	div.style.height = '230px';
	div.style.width = '190px';
	}
	
	
	if( whatfor == "image" )
	{
	//adjusts the window size somehow to fit the pictures of the galery
	div.style.left = '407px';
	div.style.top = '297px';
	div.style.width = '316px';
	div.style.height = '261px';
	div.style.overflow = 'hidden';
	
	var div = getElement( 'leftFrame' );
	div.style.overflow='auto';
	div.style.overflowX='hidden';
	div.style.top = '240px';
	div.style.height = '240px';
	div.style.width = '210px';
	}
}

// IMAGE DISPLAY : CALLED FROM THE LET FRAME WHEN 'PIC' IS SELECTED
function displayPicture( pic )
{
	
	formatFrames( 'image' );
	var div = getElement( 'rightFrame' );
	div.innerHTML = '<img src="'+ pic +'">';
	
}


//CONTACT NEWSLETTER TELL A FRIEND

// SHOW HIDE BEHAVIOURS 
function cont(){
	
	var d = getElement( 'divcontact' );
	
	d.innerHTML =  '<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><a href="mailto:info@sanagimusic.com" > info@sanagimusic.com</a>';
	
	
	toggle( 'divcontact' );
	hide('divtellafriend');
	hide('divnewsletter');
}

function taf(){
	
	
	var d = getElement( 'divtellafriend' );
	
	d.innerHTML =  '<form id="tafForm" name="tafForm" method="post" >			 <span class="Style1">your name</span>			 <input type="text" name="name" style="width:100%; height:12px; border:#999999 solid 1px;"/>			 <span class="Style1">your friend\'s email</span>             <br />			 <input type="text" name="email" style="width:100%; height:12px; border:#999999 solid 1px;"/>			 <span class="Style1">what do you want </span>your friend to know ?			 <textarea id="msg" name="msg" style="font-size:12px; width:100%; height:100px; border:#999999 solid 1px; "></textarea>			 <br />			 <input name="news" type="checkbox" value="checkbox" checked="checked" />			 do you think your friend will subscribe to the newsletter?			 <input name="submit" type="button"   value="submit" style="height:16px; width:100%; background-color:#FFFFFF; color:#000000; font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:none;"  onclick="javascript:checkMail(\'tafForm\');"/>			  			  			<input type="hidden" name="recipient" value="taf">			  </form>';
	
	hide( 'divcontact' );
	toggle('divtellafriend');
	hide('divnewsletter');
	
}

function newsletter(){
	
	
	var d = getElement( 'divnewsletter' );
	
	d.innerHTML =  '<form id="newsletterForm" name="newsletterForm" method="post" >			 name			 <input type="text" name="name" style="width:100%; height:12px; border:#999999 solid 1px;"/>			 email			 <input type="text" name="email" style="width:100%; height:12px; border:#999999 solid 1px;"/>			 country<br /> 			 	<select name="country" style="width:100%; height:16px; border:#999999 solid 1px;"><option>Afghanistan</option><option>Åland Islands</option><option>Albania</option><option>Algeria</option><option>American Samoa</option><option>Andorra</option><option>Angola</option><option>Anguilla</option><option>Antarctica</option><option>Antigua and Barbuda</option><option>Argentina</option><option>Armenia</option><option>Aruba</option><option selected="selected">Australia</option><option>Austria</option><option>Azerbaijan</option><option>Bahamas</option><option>Bahrain</option><option>Bangladesh</option><option>Barbados</option><option>Belarus</option><option>Belgium</option><option>Belize</option><option>Benin</option><option>Bermuda</option><option>Bhutan</option><option>Bolivia</option><option>Bosnia and Herzegovina</option><option>Botswana</option><option>Bouvet Island</option><option>Brazil</option><option>British Indian Ocean territory</option><option>Brunei Darussalam</option><option>Bulgaria</option><option>Burkina Faso</option><option>Burundi</option><option>Cambodia</option><option>Cameroon</option><option>Canada</option><option>Cape Verde</option><option>Cayman Islands</option><option>Central African Republic</option><option>Chad</option><option>Chile</option><option>China</option><option>Christmas Island</option><option>Cocos (Keeling) Islands</option><option>Colombia</option><option>Comoros</option><option>Congo</option><option>Congo, Democratic Republic</option><option>Cook Islands</option><option>Costa Rica</option><option>Côte d\'Ivoire (Ivory Coast)</option><option>Croatia (Hrvatska)</option><option>Cuba</option><option>Cyprus</option><option>Czech Republic</option><option>Denmark</option><option>Djibouti</option><option>Dominica</option><option>Dominican Republic</option><option>East Timor</option><option>Ecuador</option><option>Egypt</option><option>El Salvador</option><option>Equatorial Guinea</option><option>Eritrea</option><option>Estonia</option><option>Ethiopia</option><option>Falkland Islands</option><option>Faroe Islands</option><option>Fiji</option><option>Finland</option><option>France</option><option>French Guiana</option><option>French Polynesia</option><option>French Southern Territories</option><option>Gabon</option><option>Gambia</option><option>Georgia</option><option selected>Germany</option><option>Ghana</option><option>Gibraltar</option><option>Greece</option><option>Greenland</option><option>Grenada</option><option>Guadeloupe</option><option>Guam</option><option>Guatemala</option><option>Guinea</option><option>Guinea-Bissau</option><option>Guyana</option><option>Haiti</option><option>Heard and McDonald Islands</option><option>Honduras</option><option>Hong Kong</option><option>Hungary</option><option>Iceland</option><option>India</option><option>Indonesia</option><option>Iran</option><option>Iraq</option><option>Ireland</option><option>Israel</option><option>Italy</option><option>Jamaica</option><option>Japan</option><option>Jordan</option><option>Kazakhstan</option><option>Kenya</option><option>Kiribati</option><option>Korea (north)</option><option>Korea (south)</option><option>Kuwait</option><option>Kyrgyzstan</option><option>Lao People\'s Democratic Republic</option><option>Latvia</option><option>Lebanon</option><option>Lesotho</option><option>Liberia</option><option>Libyan Arab Jamahiriya</option><option>Liechtenstein</option><option>Lithuania</option><option>Luxembourg</option><option>Macao</option><option>Macedonia</option><option>Madagascar</option><option>Malawi</option><option>Malaysia</option><option>Maldives</option><option>Mali</option><option>Malta</option><option>Marshall Islands</option><option>Martinique</option><option>Mauritania</option><option>Mauritius</option><option>Mayotte</option><option>Mexico</option><option>Micronesia</option><option>Moldova</option><option>Monaco</option><option>Mongolia</option><option>Montserrat</option><option>Morocco</option><option>Mozambique</option><option>Myanmar</option><option>Namibia</option><option>Nauru</option><option>Nepal</option><option>Netherlands</option><option>Netherlands Antilles</option><option>New Caledonia</option><option>New Zealand</option><option>Nicaragua</option><option>Niger</option><option>Nigeria</option><option>Niue</option><option>Norfolk Island</option><option>Northern Mariana Islands</option><option>Norway</option><option>Oman</option><option>Pakistan</option><option>Palau</option><option>Palestinian Territories</option><option>Panama</option><option>Papua New Guinea</option><option>Paraguay</option><option>Peru</option><option>Philippines</option><option>Pitcairn</option><option>Poland</option><option>Portugal</option><option>Puerto Rico</option><option>Qatar</option><option>Réunion</option><option>Romania</option><option>Russian Federation</option><option>Rwanda</option><option>Saint Helena</option><option>Saint Kitts and Nevis</option><option>Saint Lucia</option><option>Saint Pierre and Miquelon</option><option>Saint Vincent and the Grenadines</option><option>Samoa</option><option>San Marino</option><option>Sao Tome and Principe</option><!-- copyright Felgall Pty Ltd --><option>Saudi Arabia</option><option>Senegal</option><option>Serbia and Montenegro</option><option>Seychelles</option><option>Sierra Leone</option><option>Singapore</option><option>Slovakia</option><option>Slovenia</option><option>Solomon Islands</option><option>Somalia</option><option>South Africa</option><option>South Georgia </option><option> Sandwich Islands</option><option>Spain</option><option>Sri Lanka</option><option>Sudan</option><option>Suriname</option><option>Svalbard and Jan Mayen Islands</option><option>Swaziland</option><option>Sweden</option><option>Switzerland</option><option>Syria</option><option>Taiwan</option><option>Tajikistan</option><option>Tanzania</option><option>Thailand</option><option>Togo</option><option>Tokelau</option><option>Tonga</option><option>Trinidad and Tobago</option><option>Tunisia</option><option>Turkey</option><option>Turkmenistan</option><option>Turks and Caicos Islands</option><option>Tuvalu</option><option>Uganda</option><option>Ukraine</option><option>United Arab Emirates</option><option>United Kingdom</option><option>United States of America</option><option>Uruguay</option><option>Uzbekistan</option><option>Vanuatu</option><option>Vatican City</option><option>Venezuela</option><option>Vietnam</option><option>Virgin Islands (British)</option><option>Virgin Islands (US)</option><option>Wallis and Futuna Islands</option><option>Western Sahara</option><option>Yemen</option><option>Zaire</option><option>Zambia</option><option>Zimbabwe</option></select>		<input name="copy" type="checkbox" value="copy" checked="checked" />			 recieive a confirmation<br />		<input name="submit" type="button"  value="submit" style="height:16px; width:100%; background-color:#FFFFFF; color:#000000; font-weight:bolder; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:none;  " onclick="javascript:checkMail(\'newsletterForm\');"/>			  </form>';
	
	hide( 'divcontact' );
	hide('divtellafriend');
	toggle('divnewsletter');
}


// FOR ALL : MAIL CHECK
function checkMail( type ){
	
	var div = getElement( 'log' );
	
	var f = document.forms[type];
	
	
	switch (type)
	{
		case 'contactForm':
		
			var mail 	= f.elements["email"].value;
			var name 	= f.elements["name"].value;
			var msg 	= f.elements["msg"].value;
			var news 	= f.elements["news"].checked;
			var copy	= f.elements["copy"].checked;
			//if (echeck(mail, div))
			mailer(	type, name, mail, msg, news, copy, 'void' );

		break;
		
		case 'tafForm':
		
			var mail 	= f.elements["email"].value;
			var name 	= f.elements["name"].value;
			var msg 	= f.elements["msg"].value;
			var news 	= f.elements["news"].checked;
			//if (echeck(mail, div)) 
			mailer(	type, name, mail, msg, news, false, '' );
			
		break;
		
		case 'newsletterForm':
		
			var mail 	= f.elements["email"].value;
			var name 	= f.elements["name"].value;
			var country	= f.elements["country"].value;
			var copy	= f.elements["copy"].checked;
			//if (echeck(mail, div)) 
			mailer(	type, name, mail, 'msg', true, copy, country );
			
		break;
	}
}

// MAIL ADDRESS SYNTAX CHECKER : RETURNS ERROR STRING TO THE DIV
function echeck(str, div) {

	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	if (str.indexOf(at)==-1){
	   div.innerHTML = "Invalid E-mail ID";
	   return false
	}

	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
	   div.innerHTML = "Invalid E-mail ID";
	   return false
	}

	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
	   div.innerHTML = "Invalid E-mail ID";
		return false
	}

	 if (str.indexOf(at,(lat+1))!=-1){
	   div.innerHTML = "Invalid E-mail ID";
		return false
	 }

	 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
	   div.innerHTML = "Invalid E-mail ID";
		return false
	 }

	 if (str.indexOf(dot,(lat+2))==-1){
	   div.innerHTML = "Invalid E-mail ID";
		return false
	 }
	
	 if (str.indexOf(" ")!=-1){
	   div.innerHTML = "Invalid E-mail ID";
		return false
	 }
	 return true					
}


//RESET FORM AFTER MAIL IS SENT
function resetForm( type ) {
	
	var f = document.forms[type];
	f.reset();

}